From 9d4123cee1867ee7199b06bdc92d40611f547ecc Mon Sep 17 00:00:00 2001 From: Zach van Rijn Date: Wed, 21 Jul 2021 14:54:07 -0500 Subject: Initial unmodified import from Astra (Version: 3.6.5) @ /wp-content/themes/astra/. --- .../astra-pro/class-astra-pro-customizer.php | 79 + .../class-astra-pro-upgrade-link-configs.php | 57 + inc/customizer/astra-pro/index.php | 9 + inc/customizer/class-astra-builder-customizer.php | 375 ++ inc/customizer/class-astra-customizer-callback.php | 62 + inc/customizer/class-astra-customizer-partials.php | 158 + ...s-astra-customizer-register-sections-panels.php | 389 ++ .../class-astra-customizer-sanitizes.php | 682 +++ inc/customizer/class-astra-customizer.php | 1534 +++++ inc/customizer/class-astra-font-families.php | 171 + inc/customizer/class-astra-fonts-data.php | 44 + inc/customizer/class-astra-fonts.php | 200 + .../base/class-astra-button-component-configs.php | 436 ++ .../base/class-astra-html-component-configs.php | 231 + .../class-astra-social-icon-component-configs.php | 480 ++ .../class-astra-builder-base-configuration.php | 547 ++ ...class-astra-customizer-above-footer-configs.php | 284 + ...class-astra-customizer-below-footer-configs.php | 284 + .../class-astra-customizer-copyright-configs.php | 165 + ...ass-astra-customizer-footer-builder-configs.php | 314 + .../class-astra-customizer-footer-menu-configs.php | 371 ++ ...stra-customizer-footer-social-icons-configs.php | 49 + ...ass-astra-customizer-primary-footer-configs.php | 268 + ...class-astra-footer-button-component-configs.php | 48 + .../class-astra-footer-html-component-configs.php | 48 + ...class-astra-footer-widget-component-configs.php | 51 + ...class-astra-customizer-above-header-configs.php | 148 + ...class-astra-customizer-below-header-configs.php | 148 + .../class-astra-customizer-edd-cart-configs.php | 384 ++ ...ass-astra-customizer-header-builder-configs.php | 526 ++ ...lass-astra-customizer-header-widget-configs.php | 49 + ...ass-astra-customizer-mobile-trigger-configs.php | 399 ++ .../class-astra-customizer-off-canvas-configs.php | 280 + ...ass-astra-customizer-primary-header-configs.php | 163 + ...lass-astra-customizer-site-identity-configs.php | 151 + .../class-astra-customizer-woo-cart-configs.php | 530 ++ ...lass-astra-header-account-component-configs.php | 522 ++ ...class-astra-header-button-component-configs.php | 41 + .../class-astra-header-html-component-configs.php | 48 + .../class-astra-header-menu-component-configs.php | 645 ++ ...class-astra-header-search-component-configs.php | 143 + ...-astra-header-social-icon-component-configs.php | 50 + .../class-astra-mobile-menu-component-configs.php | 458 ++ .../class-astra-customizer-button-configs.php | 484 ++ .../class-astra-existing-button-configs.php | 452 ++ .../class-astra-customizer-config-base.php | 100 + .../class-astra-advanced-footer-colors-configs.php | 179 + .../class-astra-body-colors-configs.php | 99 + .../class-astra-footer-colors-configs.php | 102 + .../layout/class-astra-blog-layout-configs.php | 173 + .../class-astra-blog-single-layout-configs.php | 156 + .../layout/class-astra-footer-layout-configs.php | 482 ++ .../layout/class-astra-header-layout-configs.php | 684 +++ .../layout/class-astra-sidebar-layout-configs.php | 155 + .../class-astra-site-container-layout-configs.php | 157 + .../layout/class-astra-site-identity-configs.php | 495 ++ .../layout/class-astra-site-layout-configs.php | 69 + .../class-astra-performance-configs.php | 95 + .../class-astra-archive-typo-configs.php | 197 + .../typography/class-astra-body-typo-configs.php | 277 + .../class-astra-content-typo-configs.php | 272 + .../typography/class-astra-header-typo-configs.php | 230 + .../typography/class-astra-single-typo-configs.php | 136 + .../css/minified/custom-controls.min-rtl.css | 1 + .../assets/css/minified/custom-controls.min.css | 1 + .../assets/css/unminified/alignment-rtl.css | 92 + .../assets/css/unminified/alignment.css | 92 + .../assets/css/unminified/background-rtl.css | 113 + .../assets/css/unminified/background.css | 113 + .../assets/css/unminified/border-rtl.css | 152 + .../assets/css/unminified/border.css | 152 + .../assets/css/unminified/color-group-rtl.css | 137 + .../assets/css/unminified/color-group.css | 137 + .../assets/css/unminified/color-rtl.css | 506 ++ .../assets/css/unminified/color.css | 506 ++ .../assets/css/unminified/custom-controls-rtl.css | 5569 ++++++++++++++++++ .../assets/css/unminified/custom-controls.css | 2784 +++++++++ .../assets/css/unminified/customizer-link-rtl.css | 8 + .../assets/css/unminified/customizer-link.css | 8 + .../assets/css/unminified/customizer-style-rtl.css | 171 + .../assets/css/unminified/customizer-style.css | 171 + .../assets/css/unminified/description-rtl.css | 13 + .../assets/css/unminified/description.css | 13 + .../assets/css/unminified/divider-rtl.css | 86 + .../assets/css/unminified/divider.css | 86 + .../assets/css/unminified/heading-rtl.css | 69 + .../assets/css/unminified/heading.css | 69 + .../assets/css/unminified/link-rtl.css | 3 + .../custom-controls/assets/css/unminified/link.css | 3 + .../assets/css/unminified/radio-image-rtl.css | 44 + .../assets/css/unminified/radio-image.css | 44 + .../css/unminified/responsive-background-rtl.css | 307 + .../css/unminified/responsive-background.css | 307 + .../assets/css/unminified/responsive-color-rtl.css | 70 + .../assets/css/unminified/responsive-color.css | 70 + .../assets/css/unminified/responsive-rtl.css | 111 + .../css/unminified/responsive-select-rtl.css | 7 + .../assets/css/unminified/responsive-select.css | 7 + .../css/unminified/responsive-slider-rtl.css | 167 + .../assets/css/unminified/responsive-slider.css | 167 + .../css/unminified/responsive-spacing-rtl.css | 171 + .../assets/css/unminified/responsive-spacing.css | 171 + .../unminified/responsive-toggle-control-rtl.css | 61 + .../css/unminified/responsive-toggle-control.css | 61 + .../assets/css/unminified/responsive.css | 111 + .../assets/css/unminified/settings-group-rtl.css | 314 + .../assets/css/unminified/settings-group.css | 314 + .../assets/css/unminified/slider-rtl.css | 55 + .../assets/css/unminified/slider.css | 55 + .../assets/css/unminified/sortable-rtl.css | 53 + .../assets/css/unminified/sortable.css | 53 + .../assets/css/unminified/toggle-control-rtl.css | 17 + .../assets/css/unminified/toggle-control.css | 17 + .../assets/css/unminified/typography-rtl.css | 36 + .../assets/css/unminified/typography.css | 36 + .../assets/js/minified/custom-controls.min.js | 1 + .../assets/js/unminified/custom-controls-plain.js | 6169 +++++++++++++++++++ .../assets/js/unminified/custom-controls.js | 6171 ++++++++++++++++++++ .../assets/minified/custom-controls.min-rtl.css | 1 + .../assets/minified/custom-controls.min.css | 1 + .../class-astra-customizer-control-base.php | 238 + .../custom-controls/color-group/color-group.scss | 136 + .../class-astra-control-customizer-link.php | 69 + .../custom-controls/customizer-style.scss | 186 + .../class-astra-control-description.php | 57 + .../class-astra-control-font-variant.php | 153 + inc/customizer/custom-controls/index.php | 9 + .../typography/class-astra-control-typography.php | 189 + .../custom-controls/typography/index.php | 9 + .../custom-controls/typography/selectWoo.css | 485 ++ .../custom-controls/typography/selectWoo.js | 5882 +++++++++++++++++++ .../custom-controls/typography/typography.js | 286 + .../custom-controls/typography/typography.scss | 41 + inc/customizer/customizer-controls.php | 24 + .../extend-custom-controls/build/index.js | 1 + .../class-astra-wp-customize-panel.php | 65 + .../class-astra-wp-customize-section.php | 68 + .../class-astra-wp-customize-separator.php | 49 + inc/customizer/index.php | 9 + inc/customizer/override-defaults.php | 70 + 140 files changed, 51265 insertions(+) create mode 100644 inc/customizer/astra-pro/class-astra-pro-customizer.php create mode 100644 inc/customizer/astra-pro/class-astra-pro-upgrade-link-configs.php create mode 100644 inc/customizer/astra-pro/index.php create mode 100644 inc/customizer/class-astra-builder-customizer.php create mode 100644 inc/customizer/class-astra-customizer-callback.php create mode 100644 inc/customizer/class-astra-customizer-partials.php create mode 100644 inc/customizer/class-astra-customizer-register-sections-panels.php create mode 100644 inc/customizer/class-astra-customizer-sanitizes.php create mode 100644 inc/customizer/class-astra-customizer.php create mode 100644 inc/customizer/class-astra-font-families.php create mode 100644 inc/customizer/class-astra-fonts-data.php create mode 100644 inc/customizer/class-astra-fonts.php create mode 100644 inc/customizer/configurations/builder/base/class-astra-button-component-configs.php create mode 100644 inc/customizer/configurations/builder/base/class-astra-html-component-configs.php create mode 100644 inc/customizer/configurations/builder/base/class-astra-social-icon-component-configs.php create mode 100644 inc/customizer/configurations/builder/class-astra-builder-base-configuration.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-above-footer-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-below-footer-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-copyright-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-footer-builder-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-footer-menu-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-footer-social-icons-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-customizer-primary-footer-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-footer-button-component-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-footer-html-component-configs.php create mode 100644 inc/customizer/configurations/builder/footer/class-astra-footer-widget-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-above-header-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-below-header-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-edd-cart-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-header-builder-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-header-widget-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-mobile-trigger-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-off-canvas-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-primary-header-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-site-identity-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-customizer-woo-cart-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-header-account-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-header-button-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-header-html-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-header-menu-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-header-search-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-header-social-icon-component-configs.php create mode 100644 inc/customizer/configurations/builder/header/class-astra-mobile-menu-component-configs.php create mode 100644 inc/customizer/configurations/buttons/class-astra-customizer-button-configs.php create mode 100644 inc/customizer/configurations/buttons/class-astra-existing-button-configs.php create mode 100644 inc/customizer/configurations/class-astra-customizer-config-base.php create mode 100644 inc/customizer/configurations/colors-background/class-astra-advanced-footer-colors-configs.php create mode 100644 inc/customizer/configurations/colors-background/class-astra-body-colors-configs.php create mode 100644 inc/customizer/configurations/colors-background/class-astra-footer-colors-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-blog-layout-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-blog-single-layout-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-footer-layout-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-header-layout-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-sidebar-layout-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-site-container-layout-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-site-identity-configs.php create mode 100644 inc/customizer/configurations/layout/class-astra-site-layout-configs.php create mode 100644 inc/customizer/configurations/performance/class-astra-performance-configs.php create mode 100644 inc/customizer/configurations/typography/class-astra-archive-typo-configs.php create mode 100644 inc/customizer/configurations/typography/class-astra-body-typo-configs.php create mode 100644 inc/customizer/configurations/typography/class-astra-content-typo-configs.php create mode 100644 inc/customizer/configurations/typography/class-astra-header-typo-configs.php create mode 100644 inc/customizer/configurations/typography/class-astra-single-typo-configs.php create mode 100644 inc/customizer/custom-controls/assets/css/minified/custom-controls.min-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/minified/custom-controls.min.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/alignment-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/alignment.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/background-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/background.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/border-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/border.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/color-group-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/color-group.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/color-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/color.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/custom-controls-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/custom-controls.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/customizer-link-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/customizer-link.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/customizer-style-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/customizer-style.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/description-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/description.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/divider-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/divider.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/heading-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/heading.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/link-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/link.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/radio-image-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/radio-image.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-background-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-background.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-color-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-color.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-select-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-select.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-spacing-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-spacing.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/responsive.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/settings-group-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/settings-group.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/slider-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/slider.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/sortable-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/sortable.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/toggle-control-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/toggle-control.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/typography-rtl.css create mode 100644 inc/customizer/custom-controls/assets/css/unminified/typography.css create mode 100644 inc/customizer/custom-controls/assets/js/minified/custom-controls.min.js create mode 100644 inc/customizer/custom-controls/assets/js/unminified/custom-controls-plain.js create mode 100644 inc/customizer/custom-controls/assets/js/unminified/custom-controls.js create mode 100644 inc/customizer/custom-controls/assets/minified/custom-controls.min-rtl.css create mode 100644 inc/customizer/custom-controls/assets/minified/custom-controls.min.css create mode 100644 inc/customizer/custom-controls/class-astra-customizer-control-base.php create mode 100644 inc/customizer/custom-controls/color-group/color-group.scss create mode 100644 inc/customizer/custom-controls/customizer-link/class-astra-control-customizer-link.php create mode 100644 inc/customizer/custom-controls/customizer-style.scss create mode 100644 inc/customizer/custom-controls/description/class-astra-control-description.php create mode 100644 inc/customizer/custom-controls/font-variant/class-astra-control-font-variant.php create mode 100644 inc/customizer/custom-controls/index.php create mode 100644 inc/customizer/custom-controls/typography/class-astra-control-typography.php create mode 100644 inc/customizer/custom-controls/typography/index.php create mode 100644 inc/customizer/custom-controls/typography/selectWoo.css create mode 100644 inc/customizer/custom-controls/typography/selectWoo.js create mode 100644 inc/customizer/custom-controls/typography/typography.js create mode 100644 inc/customizer/custom-controls/typography/typography.scss create mode 100644 inc/customizer/customizer-controls.php create mode 100644 inc/customizer/extend-custom-controls/build/index.js create mode 100644 inc/customizer/extend-customizer/class-astra-wp-customize-panel.php create mode 100644 inc/customizer/extend-customizer/class-astra-wp-customize-section.php create mode 100644 inc/customizer/extend-customizer/class-astra-wp-customize-separator.php create mode 100644 inc/customizer/index.php create mode 100644 inc/customizer/override-defaults.php (limited to 'inc/customizer') diff --git a/inc/customizer/astra-pro/class-astra-pro-customizer.php b/inc/customizer/astra-pro/class-astra-pro-customizer.php new file mode 100644 index 0000000..a9a8f4c --- /dev/null +++ b/inc/customizer/astra-pro/class-astra-pro-customizer.php @@ -0,0 +1,79 @@ +pro_url ); + return $json; + } + + /** + * Outputs the Underscore.js template. + * + * @since 1.0.10 + * @access public + * @return void + */ + protected function render_template() { + ?> +
  • +

    + <# if ( data.title && data.pro_url ) { #> + {{ data.title }} + <# } #> +

    +
    • + 'astra-pro', + 'type' => 'section', + 'ast_type' => 'astra-pro', + 'title' => esc_html__( 'More Options Available in Astra Pro!', 'astra' ), + 'pro_url' => htmlspecialchars_decode( astra_get_pro_url( 'https://wpastra.com/pricing/', 'customizer', 'upgrade-link', 'upgrade-to-pro' ) ), + 'priority' => 1, + 'section_callback' => 'Astra_Pro_Customizer', + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[astra-pro-section-notice]', + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-hidden', + 'section' => 'astra-pro', + 'priority' => 0, + ), + + ); + + return array_merge( $configurations, $_configs ); + + } + } +} + +new Astra_Pro_Upgrade_Link_Configs(); diff --git a/inc/customizer/astra-pro/index.php b/inc/customizer/astra-pro/index.php new file mode 100644 index 0000000..8b96815 --- /dev/null +++ b/inc/customizer/astra-pro/index.php @@ -0,0 +1,9 @@ +load_base_components(); + + add_action( 'customize_register', array( $this, 'builder_configs' ), 2 ); + add_action( 'customize_register', array( $this, 'header_configs' ), 2 ); + add_action( 'customize_register', array( $this, 'footer_configs' ), 2 ); + add_action( 'customize_register', array( $this, 'update_default_wp_configs' ) ); + add_action( 'init', array( $this, 'deregister_menu_locations_widgets' ), 999 ); + add_action( 'customize_controls_print_footer_scripts', array( $this, 'builder_customizer_preview_styles' ) ); + + } + + /** + * Update default WP configs. + * + * @param object $wp_customize customizer object. + */ + public function update_default_wp_configs( $wp_customize ) { + + $wp_customize->get_control( 'custom_logo' )->priority = 2; + $wp_customize->get_control( 'blogname' )->priority = 8; + $wp_customize->get_control( 'blogdescription' )->priority = 12; + + $wp_customize->get_setting( 'custom_logo' )->transport = 'postMessage'; + $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; + + $wp_customize->get_section( 'title_tagline' )->panel = 'panel-header-builder-group'; + + $wp_customize->selective_refresh->add_partial( + 'custom_logo', + array( + 'selector' => '.site-branding', + 'container_inclusive' => true, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ) + ); + + // @codingStandardsIgnoreStart PHPCompatibility.FunctionDeclarations.NewClosure.Found + $wp_customize->selective_refresh->add_partial( + 'blogdescription', + array( + 'selector' => '.site-description', + 'render_callback' => function() { + bloginfo( 'description' ); + }, + ) + ); + + $wp_customize->selective_refresh->add_partial( + 'blogname', + array( + 'selector' => '.site-title', + 'render_callback' => function() { + bloginfo( 'name' ); + }, + ) + ); + + // @codingStandardsIgnoreStart PHPCompatibility.FunctionDeclarations.NewClosure.Found + + } + + /** + * Function to remove old Header and Footer Menu location and widgets. + * + * @since 3.0.0 + * @return void + */ + public function deregister_menu_locations_widgets() { + + // Remove Header Menus locations. + unregister_nav_menu( 'above_header_menu' ); + unregister_nav_menu( 'below_header_menu' ); + + // Remove Header Widgets. + unregister_sidebar( 'above-header-widget-1' ); + unregister_sidebar( 'above-header-widget-2' ); + unregister_sidebar( 'below-header-widget-1' ); + unregister_sidebar( 'below-header-widget-2' ); + + // Remove Footer Widgets. + unregister_sidebar( 'advanced-footer-widget-1' ); + unregister_sidebar( 'advanced-footer-widget-2' ); + unregister_sidebar( 'advanced-footer-widget-3' ); + unregister_sidebar( 'advanced-footer-widget-4' ); + unregister_sidebar( 'advanced-footer-widget-5' ); + } + + /** + * Attach customize_controls_print_footer_scripts preview styles conditionally. + * + * @since 3.0.0 + */ + public function builder_customizer_preview_styles() { + /** + * Added Astra Pro dependent customizer style. + */ + if ( is_customize_preview() ) { + echo ''; + } + } + + /** + * Add Customizer preview script. + * + * @since 3.0.0 + */ + public function enqueue_customizer_preview_scripts() { + + // Enqueue Builder CSS. + wp_enqueue_style( + 'ahfb-customizer-preview-style', + ASTRA_THEME_URI . 'inc/assets/css/customizer-preview.css', + null, + ASTRA_THEME_VERSION + ); + + // Advanced Dynamic CSS. + wp_enqueue_script( + 'ahfb-customizer-preview', + ASTRA_THEME_URI . 'inc/assets/js/customizer-preview.js', + array( 'customize-preview' ), + ASTRA_THEME_VERSION, + true + ); + + // Base Dynamic CSS. + wp_enqueue_script( + 'ahfb-base-customizer-preview', + ASTRA_THEME_URI . 'inc/builder/type/base/assets/js/customizer-preview.js', + array( 'customize-preview' ), + ASTRA_THEME_VERSION, + true + ); + + // Localize variables for Astra Breakpoints JS. + wp_localize_script( + 'ahfb-base-customizer-preview', + 'astraBuilderPreview', + array( + 'tablet_break_point' => astra_get_tablet_breakpoint(), + 'mobile_break_point' => astra_get_mobile_breakpoint(), + ) + ); + + wp_localize_script( + 'ahfb-customizer-preview', + 'astraBuilderCustomizer', + array( + 'ajaxurl' => admin_url( 'admin-ajax.php' ), + 'ajax_nonce' => wp_create_nonce( 'astra-builder-customizer-nonce' ), + ) + ); + } + + /** + * Register Base Components for Builder. + */ + public function load_base_components() { + + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + require_once ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/class-astra-builder-base-configuration.php'; + + require_once ASTRA_THEME_DIR . 'inc/builder/type/class-astra-builder-base-dynamic-css.php'; + + // Base Config Files. + require_once ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/base/class-astra-social-icon-component-configs.php'; + require_once ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/base/class-astra-html-component-configs.php'; + require_once ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/base/class-astra-button-component-configs.php'; + + // Base Dynamic CSS Files. + require_once ASTRA_THEME_DIR . 'inc/builder/type/base/dynamic-css/html/class-astra-html-component-dynamic-css.php'; + require_once ASTRA_THEME_DIR . 'inc/builder/type/base/dynamic-css/social/class-astra-social-component-dynamic-css.php'; + require_once ASTRA_THEME_DIR . 'inc/builder/type/base/dynamic-css/button/class-astra-button-component-dynamic-css.php'; + require_once ASTRA_THEME_DIR . 'inc/builder/type/base/dynamic-css/widget/class-astra-widget-component-dynamic-css.php'; + + $this->load_header_components(); + $this->load_footer_components(); + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register Components for Header Builder. + * + * @since 3.0.0 + */ + public function load_header_components() { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + $header_components_path = ASTRA_THEME_DIR . 'inc/builder/type/header'; + require_once $header_components_path . '/site-identity/class-astra-header-site-identity-component.php'; + require_once $header_components_path . '/off-canvas/class-astra-off-canvas.php'; + require_once $header_components_path . '/primary-header/class-astra-primary-header.php'; + require_once $header_components_path . '/button/class-astra-header-button-component.php'; + require_once $header_components_path . '/menu/class-astra-header-menu-component.php'; + require_once $header_components_path . '/html/class-astra-header-html-component.php'; + require_once $header_components_path . '/search/class-astra-header-search-component.php'; + require_once $header_components_path . '/account/class-astra-header-account-component.php'; + require_once $header_components_path . '/social-icon/class-astra-header-social-icon-component.php'; + require_once $header_components_path . '/widget/class-astra-header-widget-component.php'; + require_once $header_components_path . '/mobile-trigger/class-astra-mobile-trigger.php'; + require_once $header_components_path . '/mobile-menu/class-astra-mobile-menu-component.php'; + + require_once $header_components_path . '/above-header/class-astra-above-header.php'; + require_once $header_components_path . '/below-header/class-astra-below-header.php'; + + if ( class_exists( 'Astra_Woocommerce' ) ) { + require_once $header_components_path . '/woo-cart/class-astra-header-woo-cart-component.php'; + } + + if ( class_exists( 'Easy_Digital_Downloads' ) ) { + require_once $header_components_path . '/edd-cart/class-astra-header-edd-cart-component.php'; + } + + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register Components for Footer Builder. + * + * @since 3.0.0 + */ + public function load_footer_components() { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + $footer_components_path = ASTRA_THEME_DIR . 'inc/builder/type/footer'; + require_once $footer_components_path . '/below-footer/class-astra-below-footer.php'; + require_once $footer_components_path . '/menu/class-astra-footer-menu-component.php'; + require_once $footer_components_path . '/html/class-astra-footer-html-component.php'; + require_once $footer_components_path . '/button/class-astra-footer-button-component.php'; + require_once $footer_components_path . '/copyright/class-astra-footer-copyright-component.php'; + require_once $footer_components_path . '/social-icon/class-astra-footer-social-icons-component.php'; + require_once $footer_components_path . '/above-footer/class-astra-above-footer.php'; + require_once $footer_components_path . '/primary-footer/class-astra-primary-footer.php'; + require_once $footer_components_path . '/widget/class-astra-footer-widget-component.php'; + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register controls for Header/Footer Builder. + * + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + * @since 3.0.0 + */ + public function builder_configs( $wp_customize ) { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + $builder_config_path = ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/'; + // Header Builder. + require_once $builder_config_path . '/header/class-astra-customizer-header-builder-configs.php'; + // Footer Builder. + require_once $builder_config_path . '/footer/class-astra-customizer-footer-builder-configs.php'; + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register controls for Header Builder. + * + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + * @since 3.0.0 + */ + public function header_configs( $wp_customize ) { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + $header_config_path = ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/header'; + require_once $header_config_path . '/class-astra-customizer-above-header-configs.php'; + require_once $header_config_path . '/class-astra-customizer-below-header-configs.php'; + require_once $header_config_path . '/class-astra-customizer-header-builder-configs.php'; + require_once $header_config_path . '/class-astra-customizer-header-widget-configs.php'; + require_once $header_config_path . '/class-astra-customizer-mobile-trigger-configs.php'; + require_once $header_config_path . '/class-astra-customizer-off-canvas-configs.php'; + require_once $header_config_path . '/class-astra-customizer-primary-header-configs.php'; + require_once $header_config_path . '/class-astra-customizer-site-identity-configs.php'; + require_once $header_config_path . '/class-astra-header-button-component-configs.php'; + require_once $header_config_path . '/class-astra-header-html-component-configs.php'; + require_once $header_config_path . '/class-astra-header-menu-component-configs.php'; + require_once $header_config_path . '/class-astra-header-search-component-configs.php'; + require_once $header_config_path . '/class-astra-header-account-component-configs.php'; + require_once $header_config_path . '/class-astra-header-social-icon-component-configs.php'; + + if ( class_exists( 'Astra_Woocommerce' ) ) { + require_once $header_config_path . '/class-astra-customizer-woo-cart-configs.php'; + } + + if ( class_exists( 'Easy_Digital_Downloads' ) ) { + require_once $header_config_path . '/class-astra-customizer-edd-cart-configs.php'; + } + + require_once $header_config_path . '/class-astra-mobile-menu-component-configs.php'; + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register controls for Footer Builder. + * + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + * @since 3.0.0 + */ + public function footer_configs( $wp_customize ) { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + $footer_config_path = ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/footer'; + require_once $footer_config_path . '/class-astra-customizer-above-footer-configs.php'; + require_once $footer_config_path . '/class-astra-customizer-below-footer-configs.php'; + require_once $footer_config_path . '/class-astra-customizer-copyright-configs.php'; + require_once $footer_config_path . '/class-astra-customizer-footer-builder-configs.php'; + require_once $footer_config_path . '/class-astra-customizer-footer-menu-configs.php'; + require_once $footer_config_path . '/class-astra-customizer-footer-social-icons-configs.php'; + require_once $footer_config_path . '/class-astra-customizer-primary-footer-configs.php'; + require_once $footer_config_path . '/class-astra-footer-html-component-configs.php'; + require_once $footer_config_path . '/class-astra-footer-button-component-configs.php'; + require_once $footer_config_path . '/class-astra-footer-widget-component-configs.php'; + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register Woocommerce controls for new and old Header Builder. + * + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + * @since 3.0.0 + */ + public function woo_header_configs( $wp_customize ) { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + $header_config_path = ASTRA_THEME_DIR . 'inc/customizer/configurations/builder/header'; + + if ( class_exists( 'Astra_Woocommerce' ) ) { + require_once $header_config_path . '/class-astra-customizer-woo-cart-configs.php'; + } + + if ( class_exists( 'Easy_Digital_Downloads' ) ) { + require_once $header_config_path . '/class-astra-customizer-edd-cart-configs.php'; + } + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } +} + +/** + * Prepare if class 'Astra_Builder_Customizer' exist. + * Kicking this off by creating new object of the class. + */ +new Astra_Builder_Customizer(); diff --git a/inc/customizer/class-astra-customizer-callback.php b/inc/customizer/class-astra-customizer-callback.php new file mode 100644 index 0000000..0fa1731 --- /dev/null +++ b/inc/customizer/class-astra-customizer-callback.php @@ -0,0 +1,62 @@ + ' . $custom_button_text . ' '; + return do_shortcode( $html ); + } + + /** + * Render Partial Text Header Site Title & Tagline + * + * @since 2.2.0 + * + * @return mixed + */ + public static function render_header_site_title_tagline() { + $site_title = astra_get_option( 'display-site-title-responsive' ); + $display_site_title = ( $site_title['desktop'] || $site_title['tablet'] || $site_title['mobile'] ) ? true : false; + $site_tagline = astra_get_option( 'display-site-tagline-responsive' ); + $display_site_tagline = ( $site_tagline['desktop'] || $site_tagline['tablet'] || $site_tagline['mobile'] ) ? true : false; + + + $html = astra_get_site_title_tagline( $display_site_title, $display_site_tagline ); + + return do_shortcode( $html ); + } + + /** + * Render Partial Footer Section 1 Credit + * + * @since 1.0.0 + * + * @return mixed + */ + public static function render_footer_sml_section_1_credit() { + + $output = astra_get_small_footer_custom_text( 'footer-sml-section-1-credit' ); + return do_shortcode( $output ); + } + + /** + * Render Partial Footer Section 2 Credit + * + * @since 1.0.0 + * + * @return mixed + */ + public static function render_footer_sml_section_2_credit() { + + $output = astra_get_small_footer_custom_text( 'footer-sml-section-2-credit' ); + return do_shortcode( $output ); + } + + /** + * Render Partial text for the mobile toggle menu + * + * @since 2.6.0 + * + * @return mixed + */ + public static function mobile_toggle_menu() { + + $output = astra_masthead_toggle_buttons_primary(); + return do_shortcode( $output ); + } + } +} diff --git a/inc/customizer/class-astra-customizer-register-sections-panels.php b/inc/customizer/class-astra-customizer-register-sections-panels.php new file mode 100644 index 0000000..1212216 --- /dev/null +++ b/inc/customizer/class-astra-customizer-register-sections-panels.php @@ -0,0 +1,389 @@ + 'panel-global', + 'type' => 'panel', + 'priority' => 10, + 'title' => __( 'Global', 'astra' ), + ), + + array( + 'name' => 'section-container-layout', + 'type' => 'section', + 'priority' => 17, + 'title' => __( 'Container', 'astra' ), + 'panel' => 'panel-global', + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Site Layout Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/site-layout-overview/', 'customizer', 'site-layout', 'helpful-information' ), + ), + ), + array( + 'text' => __( 'Container Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/container-overview/', 'customizer', 'container', 'helpful-information' ), + ), + ), + ), + ) + ), + ), + + /* + * Header section + * + * @since 1.4.0 + */ + array( + 'name' => 'panel-header-group', + 'type' => 'panel', + 'priority' => 20, + 'title' => __( 'Header', 'astra' ), + ), + + /* + * Update the Site Identity section inside Layout -> Header + * + * @since 1.4.0 + */ + array( + 'name' => 'title_tagline', + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Site Identity', 'astra' ), + 'panel' => 'panel-header-group', + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Site Identity Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/site-identity-free/', 'customizer', 'site-identity', 'helpful-information' ), + ), + ), + ), + ) + ), + ), + + /* + * Update the Primary Header section + * + * @since 1.4.0 + */ + array( + 'name' => 'section-header', + 'type' => 'section', + 'priority' => 15, + 'title' => __( 'Primary Header', 'astra' ), + 'panel' => 'panel-header-group', + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Primary Header Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/header-overview/', 'customizer', 'primary-header', 'helpful-information' ), + ), + ), + ), + ) + ), + ), + + array( + 'name' => 'section-primary-menu', + 'type' => 'section', + 'priority' => 15, + 'title' => __( 'Primary Menu', 'astra' ), + 'panel' => 'panel-header-group', + ), + array( + 'name' => 'section-footer-group', + 'type' => 'section', + 'title' => __( 'Footer', 'astra' ), + 'priority' => 55, + ), + + array( + 'name' => 'section-separator', + 'type' => 'section', + 'ast_type' => 'ast-section-separator', + 'priority' => 70, + 'section_callback' => 'Astra_WP_Customize_Separator', + ), + + /** + * Footer Widgets Section + */ + + array( + 'name' => 'section-footer-adv', + 'type' => 'section', + 'title' => __( 'Footer Widgets', 'astra' ), + 'section' => 'section-footer-group', + 'priority' => 5, + ), + + array( + 'name' => 'section-footer-small', + 'type' => 'section', + 'title' => __( 'Footer Bar', 'astra' ), + 'section' => 'section-footer-group', + 'priority' => 10, + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Footer Bar Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/footer-bar/', 'customizer', 'footer-bar', 'helpful-information' ), + ), + ), + ), + ) + ), + ), + + array( + 'name' => 'section-blog-group', + 'type' => 'section', + 'priority' => 40, + 'title' => __( 'Blog', 'astra' ), + ), + array( + 'name' => 'section-blog', + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Blog / Archive', 'astra' ), + 'section' => 'section-blog-group', + ), + array( + 'name' => 'section-blog-single', + 'type' => 'section', + 'priority' => 10, + 'title' => __( 'Single Post', 'astra' ), + 'section' => 'section-blog-group', + ), + + array( + 'name' => 'section-sidebars', + 'type' => 'section', + 'priority' => 50, + 'title' => __( 'Sidebar', 'astra' ), + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Sidebar Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/sidebar-free/', 'customizer', 'sidebar', 'helpful-information' ), + ), + ), + ), + ) + ), + ), + + /** + * Performance Panel + * + * @since 3.6.0 + */ + array( + 'name' => 'section-performance', + 'type' => 'section', + 'priority' => 65, + 'title' => __( 'Performance', 'astra' ), + ), + + /** + * Colors Panel + */ + array( + 'name' => 'section-colors-background', + 'type' => 'section', + 'priority' => 16, + 'title' => __( 'Colors', 'astra' ), + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Colors & Background Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/colors-background/', 'customizer', 'colors-background', 'helpful-information' ), + ), + ), + ), + ) + ), + 'panel' => 'panel-global', + ), + + array( + 'name' => 'section-colors-body', + 'type' => 'section', + 'title' => __( 'Base Colors', 'astra' ), + 'panel' => 'panel-global', + 'priority' => 1, + 'section' => 'section-colors-background', + ), + + array( + 'name' => 'section-footer-adv-color-bg', + 'type' => 'section', + 'title' => __( 'Footer Widgets', 'astra' ), + 'panel' => 'panel-colors-background', + 'priority' => 55, + ), + + /** + * Typography Panel + */ + array( + 'name' => 'section-typography', + 'type' => 'section', + 'title' => __( 'Typography', 'astra' ), + 'priority' => 15, + 'description_hidden' => true, + 'description' => $this->section_get_description( + array( + 'description' => '

    ' . __( 'Helpful Information', 'astra' ) . '

    ', + 'links' => array( + array( + 'text' => __( 'Typography Overview', 'astra' ) . ' »', + 'attrs' => array( + 'href' => astra_get_pro_url( 'https://wpastra.com/docs/typography-free/', 'customizer', 'typography', 'helpful-information' ), + ), + ), + ), + ) + ), + 'panel' => 'panel-global', + ), + + array( + 'name' => 'section-body-typo', + 'type' => 'section', + 'title' => __( 'Base Typography', 'astra' ), + 'section' => 'section-typography', + 'priority' => 1, + 'panel' => 'panel-global', + ), + + array( + 'name' => 'section-content-typo', + 'type' => 'section', + 'title' => __( 'Headings', 'astra' ), + 'section' => 'section-typography', + 'priority' => 35, + 'panel' => 'panel-global', + ), + + /** + * Buttons Section + */ + array( + 'name' => 'section-buttons', + 'type' => 'section', + 'priority' => 50, + 'title' => __( 'Buttons', 'astra' ), + 'panel' => 'panel-global', + ), + + /** + * Header Buttons + */ + array( + 'name' => 'section-header-button', + 'type' => 'section', + 'priority' => 10, + 'title' => __( 'Header Button', 'astra' ), + 'section' => 'section-buttons', + ), + + /** + * Header Button - Default + */ + array( + 'name' => 'section-header-button-default', + 'type' => 'section', + 'priority' => 10, + 'title' => __( 'Primary Header Button', 'astra' ), + 'section' => 'section-header-button', + ), + + /** + * Header Button - Transparent + */ + array( + 'name' => 'section-header-button-transparent', + 'type' => 'section', + 'priority' => 10, + 'title' => __( 'Transparent Header Button', 'astra' ), + 'section' => 'section-header-button', + ), + + ); + return array_merge( $configurations, $configs ); + } + } +} + + +/** + * Kicking this off by calling 'get_instance()' method + */ +new Astra_Customizer_Register_Sections_Panels(); diff --git a/inc/customizer/class-astra-customizer-sanitizes.php b/inc/customizer/class-astra-customizer-sanitizes.php new file mode 100644 index 0000000..a95787b --- /dev/null +++ b/inc/customizer/class-astra-customizer-sanitizes.php @@ -0,0 +1,682 @@ +manager->get_control( $setting->id )->input_attrs ) ) { + $input_attrs = $setting->manager->get_control( $setting->id )->input_attrs; + } + + if ( isset( $input_attrs ) ) { + + $input_attrs['min'] = isset( $input_attrs['min'] ) ? $input_attrs['min'] : 0; + $input_attrs['step'] = isset( $input_attrs['step'] ) ? $input_attrs['step'] : 1; + + if ( isset( $input_attrs['max'] ) && $val > $input_attrs['max'] ) { + $val = $input_attrs['max']; + } elseif ( $val < $input_attrs['min'] ) { + $val = $input_attrs['min']; + } + + $dv = (float) $val / $input_attrs['step']; + + $dv = round( $dv ); + + $val = $dv * $input_attrs['step']; + + $val = number_format( (float) $val, 2, '.', '' ); + if ( $val == (int) $val ) { + $val = (int) $val; + } + } + + return is_numeric( $val ) ? $val : 0; + } + + /** + * Sanitize Integer + * + * @param number $val Customizer setting input number. + * @return number Return number. + */ + public static function sanitize_number_n_blank( $val ) { + return is_numeric( $val ) ? $val : ''; + } + + /** + * Sanitize Spacing + * + * @param number $val Customizer setting input number. + * @return number Return number. + * @since 1.0.6 + */ + public static function sanitize_spacing( $val ) { + + foreach ( $val as $key => $value ) { + $val[ $key ] = ( is_numeric( $val[ $key ] ) && $val[ $key ] >= 0 ) ? $val[ $key ] : ''; + } + + return $val; + } + + /** + * Sanitize link + * + * @param array $val Customizer setting link. + * @return array Return array. + * @since 2.3.0 + */ + public static function sanitize_link( $val ) { + + $link = array(); + + $link['url'] = esc_url_raw( $val['url'] ); + $link['new_tab'] = esc_attr( $val['new_tab'] ); + $link['link_rel'] = esc_attr( $val['link_rel'] ); + + return $link; + } + + /** + * Sanitize responsive Spacing + * + * @param number $val Customizer setting input number. + * @return number Return number. + * @since 1.2.1 + */ + public static function sanitize_responsive_spacing( $val ) { + + $spacing = array( + 'desktop' => array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ), + 'tablet' => array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ), + 'mobile' => array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ), + 'desktop-unit' => 'px', + 'tablet-unit' => 'px', + 'mobile-unit' => 'px', + ); + + if ( isset( $val['desktop'] ) ) { + $spacing['desktop'] = array_map( 'self::check_numberic_values', $val['desktop'] ); + + $spacing['tablet'] = array_map( 'self::check_numberic_values', $val['tablet'] ); + + $spacing['mobile'] = array_map( 'self::check_numberic_values', $val['mobile'] ); + + if ( isset( $val['desktop-unit'] ) ) { + $spacing['desktop-unit'] = $val['desktop-unit']; + } + + if ( isset( $val['tablet-unit'] ) ) { + $spacing['tablet-unit'] = $val['tablet-unit']; + } + + if ( isset( $val['mobile-unit'] ) ) { + $spacing['mobile-unit'] = $val['mobile-unit']; + } + + return $spacing; + + } else { + foreach ( $val as $key => $value ) { + $val[ $key ] = is_numeric( $val[ $key ] ) ? $val[ $key ] : ''; + } + return $val; + } + + } + + /** + * Check numeric values. + * + * @param int|string $value Value of variable. + * @return string|int Return empty if $value is not integer. + * + * @since 2.5.4 + */ + public static function check_numberic_values( $value ) { + return ( is_numeric( $value ) ) ? $value : ''; + } + + /** + * Sanitize Responsive Slider + * + * @param array|number $val Customizer setting input number. + * @param object $setting Setting Onject. + * @return array Return number. + */ + public static function sanitize_responsive_slider( $val, $setting ) { + + $input_attrs = array(); + if ( isset( $setting->manager->get_control( $setting->id )->input_attrs ) ) { + $input_attrs = $setting->manager->get_control( $setting->id )->input_attrs; + } + + $responsive = array( + 'desktop' => '', + 'tablet' => '', + 'mobile' => '', + ); + if ( is_array( $val ) ) { + $responsive['desktop'] = is_numeric( $val['desktop'] ) ? $val['desktop'] : ''; + $responsive['tablet'] = is_numeric( $val['tablet'] ) ? $val['tablet'] : ''; + $responsive['mobile'] = is_numeric( $val['mobile'] ) ? $val['mobile'] : ''; + } else { + $responsive['desktop'] = is_numeric( $val ) ? $val : ''; + } + + foreach ( $responsive as $key => $value ) { + $value = isset( $input_attrs['min'] ) && ( ! empty( $value ) ) && ( $input_attrs['min'] > $value ) ? $input_attrs['min'] : $value; + $value = isset( $input_attrs['max'] ) && ( ! empty( $value ) ) && ( $input_attrs['max'] < $value ) ? $input_attrs['max'] : $value; + $responsive[ $key ] = $value; + } + + return $responsive; + } + + /** + * Sanitize Responsive Typography + * + * @param array|number $val Customizer setting input number. + * @return array Return number. + */ + public static function sanitize_responsive_typo( $val ) { + + $responsive = array( + 'desktop' => '', + 'tablet' => '', + 'mobile' => '', + 'desktop-unit' => '', + 'tablet-unit' => '', + 'mobile-unit' => '', + ); + if ( is_array( $val ) ) { + $responsive['desktop'] = ( isset( $val['desktop'] ) && is_numeric( $val['desktop'] ) ) ? $val['desktop'] : ''; + $responsive['tablet'] = ( isset( $val['tablet'] ) && is_numeric( $val['tablet'] ) ) ? $val['tablet'] : ''; + $responsive['mobile'] = ( isset( $val['mobile'] ) && is_numeric( $val['mobile'] ) ) ? $val['mobile'] : ''; + $responsive['desktop-unit'] = ( isset( $val['desktop-unit'] ) && in_array( $val['desktop-unit'], array( '', 'px', 'em', 'rem', '%' ) ) ) ? $val['desktop-unit'] : 'px'; + $responsive['tablet-unit'] = ( isset( $val['tablet-unit'] ) && in_array( $val['tablet-unit'], array( '', 'px', 'em', 'rem', '%' ) ) ) ? $val['tablet-unit'] : 'px'; + $responsive['mobile-unit'] = ( isset( $val['mobile-unit'] ) && in_array( $val['mobile-unit'], array( '', 'px', 'em', 'rem', '%' ) ) ) ? $val['mobile-unit'] : 'px'; + } else { + $responsive['desktop'] = is_numeric( $val ) ? $val : ''; + } + return $responsive; + } + + /** + * Validate Email + * + * @param object $validity setting input validity. + * @param string $value setting input value. + * @return object Return the validity object. + */ + public static function validate_email( $validity, $value ) { + if ( ! is_email( $value ) ) { + $validity->add( 'required', __( 'Enter valid email address!', 'astra' ) ); + } + return $validity; + } + + /** + * Validate Sidebar Content Width + * + * @param number $value Sidebar content width. + * @return number Sidebar content width value. + */ + public static function validate_sidebar_content_width( $value ) { + $value = intval( $value ); + if ( $value > 50 ) { + $value = 50; + } elseif ( $value < 15 ) { + $value = 15; + } + return $value; + } + + /** + * Validate Site width + * + * @param number $value Site width. + * @return number Site width value. + */ + public static function validate_site_width( $value ) { + $value = intval( $value ); + if ( 1920 < $value ) { + $value = 1920; + } elseif ( 768 > $value ) { + $value = 768; + } + return $value; + } + + /** + * Validate Site padding + * + * @param number $value Site padding. + * @return number Site padding value. + */ + public static function validate_site_padding( $value ) { + $value = intval( $value ); + if ( 200 < $value ) { + $value = 200; + } elseif ( 1 > $value ) { + $value = 1; + } + return $value; + } + + /** + * Validate Site margin + * + * @param number $value Site margin. + * @return number Site margin value. + */ + public static function validate_site_margin( $value ) { + $value = intval( $value ); + if ( 600 < $value ) { + $value = 600; + } elseif ( 0 > $value ) { + $value = 0; + } + return $value; + } + + /** + * Sanitize checkbox + * + * @param number $input setting input. + * @return number setting input value. + */ + public static function sanitize_checkbox( $input ) { + if ( $input ) { + $output = '1'; + } else { + $output = false; + } + return $output; + } + + /** + * Sanitize HEX color + * + * @param string $color setting input. + * @return string setting input value. + */ + public static function sanitize_hex_color( $color ) { + + if ( '' === $color ) { + return ''; + } + + // 3 or 6 hex digits, or the empty string. + if ( preg_match( '|^#([A-Fa-f0-9]{3}){1,2}$|', $color ) ) { + return $color; + } + + return ''; + } + + /** + * Sanitize Alpha color + * + * @param string $color setting input. + * @return string setting input value. + */ + public static function sanitize_alpha_color( $color ) { + + if ( '' === $color ) { + return ''; + } + + if ( false === strpos( $color, 'rgba' ) ) { + /* Hex sanitize */ + return self::sanitize_hex_color( $color ); + } + + /* rgba sanitize */ + $color = str_replace( ' ', '', $color ); + sscanf( $color, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha ); + return 'rgba(' . $red . ',' . $green . ',' . $blue . ',' . $alpha . ')'; + } + + /** + * Sanitize html + * + * @param string $input setting input. + * @return mixed setting input value. + */ + public static function sanitize_html( $input ) { + return wp_kses_post( $input ); + } + + /** + * Sanitize Select choices + * + * @param string $input setting input. + * @param object $setting setting object. + * @return mixed setting input value. + */ + public static function sanitize_multi_choices( $input, $setting ) { + + // Get list of choices from the control + // associated with the setting. + $choices = $setting->manager->get_control( $setting->id )->choices; + $input_keys = $input; + + foreach ( $input_keys as $key => $value ) { + if ( ! array_key_exists( $value, $choices ) ) { + unset( $input[ $key ] ); + } + } + + // If the input is a valid key, return it; + // otherwise, return the default. + return ( is_array( $input ) ? $input : $setting->default ); + } + + /** + * Sanitize Select choices + * + * @param string $input setting input. + * @param object $setting setting object. + * @return mixed setting input value. + */ + public static function sanitize_choices( $input, $setting ) { + + // Ensure input is a slug. + $input = sanitize_key( $input ); + + // Get list of choices from the control + // associated with the setting. + $choices = $setting->manager->get_control( $setting->id )->choices; + + // If the input is a valid key, return it; + // otherwise, return the default. + return ( array_key_exists( $input, $choices ) ? $input : $setting->default ); + } + + /** + * Sanitize Font weight + * + * @param mixed $input setting input. + * @return mixed setting input value. + */ + public static function sanitize_font_weight( $input ) { + + $valid = array( + 'normal', + 'bold', + '100', + '200', + '300', + '400', + '500', + '600', + '700', + '800', + '900', + ); + + if ( in_array( $input, $valid ) ) { + return $input; + } else { + return 'normal'; + } + } + + /** + * Sanitize Font variant + * + * @param mixed $input setting input. + * @return mixed setting input value. + */ + public static function sanitize_font_variant( $input ) { + + if ( is_array( $input ) ) { + $input = implode( ',', $input ); + } + return sanitize_text_field( $input ); + } + + /** + * Sanitize Background Obj + * + * @param mixed $bg_obj setting input. + * @return array setting input value. + */ + public static function sanitize_background_obj( $bg_obj ) { + + $out_bg_obj = array( + 'background-color' => '', + 'background-image' => '', + 'background-repeat' => 'repeat', + 'background-position' => 'center center', + 'background-size' => 'auto', + 'background-attachment' => 'scroll', + 'background-media' => '', + 'background-type' => '', + ); + + if ( is_array( $bg_obj ) ) { + + foreach ( $out_bg_obj as $key => $value ) { + + if ( isset( $bg_obj[ $key ] ) ) { + + if ( 'background-image' === $key ) { + $out_bg_obj[ $key ] = esc_url_raw( $bg_obj[ $key ] ); + } else { + $out_bg_obj[ $key ] = esc_attr( $bg_obj[ $key ] ); + } + } + } + } + + return $out_bg_obj; + } + + /** + * Sanitize Border Typography + * + * @since 1.4.0 + * @param array|number $val Customizer setting input number. + * @return array Return number. + */ + public static function sanitize_border( $val ) { + + $border = array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ); + if ( is_array( $val ) ) { + $border['top'] = is_numeric( $val['top'] ) ? $val['top'] : ''; + $border['right'] = is_numeric( $val['right'] ) ? $val['right'] : ''; + $border['bottom'] = is_numeric( $val['bottom'] ) ? $val['bottom'] : ''; + $border['left'] = is_numeric( $val['left'] ) ? $val['left'] : ''; + } + return $border; + } + + /** + * Sanitize Customizer Link param. + * + * @param Array $val array( + * linked : Linked Customizer Section, + * link_text : Link Text. + * ). + * + * @since 1.6.0 + * + * @return Array + */ + public static function sanitize_customizer_links( $val ) { + $val['linked'] = sanitize_text_field( $val['linked'] ); + $val['link_text'] = esc_html( $val['link_text'] ); + $val['link_type'] = esc_html( $val['link_type'] ); + + return $val; + } + + /** + * Sanitize Responsive Background Image + * + * @param array $bg_obj Background object. + * @return array Background object. + */ + public static function sanitize_responsive_background( $bg_obj ) { + + // Default Responsive Background Image. + $defaults = array( + 'desktop' => array( + 'background-color' => '', + 'background-image' => '', + 'background-repeat' => 'repeat', + 'background-position' => 'center center', + 'background-size' => 'auto', + 'background-attachment' => 'scroll', + 'background-media' => '', + 'background-type' => '', + ), + 'tablet' => array( + 'background-color' => '', + 'background-image' => '', + 'background-repeat' => 'repeat', + 'background-position' => 'center center', + 'background-size' => 'auto', + 'background-attachment' => 'scroll', + 'background-media' => '', + 'background-type' => '', + ), + 'mobile' => array( + 'background-color' => '', + 'background-image' => '', + 'background-repeat' => 'repeat', + 'background-position' => 'center center', + 'background-size' => 'auto', + 'background-attachment' => 'scroll', + 'background-media' => '', + 'background-type' => '', + ), + ); + + // Merge responsive background object and default object into $out_bg_obj array. + $out_bg_obj = wp_parse_args( $bg_obj, $defaults ); + + foreach ( $out_bg_obj as $device => $bg ) { + foreach ( $bg as $key => $value ) { + if ( 'background-image' === $key ) { + $out_bg_obj[ $device ] [ $key ] = esc_url_raw( $value ); + } + if ( 'background-media' === $key ) { + $out_bg_obj[ $device ] [ $key ] = floatval( $value ); + } else { + $out_bg_obj[ $device ] [ $key ] = esc_attr( $value ); + } + } + } + return $out_bg_obj; + } + + /** + * Sanitize Toggle Control param. + * + * @param bool $val for True|False. + * + * @since 3.1.0 + * + * @return bool True|False + */ + public static function sanitize_toggle_control( $val ) { + // returns true if checkbox is checked. + return ( isset( $val ) && is_bool( $val ) ? $val : '' ); + } + } +} + +/** + * Kicking this off by calling 'get_instance()' method + */ +Astra_Customizer_Sanitizes::get_instance(); diff --git a/inc/customizer/class-astra-customizer.php b/inc/customizer/class-astra-customizer.php new file mode 100644 index 0000000..037e052 --- /dev/null +++ b/inc/customizer/class-astra-customizer.php @@ -0,0 +1,1534 @@ +' ) && is_customize_preview() ) { + add_filter( 'gutenberg_use_widgets_block_editor', '__return_false' ); + } + + add_action( 'customize_controls_enqueue_scripts', array( $this, 'controls_scripts' ) ); + add_filter( 'customize_controls_enqueue_scripts', array( $this, 'enqueue_customizer_scripts' ), 999 ); + + add_action( 'customize_controls_print_footer_scripts', array( $this, 'print_footer_scripts' ) ); + + add_action( 'customize_register', array( $this, 'customize_register_panel' ), 2 ); + add_action( 'customize_register', array( $this, 'customize_register' ) ); + add_action( 'customize_save_after', array( $this, 'customize_save' ) ); + add_action( 'customize_save_after', array( $this, 'delete_cached_partials' ) ); + add_action( 'wp_head', array( $this, 'preview_styles' ) ); + add_action( 'wp_ajax_astra_regenerate_fonts_folder', array( $this, 'regenerate_astra_fonts_folder' ) ); + } + + /** + * Reset font folder + * + * @access public + * @return void + * + * @since 3.6.0 + */ + public function regenerate_astra_fonts_folder() { + + check_ajax_referer( 'astra-regenerate-local-fonts', 'nonce' ); + + if ( ! current_user_can( 'edit_theme_options' ) ) { + wp_send_json_error( 'invalid_permissions' ); + } + + if ( astra_get_option( 'load-google-fonts-locally' ) ) { + $local_font_loader = astra_webfont_loader_instance( '' ); + $flushed = $local_font_loader->astra_delete_fonts_folder(); + + if ( ! $flushed ) { + wp_send_json_error( 'failed_to_flush' ); + } + wp_send_json_success(); + } + + wp_send_json_error( 'no_font_loader' ); + } + + /** + * Delete the cached partial configs. + */ + public function delete_cached_partials() { + delete_option( 'astra_partials_config_cache' ); + + // Delete previously stored local fonts data, if exists. + if ( astra_get_option( 'load-google-fonts-locally' ) ) { + $local_webfont_loader = astra_webfont_loader_instance( '' ); + $local_webfont_loader->astra_delete_fonts_folder(); + } + } + + /** + * Add dynamic control partial refresh. + * + * @since 3.1.0 + * @param array $partial_args partial configs. + * @param string $partial_id partial id. + * @return array|mixed + */ + public function filter_dynamic_partial_args( $partial_args, $partial_id ) { + + if ( isset( self::$dynamic_options['partials'][ $partial_id ] ) ) { + if ( false === $partial_args ) { + $partial_args = array(); + } + $partial_args = array_merge( $partial_args, self::$dynamic_options['partials'][ $partial_id ] ); + } + + return $partial_args; + + } + + + /** + * Add dynamic control settings. + * + * @since 3.1.0 + * @param array $setting_args setting configs. + * @param string $setting_id setting id. + * @return mixed + */ + public function filter_dynamic_setting_args( $setting_args, $setting_id ) { + + if ( isset( self::$dynamic_options['settings'][ $setting_id ] ) ) { + return self::$dynamic_options['settings'][ $setting_id ]; + } + + return $setting_args; + } + + /** + * Prepare Contexts and choices. + * + * @since 3.0.0 + */ + public function prepare_customizer_javascript_configs() { + + global $wp_customize; + + $cached_data = get_option( 'astra_partials_config_cache', false ); + + if ( $wp_customize->selective_refresh->is_render_partials_request() && $cached_data ) { + self::$dynamic_options = $cached_data; + return; + } + + $configurations = $this->get_customizer_configurations(); + + $defaults = $this->get_astra_customizer_configuration_defaults(); + + foreach ( $configurations as $key => $configuration ) { + + $config = wp_parse_args( $configuration, $defaults ); + + if ( isset( $configuration['context'] ) ) { + self::$contexts[ $configuration['name'] ] = $configuration['context']; + } else { + if ( isset( $configuration['type'] ) && ( ( 'control' === $configuration['type'] ) || ( 'sub-control' === $configuration['type'] ) ) ) { + if ( ( isset( $configuration['control'] ) && 'ast-builder-header-control' !== $configuration['control'] ) && ( isset( $configuration['name'] ) && strpos( $configuration['name'], 'ast-callback-notice' ) === false ) ) { + self::$contexts[ $configuration['name'] ] = Astra_Builder_Helper::$general_tab; + } + } + } + + if ( isset( $configuration['choices'] ) ) { + self::$choices[ $configuration['name'] ] = $configuration['choices']; + } + + switch ( $config['type'] ) { + + case 'panel': + $this->prepare_javascript_panel_configs( $config ); + break; + case 'section': + $this->prepare_javascript_section_configs( $config ); + break; + + case 'sub-control': + $this->prepare_javascript_sub_control_configs( $config ); + break; + case 'control': + $this->prepare_javascript_control_configs( $config ); + break; + } + } + + update_option( 'astra_partials_config_cache', self::$dynamic_options, false ); + + } + + /** + * Get control default. + * + * @param string $setting_key setting key. + * @param array $default_values default value array. + * @return mixed|string + */ + private function get_default_value( $setting_key, $default_values ) { + $return = ''; + preg_match( '#astra-settings\[(.*?)\]#', $setting_key, $match ); + if ( ! empty( $match ) && isset( $match[1] ) ) { + $return = isset( $default_values[ $match[1] ] ) ? $default_values[ $match[1] ] : ''; + } + return $return; + } + + /** + * Prepare tabbed sections for dynamic controls to optimize frontend JS calls. + */ + private static function prepare_tabbed_sections() { + + if ( ! isset( self::$js_configs['controls'] ) ) { + return; + } + + foreach ( self::$js_configs['controls'] as $section_id => $controls ) { + $tab_id = $section_id . '-ast-context-tabs'; + $control_names = wp_list_pluck( $controls, 'name' ); + if ( in_array( $tab_id, $control_names, true ) ) { + array_push( self::$tabbed_sections, $section_id ); + } + } + + } + + /** + * Print Footer Scripts + * + * @since 1.0.0 + * @return void + */ + public function print_footer_scripts() { + $output = ''; + + echo $output; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped + } + + /** + * Set default context for WP default controls. + */ + private static function set_default_context() { + + if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { + return; + } + + self::$contexts['blogname'] = array( + Astra_Builder_Helper::$general_tab_config, + + ); + + self::$contexts['blogdescription'] = array( + Astra_Builder_Helper::$general_tab_config, + + ); + + } + + /** + * Bypass JS configs for Controls. + * + * @param array $configuration configuration. + */ + public static function bypass_control_configs( $configuration ) { + + $val = ''; + + if ( isset( $configuration['name'] ) ) { + + $data = explode( '[', rtrim( $configuration['name'], ']' ) ); + + if ( isset( $data[1] ) ) { + $val = astra_get_option( $data[1] ); + } + } + + if ( isset( $val ) && ! empty( $val ) ) { + + $configuration['value'] = $val; + } + + switch ( $configuration['type'] ) { + + case 'ast-builder': + if ( is_array( $configuration['default'] ) && ! isset( $configuration['default']['popup'] ) ) { + $configuration['default']['popup'] = array( 'popup_content' => array() ); + } + break; + case 'ast-responsive-spacing': + if ( ! is_array( $val ) || is_numeric( $val ) ) { + + $configuration['value'] = array( + 'desktop' => array( + 'top' => $val, + 'right' => '', + 'bottom' => $val, + 'left' => '', + ), + 'tablet' => array( + 'top' => $val, + 'right' => '', + 'bottom' => $val, + 'left' => '', + ), + 'mobile' => array( + 'top' => $val, + 'right' => '', + 'bottom' => $val, + 'left' => '', + ), + 'desktop-unit' => 'px', + 'tablet-unit' => 'px', + 'mobile-unit' => 'px', + ); + } + + break; + case 'ast-radio-image': + $configuration['value'] = $val; + + if ( isset( $configuration['choices'] ) && is_array( $configuration['choices'] ) ) { + + foreach ( $configuration['choices'] as $key => $value ) { + $configuration['choices'][ $key ] = $value['path']; + $configuration['choices_titles'][ $key ] = $value['label']; + } + } + if ( isset( $configuration['input_attrs'] ) ) { + + $configuration['inputAttrs'] = ''; + $configuration['labelStyle'] = ''; + foreach ( $configuration['input_attrs'] as $attr => $value ) { + if ( 'style' !== $attr ) { + $configuration['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" '; + } else { + $configuration['labelStyle'] = 'style="' . esc_attr( $value ) . '" '; + } + } + } + break; + case 'ast-border': + $configuration['value'] = $val; + + break; + case 'ast-responsive-slider': + if ( ! is_array( $val ) || is_numeric( $val ) ) { + + $configuration['value'] = array( + 'desktop' => $val, + 'tablet' => '', + 'mobile' => '', + ); + } + break; + case 'ast-responsive-background': + $configuration['value'] = $val; + + break; + case 'ast-responsive': + if ( ! is_array( $val ) || is_numeric( $val ) ) { + + $configuration['value'] = array( + 'desktop' => $val, + 'tablet' => '', + 'mobile' => '', + 'desktop-unit' => '', + 'tablet-unit' => '', + 'mobile-unit' => '', + ); + } + break; + case 'ast-link': + $configuration['value'] = $val; + + break; + case 'ast-hidden': + $configuration['value'] = $val; + + break; + case 'ast-settings-group': + $config = array(); + + if ( isset( self::$group_configs[ $configuration['name'] ]['tabs'] ) ) { + $tab = array_keys( self::$group_configs[ $configuration['name'] ]['tabs'] ); + rsort( $tab ); + foreach ( $tab as $key => $value ) { + + $config['tabs'][ $value ] = wp_list_sort( self::$group_configs[ $configuration['name'] ]['tabs'][ $value ], 'priority' ); + } + } else { + if ( isset( self::$group_configs[ $configuration['name'] ] ) ) { + $config = wp_list_sort( self::$group_configs[ $configuration['name'] ], 'priority' ); + } + } + $configuration['ast_fields'] = $config; + break; + case 'ast-font-weight': + $configuration['ast_all_font_weight'] = array( + '100' => __( 'Thin 100', 'astra' ), + '100italic' => __( '100 Italic', 'astra' ), + '200' => __( 'Extra-Light 200', 'astra' ), + '200italic' => __( '200 Italic', 'astra' ), + '300' => __( 'Light 300', 'astra' ), + '300italic' => __( '300 Italic', 'astra' ), + '400' => __( 'Normal 400', 'astra' ), + 'italic' => __( '400 Italic', 'astra' ), + '500' => __( 'Medium 500', 'astra' ), + '500italic' => __( '500 Italic', 'astra' ), + '600' => __( 'Semi-Bold 600', 'astra' ), + '600italic' => __( '600 Italic', 'astra' ), + '700' => __( 'Bold 700', 'astra' ), + '700italic' => __( '700 Italic', 'astra' ), + '800' => __( 'Extra-Bold 800', 'astra' ), + '800italic' => __( '800 Italic', 'astra' ), + '900' => __( 'Ultra-Bold 900', 'astra' ), + '900italic' => __( '900 Italic', 'astra' ), + ); + break; + case 'ast-sortable': + $configuration['value'] = $val; + + break; + + } // Switch End. + + if ( isset( $configuration['id'] ) ) { + + $configuration['link'] = self::get_control_link( $configuration['id'] ); + } + $exclude_controls = array( 'ast-builder', 'ast-radio-image' ); + + if ( isset( $configuration['type'] ) && ! in_array( $configuration['type'], $exclude_controls ) && isset( $configuration['input_attrs'] ) && is_array( $configuration['input_attrs'] ) ) { + + $configuration['inputAttrs'] = ''; + + foreach ( $configuration['input_attrs'] as $attr => $value ) { + + if ( ! is_array( $value ) ) { + + $configuration['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" '; + } + } + } + + return $configuration; + } + + /** + * Prepare Panel Configs for Javascript. + * + * @since 3.0.0 + * @param array $config configs. + */ + public function prepare_javascript_panel_configs( $config ) { + + $panel_name = astra_get_prop( $config, 'name' ); + + unset( $config['type'] ); + $config['type'] = 'ast_panel'; + $config['active'] = true; + $config['id'] = $panel_name; + self::$js_configs['panels'][ $panel_name ] = $config; + } + + /** + * Prepare Section Configs for Javascript. + * + * @since 3.0.0 + * @param array $config configs. + */ + public function prepare_javascript_section_configs( $config ) { + + $section_name = astra_get_prop( $config, 'name' ); + + + + unset( $config['type'] ); + $config['type'] = isset( $config['ast_type'] ) ? $config['ast_type'] : 'ast_section'; + $config['active'] = true; + $config['id'] = $section_name; + $config['customizeAction'] = sprintf( 'Customizing ▸ %s', astra_get_prop( $config, 'title' ) ); + + if ( isset( $config['clone_type'] ) && isset( $config['clone_index'] ) ) { + + if ( isset( Astra_Builder_Helper::$component_count_array[ $config['clone_type'] ] ) ) { + if ( in_array( $section_name, Astra_Builder_Helper::$component_count_array['removed-items'], true ) || Astra_Builder_Helper::$component_count_array[ $config['clone_type'] ] < $config['clone_index'] ) { + self::$js_configs['clone_sections'][ $section_name ] = $config; + } else { + self::$js_configs['sections'][ $section_name ] = $config; + } + } + } else { + self::$js_configs['sections'][ $section_name ] = $config; + } + + + } + + /** + * Prepare Sub Control Configs for Javascript. + * + * @since 3.0.0 + * @param array $config configs. + */ + public function prepare_javascript_sub_control_configs( $config ) { + + global $wp_customize; + unset( $config['type'] ); + + $sub_control_name = ASTRA_THEME_SETTINGS . '[' . astra_get_prop( $config, 'name' ) . ']'; + $parent = astra_get_prop( $config, 'parent' ); + + $ignore_controls = array( 'ast-settings-group', 'ast-sortable', 'ast-radio-image', 'ast-slider', 'ast-responsive-slider' ); + + $sanitize_callback = ( in_array( $config['control'], $ignore_controls, true ) ) ? false : astra_get_prop( $config, 'sanitize_callback', Astra_Customizer_Control_Base::get_sanitize_call( astra_get_prop( $config, 'control' ) ) ); + + if ( ! $sanitize_callback ) { + $config = $this->sanitize_control( $config ); + } + + $new_config = array( + 'name' => $sub_control_name, + 'datastore_type' => 'option', + 'transport' => 'postMessage', + 'control' => 'ast-hidden', + 'section' => astra_get_prop( $config, 'section', 'title_tagline' ), + 'title' => astra_get_prop( $config, 'title' ), + 'priority' => astra_get_prop( $config, 'priority', '10' ), + 'default' => astra_get_prop( $config, 'default' ), + 'sanitize_callback' => $sanitize_callback, + 'suffix' => astra_get_prop( $config, 'suffix' ), + 'control_type' => astra_get_prop( $config, 'control' ), + ); + + + self::$dynamic_options['settings'][ astra_get_prop( $new_config, 'name' ) ] = array( + 'default' => astra_get_prop( $new_config, 'default' ), + 'type' => astra_get_prop( $new_config, 'datastore_type' ), + 'transport' => astra_get_prop( $new_config, 'transport', 'refresh' ), + 'sanitize_callback' => astra_get_prop( $new_config, 'sanitize_callback', Astra_Customizer_Control_Base::get_sanitize_call( astra_get_prop( $new_config, 'control' ) ) ), + ); + + $new_config['type'] = astra_get_prop( $new_config, 'control' ); + $new_config['id'] = astra_get_prop( $new_config, 'name' ); + $new_config['settings'] = array( 'default' => astra_get_prop( $new_config, 'name' ) ); + $new_config = self::bypass_control_configs( $new_config ); + self::$js_configs ['sub_controls'] [ $parent ] [] = $new_config; + } + + /** + * Get the Link for Control. + * + * @since 3.0.0 + * @param array $id Control ID. + */ + public static function get_control_link( $id ) { + if ( isset( $id ) ) { + return 'data-customize-setting-link="' . $id . '"'; + } else { + return 'data-customize-setting-key-link="default"'; + } + } + + /** + * Prepare Control Configs for Javascript. + * + * @since 3.0.0 + * @param array $config configs. + */ + public function prepare_javascript_control_configs( $config ) { + + global $wp_customize; + // Remove type from configuration. + unset( $config['type'] ); + + $ignore_controls = array( 'ast-settings-group', 'ast-sortable', 'ast-radio-image', 'ast-slider', 'ast-responsive-slider' ); + + if ( ! isset( $config['control'] ) ) { + return; + } + + $sanitize_callback = ( in_array( $config['control'], $ignore_controls, true ) ) ? false : astra_get_prop( $config, 'sanitize_callback', Astra_Customizer_Control_Base::get_sanitize_call( astra_get_prop( $config, 'control' ) ) ); + + + if ( ! $sanitize_callback ) { + $config = $this->sanitize_control( $config ); + } + + $config['label'] = astra_get_prop( $config, 'title' ); + $config['type'] = astra_get_prop( $config, 'control' ); + + if ( false !== astra_get_prop( $config, 'font-type', false ) ) { + $config['type'] = astra_get_prop( $config, 'font-type', false ); + } + + if ( 'image' === $config['type'] ) { + $this->prepare_preload_controls( $config ); + } + + if ( isset( $config['active_callback'] ) ) { + + self::$js_configs ['skip_context'] [] = astra_get_prop( $config, 'name' ); + $this->prepare_preload_controls( $config ); + return; + } + + self::$dynamic_options['settings'][ astra_get_prop( $config, 'name' ) ] = array( + 'default' => astra_get_prop( $config, 'default' ), + 'type' => astra_get_prop( $config, 'datastore_type' ), + 'transport' => astra_get_prop( $config, 'transport', 'refresh' ), + 'sanitize_callback' => $sanitize_callback, + ); + + if ( astra_get_prop( $config, 'partial', false ) ) { + self::$dynamic_options['partials'][ astra_get_prop( $config, 'name' ) ] = array( + 'selector' => astra_get_prop( $config['partial'], 'selector' ), + 'render_callback' => astra_get_prop( $config['partial'], 'render_callback' ), + 'containerInclusive' => astra_get_prop( $config['partial'], 'container_inclusive' ), + 'fallbackRefresh' => astra_get_prop( $config['partial'], 'fallback_refresh', true ), + ); + } + + $config['id'] = astra_get_prop( $config, 'name' ); + $config['settings'] = array( 'default' => astra_get_prop( $config, 'name' ) ); + $config = self::bypass_control_configs( $config ); + + if ( isset( $config['section'] ) ) { + self::$js_configs ['controls'] [ $config['section'] ] [] = $config; + } + } + + /** + * Map and add sanitize callback to JS configs. + * + * @param array $config js config array. + * @return mixed + */ + public function sanitize_control( $config ) { + + $control_type = isset( $config['control'] ) ? $config['control'] : ''; + switch ( $control_type ) { + case 'color': + $config['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_hex_color' ); + break; + case 'ast-border': + $config['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_border' ); + break; + case 'ast-html-editor': + $config['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_html' ); + break; + case 'ast-color': + $config['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ); + break; + case 'ast-sortable': + $config ['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_multi_choices' ); + break; + case 'ast-radio-image': + $config ['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ); + break; + case 'ast-link': + $config ['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_link' ); + break; + case 'ast-customizer-link': + $config ['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_customizer_links' ); + break; + case 'ast-responsive-slider': + $config ['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ); + break; + case 'ast-toggle-control': + $config ['sanitize_callback'] = array( 'Astra_Customizer_Sanitizes', 'sanitize_toggle_control' ); + break; + default: + break; + } + + return $config; + + } + + /** + * Add controls for which active_callback is added. + * + * @since 3.0.0 + * @param array $config config. + */ + public function prepare_preload_controls( $config ) { + + global $wp_customize; + + $instance = Astra_Customizer_Control_Base::get_control_instance( astra_get_prop( $config, 'control' ) ); + + // Forwarding to the DOM as default control. + if ( 'title_tagline' !== $config['section'] ) { + self::$js_configs ['wp_defaults'][ astra_get_prop( $config, 'name' ) ] = $config['section']; + $config['section'] = 'title_tagline'; + } + + $wp_customize->add_setting( + astra_get_prop( $config, 'name' ), + array( + 'default' => astra_get_prop( $config, 'default' ), + 'type' => astra_get_prop( $config, 'datastore_type' ), + 'transport' => astra_get_prop( $config, 'transport', 'refresh' ), + 'sanitize_callback' => astra_get_prop( $config, 'sanitize_callback', Astra_Customizer_Control_Base::get_sanitize_call( astra_get_prop( $config, 'control' ) ) ), + ) + ); + + if ( false !== $instance ) { + $wp_customize->add_control( + new $instance( $wp_customize, astra_get_prop( $config, 'name' ), $config ) + ); + } else { + $wp_customize->add_control( astra_get_prop( $config, 'name' ), $config ); + } + } + + /** + * Prepare Group configs to visible sub-controls. + * + * @since 3.0.0 + * @param object $wp_customize customizer object. + */ + public function prepare_group_configs( $wp_customize ) { + + if ( $wp_customize->selective_refresh->is_render_partials_request() ) { + return; + } + + $configurations = $this->get_customizer_configurations(); + $defaults = $this->get_astra_customizer_configuration_defaults(); + + foreach ( $configurations as $key => $configuration ) { + $config = wp_parse_args( $configuration, $defaults ); + if ( 'sub-control' === $config['type'] ) { + unset( $config['type'] ); + $parent = astra_get_prop( $config, 'parent' ); + $tab = astra_get_prop( $config, 'tab' ); + + if ( empty( self::$group_configs[ $parent ] ) ) { + self::$group_configs[ $parent ] = array(); + } + + if ( array_key_exists( 'tab', $config ) ) { + self::$group_configs[ $parent ]['tabs'][ $tab ][] = $config; + } else { + self::$group_configs[ $parent ][] = $config; + } + } + } + } + + /** + * Prepare context. + * + * @return mixed|void + */ + public static function get_contexts() { + + self::set_default_context(); + // Return contexts. + return apply_filters( 'astra_customizer_context', self::$contexts ); + } + + /** + * Prepare choices. + * + * @return mixed|void + */ + public static function get_choices() { + // Return contexts. + return apply_filters( 'astra_customizer_choices', self::$choices ); + } + + /** + * Prepare javascript configs. + * + * @return mixed|void + */ + public static function get_js_configs() { + + // Return contexts. + return apply_filters( 'astra_javascript_configurations', self::$js_configs ); + } + + /** + * Prepare tabbed sections. + * + * @return mixed|void + */ + public static function get_tabbed_sections() { + + self::prepare_tabbed_sections(); + // Return contexts. + return apply_filters( 'astra_customizer_tabbed_sections', self::$tabbed_sections ); + } + + /** + * Prepare default values for the control. + * + * @return array + */ + private function get_control_defaults() { + + $defaults = array(); + $default_values = Astra_Theme_Options::defaults(); + $default_controls = array_merge( self::$js_configs['controls'], self::$js_configs['sub_controls'] ); + + foreach ( $default_controls as $section_controls ) { + foreach ( $section_controls as $control ) { + $control_id = astra_get_prop( $control, 'name' ); + if ( 'ast-responsive-spacing' === $control['control'] ) { + $defaults[ $control_id ] = array( + 'desktop' => array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ), + 'tablet' => array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ), + 'mobile' => array( + 'top' => '', + 'right' => '', + 'bottom' => '', + 'left' => '', + ), + 'desktop-unit' => 'px', + 'tablet-unit' => 'px', + 'mobile-unit' => 'px', + ); + } else { + $defaults[ $control_id ] = $this->get_default_value( $control_id, $default_values ); + } + } + } + + return $defaults; + + } + + /** + * Add customizer script. + * + * @since 3.0.0 + */ + public function enqueue_customizer_scripts() { + + // Localize variables for Dev mode > Customizer JS. + wp_localize_script( + SCRIPT_DEBUG ? 'astra-custom-control-react-script' : 'astra-custom-control-script', + 'AstraBuilderCustomizerData', + array( + 'contexts' => self::get_contexts(), + 'dynamic_setting_options' => self::$dynamic_options['settings'], + 'choices' => self::get_choices(), + 'js_configs' => self::get_js_configs(), + 'tabbed_sections' => self::get_tabbed_sections(), + 'component_limit' => Astra_Builder_Helper::$component_limit, + 'is_site_rtl' => is_rtl(), + 'defaults' => $this->get_control_defaults(), + 'astraRegenerateFonts' => wp_create_nonce( 'astra-regenerate-local-fonts' ), + 'initialFlushText' => __( 'Flush Local Font Files', 'astra' ), + 'successFlushed' => __( 'Successfully Flushed', 'astra' ), + 'failedFlushed' => __( 'Failed, Please try again later.', 'astra' ), + ) + ); + + if ( is_rtl() ) { + $builder_customizer_css_file = 'ast-builder-customizer-rtl'; + } else { + $builder_customizer_css_file = 'ast-builder-customizer'; + } + + // Enqueue Builder CSS. + wp_enqueue_style( + 'ahfb-customizer-style', + ASTRA_THEME_URI . 'inc/assets/css/' . $builder_customizer_css_file . '.css', + array( 'wp-components' ), + ASTRA_THEME_VERSION + ); + } + + /** + * Check if string is start with a string provided. + * + * @param string $string main string. + * @param string $start_string string to search. + * @since 2.0.0 + * @return bool. + */ + public function starts_with( $string, $start_string ) { + $len = strlen( $start_string ); + return ( substr( $string, 0, $len ) === $start_string ); + } + + /** + * Filter and return Customizer Configurations. + * + * @since 1.4.3 + * @return Array Customizer Configurations for registering Sections/Panels/Controls. + */ + private function get_customizer_configurations() { + + global $wp_customize; + + if ( ! is_null( self::$configuration ) ) { + return self::$configuration; + } + + self::$configuration = apply_filters( 'astra_customizer_configurations', array(), $wp_customize ); + return self::$configuration; + } + + /** + * Return default values for the Customize Configurations. + * + * @since 1.4.3 + * @return Array default values for the Customizer Configurations. + */ + private function get_astra_customizer_configuration_defaults() { + return apply_filters( + 'astra_customizer_configuration_defaults', + array( + 'priority' => null, + 'title' => null, + 'label' => null, + 'name' => null, + 'type' => null, + 'description' => null, + 'capability' => null, + 'datastore_type' => 'option', // theme_mod or option. Default option. + 'settings' => null, + 'active_callback' => null, + 'sanitize_callback' => null, + 'sanitize_js_callback' => null, + 'theme_supports' => null, + 'transport' => null, + 'default' => null, + 'selector' => null, + 'ast_fields' => array(), + ) + ); + } + + /** + * Include Customizer Configuration files. + * + * @since 1.4.3 + * @return void + */ + public function include_configurations() { + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + require ASTRA_THEME_DIR . 'inc/customizer/configurations/class-astra-customizer-config-base.php'; + + /** + * Register Sections & Panels + */ + require ASTRA_THEME_DIR . 'inc/customizer/class-astra-customizer-register-sections-panels.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/buttons/class-astra-customizer-button-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-site-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-site-identity-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-blog-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-blog-single-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-sidebar-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-site-container-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/colors-background/class-astra-body-colors-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/typography/class-astra-archive-typo-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/typography/class-astra-body-typo-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/typography/class-astra-content-typo-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/typography/class-astra-header-typo-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/typography/class-astra-single-typo-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/performance/class-astra-performance-configs.php'; + + if ( astra_existing_header_footer_configs() ) { + require ASTRA_THEME_DIR . 'inc/customizer/configurations/buttons/class-astra-existing-button-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-header-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/layout/class-astra-footer-layout-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/colors-background/class-astra-advanced-footer-colors-configs.php'; + require ASTRA_THEME_DIR . 'inc/customizer/configurations/colors-background/class-astra-footer-colors-configs.php'; + } + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Register custom section and panel. + * + * @since 1.0.0 + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + */ + public function customize_register_panel( $wp_customize ) { + + /** + * Register Extended Panel + */ + $wp_customize->register_panel_type( 'Astra_WP_Customize_Panel' ); + $wp_customize->register_section_type( 'Astra_WP_Customize_Section' ); + $wp_customize->register_section_type( 'Astra_WP_Customize_Separator' ); + + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + $wp_customize->register_section_type( 'Astra_Pro_Customizer' ); + } + + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + require ASTRA_THEME_DIR . 'inc/customizer/extend-customizer/class-astra-wp-customize-panel.php'; + require ASTRA_THEME_DIR . 'inc/customizer/extend-customizer/class-astra-wp-customize-section.php'; + require ASTRA_THEME_DIR . 'inc/customizer/extend-customizer/class-astra-wp-customize-separator.php'; + require ASTRA_THEME_DIR . 'inc/customizer/customizer-controls.php'; + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + + /** + * Add Controls + */ + + Astra_Customizer_Control_Base::add_control( + 'image', + array( + 'callback' => 'WP_Customize_Image_Control', + 'sanitize_callback' => 'esc_url_raw', + ) + ); + + Astra_Customizer_Control_Base::add_control( + 'ast-font', + array( + 'callback' => 'Astra_Control_Typography', + 'sanitize_callback' => 'sanitize_text_field', + ) + ); + + Astra_Customizer_Control_Base::add_control( + 'ast-font-variant', + array( + 'callback' => 'Astra_Control_Font_Variant', + 'sanitize_callback' => 'sanitize_text_field', + ) + ); + + Astra_Customizer_Control_Base::add_control( + 'ast-description', + array( + 'callback' => 'Astra_Control_Description', + 'sanitize_callback' => '', + ) + ); + + Astra_Customizer_Control_Base::add_control( + 'ast-customizer-link', + array( + 'callback' => 'Astra_Control_Customizer_Link', + 'santize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_customizer_links' ), + ) + ); + + /** + * Helper files + */ + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + require ASTRA_THEME_DIR . 'inc/customizer/class-astra-customizer-partials.php'; + require ASTRA_THEME_DIR . 'inc/customizer/class-astra-customizer-callback.php'; + require ASTRA_THEME_DIR . 'inc/customizer/class-astra-customizer-sanitizes.php'; + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Add postMessage support for site title and description for the Theme Customizer. + * + * @since 1.0.0 + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + */ + public function customize_register( $wp_customize ) { + + /** + * Override Defaults + */ + require ASTRA_THEME_DIR . 'inc/customizer/override-defaults.php';// phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + /** + * Add upgrade link configurations controls. + * + * @since 1.0.0 + * @param WP_Customize_Manager $wp_customize Theme Customizer object. + */ + public function astra_pro_upgrade_configurations( $wp_customize ) { + + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + require ASTRA_THEME_DIR . 'inc/customizer/astra-pro/class-astra-pro-customizer.php';// phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + require ASTRA_THEME_DIR . 'inc/customizer/astra-pro/class-astra-pro-upgrade-link-configs.php';// phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + } + + /** + * Customizer Controls + * + * @since 1.0.0 + * @return void + */ + public function controls_scripts() { + + $js_prefix = '.min.js'; + $css_prefix = '.min.css'; + $dir = 'minified'; + if ( SCRIPT_DEBUG ) { + $js_prefix = '.js'; + $css_prefix = '.css'; + $dir = 'unminified'; + } + + if ( is_rtl() ) { + $css_prefix = '.min-rtl.css'; + if ( SCRIPT_DEBUG ) { + $css_prefix = '-rtl.css'; + } + } + + wp_enqueue_style( 'wp-components' ); + wp_enqueue_script( 'thickbox' ); + wp_enqueue_style( 'thickbox' ); + + // Customizer Core. + wp_enqueue_script( 'astra-customizer-controls-toggle-js', ASTRA_THEME_URI . 'assets/js/' . $dir . '/customizer-controls-toggle' . $js_prefix, array(), ASTRA_THEME_VERSION, true ); + + // Extended Customizer Assets - Panel extended. + wp_enqueue_style( 'astra-extend-customizer-css', ASTRA_THEME_URI . 'assets/css/' . $dir . '/extend-customizer' . $css_prefix, null, ASTRA_THEME_VERSION ); + wp_enqueue_script( 'astra-extend-customizer-js', ASTRA_THEME_URI . 'assets/js/' . $dir . '/extend-customizer' . $js_prefix, array(), ASTRA_THEME_VERSION, true ); + + // Customizer Controls. + wp_enqueue_style( 'astra-customizer-controls-css', ASTRA_THEME_URI . 'assets/css/' . $dir . '/customizer-controls' . $css_prefix, null, ASTRA_THEME_VERSION ); + + $string = $this->generate_font_dropdown(); + + $template = '
    + +
    '; + + wp_localize_script( + 'astra-customizer-controls-toggle-js', + 'astra', + apply_filters( + 'astra_theme_customizer_js_localize', + array( + 'customizer' => array( + 'settings' => array( + 'sidebars' => array( + 'single' => array( + 'single-post-sidebar-layout', + 'single-page-sidebar-layout', + ), + 'archive' => array( + 'archive-post-sidebar-layout', + ), + ), + 'container' => array( + 'single' => array( + 'single-post-content-layout', + 'single-page-content-layout', + ), + 'archive' => array( + 'archive-post-content-layout', + ), + ), + 'google_fonts' => $string, + ), + 'group_modal_tmpl' => $template, + 'is_pro' => defined( 'ASTRA_EXT_VER' ), + 'upgrade_link' => htmlspecialchars_decode( astra_get_pro_url( 'https://wpastra.com/pricing/', 'customizer', 'upgrade-link', 'upgrade-to-pro' ) ), + 'is_block_widget' => astra_has_widgets_block_editor(), + ), + 'theme' => array( + 'option' => ASTRA_THEME_SETTINGS, + ), + ) + ) + ); + } + + /** + * Generates HTML for font dropdown. + * + * @return string + */ + public function generate_font_dropdown() { + + ob_start(); + + ?> + + + + + $variants ) { + ?> + + + + + + $single_font ) { + $variants = astra_get_prop( $single_font, '0' ); + $category = astra_get_prop( $single_font, '1' ); + + ?> + + + astra_header_break_point(), + 'includeAnchorsInHeadindsCss' => Astra_Dynamic_CSS::anchors_in_css_selectors_heading(), + 'googleFonts' => Astra_Font_Families::get_google_fonts(), + 'page_builder_button_style_css' => Astra_Dynamic_CSS::page_builder_button_style_css(), + 'elementor_default_color_font_setting' => Astra_Dynamic_CSS::elementor_default_color_font_setting(), + 'dynamic_partial_options' => self::$dynamic_options['partials'], + 'gb_outline_buttons_patterns_support' => Astra_Dynamic_CSS::gutenberg_core_patterns_compat(), + 'font_weights_widget_title_support' => Astra_Dynamic_CSS::support_font_css_to_widget_and_in_editor(), + 'has_block_editor_support' => Astra_Dynamic_CSS::is_block_editor_support_enabled(), + 'updated_gb_outline_button_patterns' => astra_button_default_padding_updated(), + ); + + wp_localize_script( 'astra-customizer-preview-js', 'astraCustomizer', $localize_array ); + } + + /** + * Called by the customize_save_after action to refresh + * the cached CSS when Customizer settings are saved. + * + * @since 1.0.0 + * @return void + */ + public function customize_save() { + + // Update variables. + Astra_Theme_Options::refresh(); + + if ( apply_filters( 'astra_resize_logo', true ) ) { + + /* Generate Header Logo */ + $custom_logo_id = get_theme_mod( 'custom_logo' ); + + add_filter( 'intermediate_image_sizes_advanced', 'Astra_Customizer::logo_image_sizes', 10, 2 ); + self::generate_logo_by_width( $custom_logo_id ); + remove_filter( 'intermediate_image_sizes_advanced', 'Astra_Customizer::logo_image_sizes', 10 ); + + } else { + // Regenerate the logo without custom image sizes. + $custom_logo_id = get_theme_mod( 'custom_logo' ); + self::generate_logo_by_width( $custom_logo_id ); + } + + do_action( 'astra_customizer_save' ); + + } + + /** + * Add logo image sizes in filter. + * + * @since 1.0.0 + * @param array $sizes Sizes. + * @param array $metadata attachment data. + * + * @return array + */ + public static function logo_image_sizes( $sizes, $metadata ) { + + $logo_width = astra_get_option( 'ast-header-responsive-logo-width' ); + + if ( is_array( $sizes ) && '' != $logo_width['desktop'] ) { + $max_value = max( $logo_width ); + $sizes['ast-logo-size'] = array( + 'width' => (int) $max_value, + 'height' => 0, + 'crop' => false, + ); + } + + return $sizes; + } + + /** + * Generate logo image by its width. + * + * @since 1.0.0 + * @param int $custom_logo_id Logo id. + */ + public static function generate_logo_by_width( $custom_logo_id ) { + if ( $custom_logo_id ) { + + $image = get_post( $custom_logo_id ); + + if ( $image ) { + $fullsizepath = get_attached_file( $image->ID ); + + if ( false !== $fullsizepath || file_exists( $fullsizepath ) ) { + + if ( ! function_exists( 'wp_generate_attachment_metadata' ) ) { + require_once ABSPATH . 'wp-admin/includes/image.php';// phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + + $metadata = wp_generate_attachment_metadata( $image->ID, $fullsizepath ); + + if ( ! is_wp_error( $metadata ) && ! empty( $metadata ) ) { + wp_update_attachment_metadata( $image->ID, $metadata ); + } + } + } + } + } + + /** + * Customizer Preview icon CSS + * + * @since 1.0.0 + * @return void + */ + public function preview_styles() { + if ( is_customize_preview() ) { + echo ''; + echo ''; + } + } + } +} + +/** + * Kicking this off by calling 'get_instance()' method + */ +Astra_Customizer::get_instance(); diff --git a/inc/customizer/class-astra-font-families.php b/inc/customizer/class-astra-font-families.php new file mode 100644 index 0000000..6da5e29 --- /dev/null +++ b/inc/customizer/class-astra-font-families.php @@ -0,0 +1,171 @@ + array( + 'fallback' => 'Verdana, Arial, sans-serif', + 'weights' => array( + '300', + '400', + '700', + ), + ), + 'Verdana' => array( + 'fallback' => 'Helvetica, Arial, sans-serif', + 'weights' => array( + '300', + '400', + '700', + ), + ), + 'Arial' => array( + 'fallback' => 'Helvetica, Verdana, sans-serif', + 'weights' => array( + '300', + '400', + '700', + ), + ), + 'Times' => array( + 'fallback' => 'Georgia, serif', + 'weights' => array( + '300', + '400', + '700', + ), + ), + 'Georgia' => array( + 'fallback' => 'Times, serif', + 'weights' => array( + '300', + '400', + '700', + ), + ), + 'Courier' => array( + 'fallback' => 'monospace', + 'weights' => array( + '300', + '400', + '700', + ), + ), + ); + } + + return apply_filters( 'astra_system_fonts', self::$system_fonts ); + } + + /** + * Custom Fonts + * + * @since 1.0.19 + * + * @return Array All the custom fonts in Astra + */ + public static function get_custom_fonts() { + $custom_fonts = array(); + + return apply_filters( 'astra_custom_fonts', $custom_fonts ); + } + + /** + * Google Fonts used in astra. + * Array is generated from the google-fonts.json file. + * + * @since 1.0.19 + * + * @return Array Array of Google Fonts. + */ + public static function get_google_fonts() { + + if ( empty( self::$google_fonts ) ) { + + /** + * Deprecating the Filter to change the Google Fonts JSON file path. + * + * @since 2.5.0 + * @param string $json_file File where google fonts json format added. + * @return array + */ + $google_fonts_file = apply_filters( 'astra_google_fonts_php_file', ASTRA_THEME_DIR . 'inc/google-fonts.php' ); + + if ( ! file_exists( $google_fonts_file ) ) { + return array(); + } + + $google_fonts_arr = include $google_fonts_file;// phpcs:ignore: WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + + foreach ( $google_fonts_arr as $key => $font ) { + $name = key( $font ); + foreach ( $font[ $name ] as $font_key => $single_font ) { + + if ( 'variants' === $font_key ) { + + foreach ( $single_font as $variant_key => $variant ) { + + if ( 'regular' == $variant ) { + $font[ $name ][ $font_key ][ $variant_key ] = '400'; + } + } + } + + self::$google_fonts[ $name ] = array_values( $font[ $name ] ); + } + } + } + + return apply_filters( 'astra_google_fonts', self::$google_fonts ); + } + + } + +endif; diff --git a/inc/customizer/class-astra-fonts-data.php b/inc/customizer/class-astra-fonts-data.php new file mode 100644 index 0000000..fc5f52c --- /dev/null +++ b/inc/customizer/class-astra-fonts-data.php @@ -0,0 +1,44 @@ + (array) $variants, + ); + } + } + + /** + * Get Fonts + */ + public static function get_fonts() { + + do_action( 'astra_get_fonts' ); + return apply_filters( 'astra_add_fonts', self::$fonts ); + } + + /** + * Renders the tag for all fonts in the $fonts array. + * + * @since 1.0.16 Added the filter 'astra_render_fonts' to support custom fonts. + * @since 1.0.0 + * @return void + */ + public static function render_fonts() { + + $font_list = apply_filters( 'astra_render_fonts', self::get_fonts() ); + + $google_fonts = array(); + $font_subset = array(); + + $system_fonts = Astra_Font_Families::get_system_fonts(); + + foreach ( $font_list as $name => $font ) { + if ( ! empty( $name ) && ! isset( $system_fonts[ $name ] ) ) { + + // Add font variants. + $google_fonts[ $name ] = $font['variants']; + + // Add Subset. + $subset = apply_filters( 'astra_font_subset', '', $name ); + if ( ! empty( $subset ) ) { + $font_subset[] = $subset; + } + } + } + + $google_font_url = self::google_fonts_url( $google_fonts, $font_subset ); + + // Do not load Google font remote or local font asset if not any font selected. + if ( '' === $google_font_url ) { + return; + } + + /** + * Support self hosted Google Fonts. + * + * @since 3.6.0 + */ + if ( astra_get_option( 'load-google-fonts-locally' ) && ! is_customize_preview() && ! is_admin() ) { + if ( astra_get_option( 'preload-local-fonts' ) ) { + ast_load_preload_local_fonts( $google_font_url ); + } + wp_enqueue_style( 'astra-google-fonts', ast_get_webfont_url( $google_font_url ), array(), ASTRA_THEME_VERSION, 'all' ); + } else { + wp_enqueue_style( 'astra-google-fonts', $google_font_url, array(), ASTRA_THEME_VERSION, 'all' ); + } + } + + /** + * Google Font URL + * Combine multiple google font in one URL + * + * @link https://shellcreeper.com/?p=1476 + * @param array $fonts Google Fonts array. + * @param array $subsets Font's Subsets array. + * + * @return string + */ + public static function google_fonts_url( $fonts, $subsets = array() ) { + + /* URL */ + $base_url = 'https://fonts.googleapis.com/css'; + $font_args = array(); + $family = array(); + + // This is deprecated filter hook. + $fonts = apply_filters( 'astra_google_fonts', $fonts ); + + $fonts = apply_filters( 'astra_google_fonts_selected', $fonts ); + + /* Format Each Font Family in Array */ + foreach ( $fonts as $font_name => $font_weight ) { + $font_name = str_replace( ' ', '+', $font_name ); + if ( ! empty( $font_weight ) ) { + if ( is_array( $font_weight ) ) { + $font_weight = implode( ',', $font_weight ); + } + $font_family = explode( ',', $font_name ); + $font_family = str_replace( "'", '', astra_get_prop( $font_family, 0 ) ); + $family[] = trim( $font_family . ':' . rawurlencode( trim( $font_weight ) ) ); + } else { + $family[] = trim( $font_name ); + } + } + + /* Only return URL if font family defined. */ + if ( ! empty( $family ) ) { + + /* Make Font Family a String */ + $family = implode( '|', $family ); + + /* Add font family in args */ + $font_args['family'] = $family; + + /* Add font subsets in args */ + if ( ! empty( $subsets ) ) { + + /* format subsets to string */ + if ( is_array( $subsets ) ) { + $subsets = implode( ',', $subsets ); + } + + $font_args['subset'] = rawurlencode( trim( $subsets ) ); + } + + $font_args['display'] = astra_get_fonts_display_property(); + + return add_query_arg( $font_args, $base_url ); + } + + return ''; + } +} diff --git a/inc/customizer/configurations/builder/base/class-astra-button-component-configs.php b/inc/customizer/configurations/builder/base/class-astra-button-component-configs.php new file mode 100644 index 0000000..3075df5 --- /dev/null +++ b/inc/customizer/configurations/builder/base/class-astra-button-component-configs.php @@ -0,0 +1,436 @@ + $_section, + 'type' => 'section', + 'priority' => 50, + /* translators: %s Index */ + 'title' => ( 1 === $number_of_button ) ? __( 'Button', 'astra' ) : sprintf( __( 'Button %s', 'astra' ), $index ), + 'panel' => 'panel-' . $builder_type . '-builder-group', + 'clone_index' => $index, + 'clone_type' => $builder_type . '-button', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + + ), + + /** + * Option: Button Text + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-text]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-text' ), + 'type' => 'control', + 'control' => 'text', + 'section' => $_section, + 'priority' => 20, + 'title' => __( 'Text', 'astra' ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-' . $builder_type . '-button-' . $index, + 'container_inclusive' => false, + 'render_callback' => array( $class_obj, 'button_' . $index ), + 'fallback_refresh' => false, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Button Link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-link-option]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-link-option' ), + 'type' => 'control', + 'control' => 'ast-link', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_link' ), + 'section' => $_section, + 'priority' => 30, + 'title' => __( 'Link', 'astra' ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-' . $builder_type . '-button-' . $index, + 'container_inclusive' => false, + 'render_callback' => array( $class_obj, 'button_' . $index ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Group: Primary Header Button Colors Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-text-color-group]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Text Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-background-color-group]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Button Text Color + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-text-color', + 'transport' => 'postMessage', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-text-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-text-color-group]', + 'section' => $_section, + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 9, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Button Text Hover Color + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-text-h-color', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-text-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-text-color-group]', + 'section' => $_section, + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 9, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Button Background Color + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-back-color', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-back-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-background-color-group]', + 'section' => $_section, + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 10, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Button Button Hover Color + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-back-h-color', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-back-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-background-color-group]', + 'section' => $_section, + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 10, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Button Border Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-border-size]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-border-size' ), + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-border', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 79, + 'title' => __( 'Border Width', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-builder-button-border-colors-group]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Border Color', 'astra' ), + 'section' => $_section, + 'priority' => 80, + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + + /** + * Option: Button Border Color + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-border-color', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-border-color' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-builder-button-border-colors-group]', + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 80, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Button Border Hover Color + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-border-h-color', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-border-h-color' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-builder-button-border-colors-group]', + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 80, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Button Border Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-border-radius]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-border-radius' ), + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-slider', + 'transport' => 'postMessage', + 'priority' => 80, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Border Radius', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + ); + + if ( 'footer' === $builder_type ) { + $button_config[] = array( + + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-button-' . $index . '-alignment]', + 'default' => astra_get_option( 'footer-button-' . $index . '-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 35, + 'title' => __( 'Alignment', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'choices' => array( + 'flex-start' => 'align-left', + 'center' => 'align-center', + 'flex-end' => 'align-right', + ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + ), + ); + } + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + $button_config[] = array( + + /** + * Option: Primary Header Button Typography + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-text-typography]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-text-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Font', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$design_tab, + 'priority' => 90, + ), + + /** + * Option: Primary Header Button Font Size + */ + array( + 'name' => $builder_type . '-' . $_prefix . '-font-size', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-text-typography]', + 'transport' => 'postMessage', + 'title' => __( 'Size', 'astra' ), + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive', + 'input_attrs' => array( + 'min' => 0, + ), + 'priority' => 2, + 'context' => Astra_Builder_Helper::$general_tab, + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } else { + $button_config[] = array( + + /** + * Option: Primary Header Button Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-' . $_prefix . '-font-size]', + 'default' => astra_get_option( $builder_type . '-' . $_prefix . '-font-size' ), + 'transport' => 'postMessage', + 'title' => __( 'Font Size', 'astra' ), + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive', + 'input_attrs' => array( + 'min' => 0, + ), + 'priority' => 90, + 'context' => Astra_Builder_Helper::$design_tab, + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } + + $button_config[] = Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, $builder_type ); + + $button_config[] = Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ); + + } + + $button_config = call_user_func_array( 'array_merge', $button_config + array( array() ) ); + + $configurations = array_merge( $configurations, $button_config ); + + return $configurations; + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Button_Component_Configs(); diff --git a/inc/customizer/configurations/builder/base/class-astra-html-component-configs.php b/inc/customizer/configurations/builder/base/class-astra-html-component-configs.php new file mode 100644 index 0000000..6da0d27 --- /dev/null +++ b/inc/customizer/configurations/builder/base/class-astra-html-component-configs.php @@ -0,0 +1,231 @@ + $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /* + * Builder section + */ + array( + 'name' => $_section, + 'type' => 'section', + 'priority' => 60, + /* translators: %s Index */ + 'title' => sprintf( __( 'HTML %s', 'astra' ), $index ), + 'panel' => 'panel-' . $builder_type . '-builder-group', + 'clone_index' => $index, + 'clone_type' => $builder_type . '-html', + ), + + /** + * Option: Html Editor. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-html-' . $index . ']', + 'type' => 'control', + 'control' => 'ast-html-editor', + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 4, + 'default' => astra_get_option( $builder_type . '-html-' . $index ), + 'input_attrs' => array( + 'id' => $builder_type . '-html-' . $index, + ), + 'partial' => array( + 'selector' => '.ast-' . $builder_type . '-html-' . $index, + 'render_callback' => array( $class_obj, $builder_type . '_html_' . $index ), + 'fallback_refresh' => false, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: HTML Color. + */ + + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-html-' . $index . 'color]', + 'default' => astra_get_option( $builder_type . '-html-' . $index . 'color' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 8, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'title' => __( 'Text Color', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-html-' . $index . '-link-group]', + 'default' => astra_get_option( $builder_type . '-html-' . $index . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Link Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 8, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Link Color. + */ + array( + 'name' => $builder_type . '-html-' . $index . 'link-color', + 'default' => astra_get_option( $builder_type . '-html-' . $index . 'link-color' ), + 'type' => 'sub-control', + 'section' => $_section, + 'priority' => 9, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-html-' . $index . '-link-group]', + 'title' => __( 'Normal', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Link Hover Color. + */ + array( + 'name' => $builder_type . '-html-' . $index . 'link-h-color', + 'default' => astra_get_option( $builder_type . '-html-' . $index . 'link-h-color' ), + 'type' => 'sub-control', + 'section' => $_section, + 'priority' => 10, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-html-' . $index . '-link-group]', + 'title' => __( 'Hover', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + if ( 'footer' === $builder_type ) { + $_configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-html-' . $index . '-alignment]', + 'default' => astra_get_option( 'footer-html-' . $index . '-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 6, + 'title' => __( 'Alignment', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'choices' => array( + 'left' => 'align-left', + 'center' => 'align-center', + 'right' => 'align-right', + ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + ); + } + + $html_config[] = Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, $builder_type ); + + $html_config[] = Astra_Builder_Base_Configuration::prepare_typography_options( $_section ); + + $html_config[] = $_configs; + } + + $html_config = call_user_func_array( 'array_merge', $html_config + array( array() ) ); + $configurations = array_merge( $configurations, $html_config ); + + return $configurations; + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Html_Component_Configs(); diff --git a/inc/customizer/configurations/builder/base/class-astra-social-icon-component-configs.php b/inc/customizer/configurations/builder/base/class-astra-social-icon-component-configs.php new file mode 100644 index 0000000..91e8006 --- /dev/null +++ b/inc/customizer/configurations/builder/base/class-astra-social-icon-component-configs.php @@ -0,0 +1,480 @@ + $_section, + 'type' => 'section', + 'priority' => 90, + /* translators: 1: index */ + 'title' => ( 1 === $number_of_social_icons ) ? __( 'Social Icons', 'astra' ) : sprintf( __( 'Social Icons %s', 'astra' ), $index ), + 'panel' => 'panel-' . $builder_type . '-builder-group', + 'clone_index' => $index, + 'clone_type' => $builder_type . '-social-icons', + ), + + /** + * Option: Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Social Icons. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-icons-' . $index . ']', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-social-icons', + 'title' => __( 'Social Icons', 'astra' ), + 'transport' => 'postMessage', + 'priority' => 1, + 'default' => astra_get_option( $builder_type . '-social-icons-' . $index ), + 'partial' => array( + 'selector' => '.ast-' . $builder_type . '-social-' . $index . '-wrap', + 'container_inclusive' => true, + 'render_callback' => array( $class_obj, $builder_type . '_social_' . $index ), + 'fallback_refresh' => false, + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Show label Toggle. + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-label-toggle]', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-label-toggle' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => $_section, + 'priority' => 2, + 'title' => __( 'Show Label', 'astra' ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-' . $builder_type . '-social-' . $index . '-wrap', + 'container_inclusive' => true, + 'render_callback' => array( $class_obj, $builder_type . '_social_' . $index ), + 'fallback_refresh' => false, + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Social Icon Spacing + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-space]', + 'section' => $_section, + 'priority' => 2, + 'transport' => 'postMessage', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-space' ), + 'title' => __( 'Icon Spacing', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 50, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + + /** + * Option: Social Icon Background Spacing. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-bg-space]', + 'section' => $_section, + 'priority' => 2, + 'transport' => 'postMessage', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-bg-space' ), + 'title' => __( 'Icon Background Spacing', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-slider', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 50, + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + + /** + * Option: Social Icon Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-size]', + 'section' => $_section, + 'priority' => 1, + 'transport' => 'postMessage', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-size' ), + 'title' => __( 'Icon Size', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 50, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Social Icon Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-radius]', + 'section' => $_section, + 'priority' => 4, + 'transport' => 'postMessage', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-radius' ), + 'title' => __( 'Icon Radius', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-slider', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 50, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-color-type]', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-color-type' ), + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-selector', + 'title' => __( 'Color Type', 'astra' ), + 'priority' => 8, + 'choices' => array( + 'custom' => __( 'Custom', 'astra' ), + 'official' => __( 'Official', 'astra' ), + ), + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Group: Primary Social Colors Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-icon-color-group]', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Icon Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 9, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-color-type]', + 'operator' => '==', + 'value' => 'custom', + ), + ), + 'responsive' => true, + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-label-color-group]', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Label Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 9, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-color-type]', + 'operator' => '==', + 'value' => 'custom', + ), + ), + 'responsive' => true, + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-background-color-group]', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 9, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-color-type]', + 'operator' => '==', + 'value' => 'custom', + ), + ), + 'responsive' => true, + ), + + /** + * Option: Social Text Color + */ + array( + 'name' => $builder_type . '-social-' . $index . '-color', + 'transport' => 'postMessage', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-icon-color-group]', + 'section' => $_section, + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 5, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Social Text Hover Color + */ + array( + 'name' => $builder_type . '-social-' . $index . '-h-color', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-icon-color-group]', + 'section' => $_section, + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 7, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Social Label Color + */ + array( + 'name' => $builder_type . '-social-' . $index . '-label-color', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-label-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-label-color-group]', + 'section' => $_section, + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 8, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Social Label Hover Color + */ + array( + 'name' => $builder_type . '-social-' . $index . '-label-h-color', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-label-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-label-color-group]', + 'section' => $_section, + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 8, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Social Background Color + */ + array( + 'name' => $builder_type . '-social-' . $index . '-bg-color', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-bg-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-background-color-group]', + 'section' => $_section, + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 9, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Social Background Hover Color + */ + array( + 'name' => $builder_type . '-social-' . $index . '-bg-h-color', + 'default' => astra_get_option( $builder_type . '-social-' . $index . '-bg-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-background-color-group]', + 'section' => $_section, + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'priority' => 11, + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + if ( 'footer' === $builder_type ) { + + $_configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-social-' . $index . '-alignment]', + 'default' => astra_get_option( 'footer-social-' . $index . '-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 6, + 'title' => __( 'Alignment', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'choices' => array( + 'left' => 'align-left', + 'center' => 'align-center', + 'right' => 'align-right', + ), + ); + } + + $social_configs[] = Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, $builder_type ); + + $social_configs[] = Astra_Builder_Base_Configuration::prepare_typography_options( + $_section, + array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[' . $builder_type . '-social-' . $index . '-label-toggle]', + 'operator' => '===', + 'value' => true, + ), + ) + ); + + $social_configs[] = $_configs; + } + + $social_configs = call_user_func_array( 'array_merge', $social_configs + array( array() ) ); + $configurations = array_merge( $configurations, $social_configs ); + + return $configurations; + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Social_Icon_Component_Configs(); diff --git a/inc/customizer/configurations/builder/class-astra-builder-base-configuration.php b/inc/customizer/configurations/builder/class-astra-builder-base-configuration.php new file mode 100644 index 0000000..8086886 --- /dev/null +++ b/inc/customizer/configurations/builder/class-astra-builder-base-configuration.php @@ -0,0 +1,547 @@ + ASTRA_THEME_SETTINGS . '[' . $section_id . '-padding]', + 'default' => astra_get_option( $section_id . '-padding' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $section_id, + 'priority' => 210, + 'title' => __( 'Padding', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Padded Layout Custom Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $section_id . '-margin]', + 'default' => astra_get_option( $section_id . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $section_id, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + } + + /** + * Prepare Advance Typography configuration. + * + * @param string $section_id section id. + * @param array $required_condition Required Condition. + * @return array + */ + public static function prepare_typography_options( $section_id, $required_condition = array() ) { + + $parent = ASTRA_THEME_SETTINGS . '[' . $section_id . '-typography]'; + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + + $_configs = array( + + array( + 'name' => $parent, + 'default' => astra_get_option( $section_id . '-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Text Font', 'astra' ), + 'section' => $section_id, + 'transport' => 'postMessage', + 'priority' => 16, + 'context' => empty( $required_condition ) ? Astra_Builder_Helper::$design_tab : $required_condition, + ), + + /** + * Option: Font Size + */ + array( + 'name' => 'font-size-' . $section_id, + 'type' => 'sub-control', + 'parent' => $parent, + 'section' => $section_id, + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-' . $section_id ), + 'transport' => 'postMessage', + 'priority' => 14, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + ); + } else { + + $_configs = array( + + /** + * Option: Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-' . $section_id . ']', + 'type' => 'control', + 'section' => $section_id, + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-' . $section_id ), + 'transport' => 'postMessage', + 'priority' => 16, + 'title' => __( 'Font Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => empty( $required_condition ) ? Astra_Builder_Helper::$design_tab : $required_condition, + ), + ); + } + + return $_configs; + } + + /** + * Prepare Visibility options. + * + * @param string $_section section id. + * @param string $builder_type Builder Type. + * @return array + */ + public static function prepare_visibility_tab( $_section, $builder_type = 'header' ) { + + $configs = array( + + /** + * Option: Hide on tablet + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-hide-tablet]', + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'default' => astra_get_option( $_section . '-hide-tablet' ), + 'section' => $_section, + 'priority' => 320, + 'title' => __( 'Hide on Tablet', 'astra' ), + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$tablet_general_tab, + ), + + /** + * Option: Hide on mobile + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-hide-mobile]', + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'default' => astra_get_option( $_section . '-hide-mobile' ), + 'section' => $_section, + 'priority' => 330, + 'title' => __( 'Hide on Mobile', 'astra' ), + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$mobile_general_tab, + ), + ); + + if ( 'footer' === $builder_type ) { + /** + * Option: Hide on desktop + */ + $configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-hide-desktop]', + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'default' => astra_get_option( $_section . '-hide-desktop' ), + 'section' => $_section, + 'priority' => 320, + 'title' => __( 'Hide on Desktop', 'astra' ), + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$desktop_general_tab, + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + ); + } + + return $configs; + } + + /** + * Prepare common options for the widgets by type. + * + * @param string $type type. + * @return array + */ + public static function prepare_widget_options( $type = 'header' ) { + $html_config = array(); + + + if ( 'footer' === $type ) { + $component_limit = defined( 'ASTRA_EXT_VER' ) ? + Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_footer_widgets; + } else { + $component_limit = defined( 'ASTRA_EXT_VER' ) ? + Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_widgets; + } + $astra_has_widgets_block_editor = astra_has_widgets_block_editor(); + for ( $index = 1; $index <= $component_limit; $index++ ) { + + $_section = ( ! $astra_has_widgets_block_editor ) ? 'sidebar-widgets-' . $type . '-widget-' . $index : 'astra-sidebar-widgets-' . $type . '-widget-' . $index; + + $html_config[] = array( + + array( + 'name' => $_section, + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Widget ', 'astra' ) . $index, + 'panel' => 'panel-' . $type . '-builder-group', + 'clone_index' => $index, + 'clone_type' => $type . '-widget', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Widget title color. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-title-color]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-title-color' ), + 'title' => __( 'Title Color', 'astra' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 7, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'divider' => ( ! $astra_has_widgets_block_editor ) ? array( 'ast_class' => 'ast-top-divider' ) : '', + 'rgba' => true, + ), + /** + * Option: Widget Color. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-color]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-color' ), + 'title' => __( 'Content Color', 'astra' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 7, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-link-color-group]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Link Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 7, + 'responsive' => true, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Widget link color. + */ + array( + 'name' => $type . '-widget-' . $index . '-link-color', + 'default' => astra_get_option( $type . '-widget-' . $index . '-link-color' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-link-color-group]', + 'type' => 'sub-control', + 'section' => $_section, + 'priority' => 3, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Widget link color. + */ + array( + 'name' => $type . '-widget-' . $index . '-link-h-color', + 'default' => astra_get_option( $type . '-widget-' . $index . '-link-h-color' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-link-color-group]', + 'type' => 'sub-control', + 'section' => $_section, + 'priority' => 1, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'title' => __( 'Hover', 'astra' ), + ), + + /** + * Option: Margin + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + ); + + if ( 'footer' === $type ) { + $html_config [] = array( + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-alignment-' . $index . ']', + 'default' => astra_get_option( $type . '-widget-alignment-' . $index ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Alignment', 'astra' ), + 'transport' => 'postMessage', + 'choices' => array( + 'left' => 'align-left', + 'center' => 'align-center', + 'right' => 'align-right', + ), + 'divider' => ( ! $astra_has_widgets_block_editor ) ? array( 'ast_class' => 'ast-top-divider' ) : '', + ), + ); + } + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + $html_config[] = array( + + /** + * Option: Widget Title Typography + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-text-typography]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-text-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Title Font', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + + /** + * Option: Widget Title Font Size + */ + array( + 'name' => $type . '-widget-' . $index . '-font-size', + 'default' => astra_get_option( $type . '-widget-' . $index . '-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-text-typography]', + 'transport' => 'postMessage', + 'title' => __( 'Size', 'astra' ), + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive', + 'input_attrs' => array( + 'min' => 0, + ), + 'priority' => 2, + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Widget Content Typography + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-content-typography]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-content-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Content Font', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 91, + ), + + /** + * Option: Widget Content Font Size + */ + array( + 'name' => $type . '-widget-' . $index . '-content-font-size', + 'default' => astra_get_option( $type . '-widget-' . $index . '-content-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-content-typography]', + 'transport' => 'postMessage', + 'title' => __( 'Size', 'astra' ), + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive', + 'input_attrs' => array( + 'min' => 0, + ), + 'priority' => 2, + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } else { + $html_config[] = array( + + /** + * Option: Widget Title Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-font-size]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-font-size' ), + 'transport' => 'postMessage', + 'title' => __( 'Title Font Size', 'astra' ), + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive', + 'input_attrs' => array( + 'min' => 0, + ), + 'priority' => 90, + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Widget Content Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $type . '-widget-' . $index . '-content-font-size]', + 'default' => astra_get_option( $type . '-widget-' . $index . '-content-font-size' ), + 'transport' => 'postMessage', + 'title' => __( 'Content Font Size', 'astra' ), + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive', + 'input_attrs' => array( + 'min' => 0, + ), + 'priority' => 91, + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } + + $html_config[] = self::prepare_visibility_tab( $_section, $type ); + + } + + return call_user_func_array( 'array_merge', $html_config + array( array() ) ); + + } + +} + +/** + * Prepare if class 'Astra_Builder_Base_Configuration' exist. + * Kicking this off by calling 'get_instance()' method + */ +Astra_Builder_Base_Configuration::get_instance(); diff --git a/inc/customizer/configurations/builder/footer/class-astra-customizer-above-footer-configs.php b/inc/customizer/configurations/builder/footer/class-astra-customizer-above-footer-configs.php new file mode 100644 index 0000000..c42652e --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-customizer-above-footer-configs.php @@ -0,0 +1,284 @@ + $_section, + 'type' => 'section', + 'title' => __( 'Above Footer', 'astra' ), + 'panel' => 'panel-footer-builder-group', + 'priority' => 30, + ), + + /** + * Option: Footer Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Column count + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-column]', + 'default' => astra_get_option( 'hba-footer-column' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => $_section, + 'priority' => 2, + 'title' => __( 'Column', 'astra' ), + 'choices' => $column_count, + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-above-footer-wrap', + 'container_inclusive' => false, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'above_footer' ), + ), + ), + + /** + * Option: Row Layout + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-layout]', + 'section' => $_section, + 'default' => astra_get_option( 'hba-footer-layout' ), + 'priority' => 3, + 'title' => __( 'Layout', 'astra' ), + 'type' => 'control', + 'control' => 'ast-row-layout', + 'context' => Astra_Builder_Helper::$general_tab, + 'input_attrs' => array( + 'responsive' => true, + 'footer' => 'primary', + 'layout' => Astra_Builder_Helper::$footer_row_layouts, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'transport' => 'postMessage', + ), + + /** + * Option: Layout Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-layout-width]', + 'default' => astra_get_option( 'hba-footer-layout-width' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 25, + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'full' => __( 'Full Width', 'astra' ), + 'content' => __( 'Content Width', 'astra' ), + ), + 'suffix' => '', + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Section: Above Footer Height. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-height]', + 'section' => $_section, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-footer-height' ), + 'priority' => 30, + 'title' => __( 'Height', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-slider', + 'input_attrs' => array( + 'min' => 30, + 'step' => 1, + 'max' => 600, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Vertical Alignment + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-vertical-alignment]', + 'default' => astra_get_option( 'hba-footer-vertical-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 34, + 'title' => __( 'Vertical Alignment', 'astra' ), + 'choices' => array( + 'flex-start' => __( 'Top', 'astra' ), + 'center' => __( 'Middle', 'astra' ), + 'flex-end' => __( 'Bottom', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-stack]', + 'default' => astra_get_option( 'hba-stack' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Inner Elements Layout', 'astra' ), + 'choices' => array( + 'stack' => __( 'Stack', 'astra' ), + 'inline' => __( 'Inline', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-above-footer-wrap', + 'container_inclusive' => false, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'above_footer' ), + ), + 'renderAs' => 'text', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Section: Above Footer Border. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-separator]', + 'section' => $_section, + 'priority' => 40, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-footer-separator' ), + 'title' => __( 'Top Border Size', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-slider', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Section: Above Footer Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-top-border-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-footer-top-border-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 50, + 'title' => __( 'Border Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[hba-footer-separator]', + 'operator' => '>=', + 'value' => 1, + ), + ), + ), + + // Option: Above Footer Background styling. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-footer-bg-obj-responsive]', + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-background', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-footer-bg-obj-responsive' ), + 'title' => __( 'Background', 'astra' ), + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Inner Spacing + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-inner-spacing]', + 'section' => $_section, + 'priority' => 205, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-inner-spacing' ), + 'title' => __( 'Inner Column Spacing', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, 'footer' ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Above_Footer_Configs(); +} diff --git a/inc/customizer/configurations/builder/footer/class-astra-customizer-below-footer-configs.php b/inc/customizer/configurations/builder/footer/class-astra-customizer-below-footer-configs.php new file mode 100644 index 0000000..63d57fc --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-customizer-below-footer-configs.php @@ -0,0 +1,284 @@ + $_section, + 'type' => 'section', + 'title' => __( 'Below Footer', 'astra' ), + 'panel' => 'panel-footer-builder-group', + 'priority' => 30, + ), + + /** + * Option: Footer Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Column count + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-column]', + 'default' => astra_get_option( 'hbb-footer-column' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => $_section, + 'priority' => 2, + 'title' => __( 'Column', 'astra' ), + 'choices' => $column_count, + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-below-footer-wrap', + 'container_inclusive' => false, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'below_footer' ), + ), + ), + + /** + * Option: Row Layout + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-layout]', + 'section' => $_section, + 'default' => astra_get_option( 'hbb-footer-layout' ), + 'priority' => 3, + 'title' => __( 'Layout', 'astra' ), + 'type' => 'control', + 'control' => 'ast-row-layout', + 'context' => Astra_Builder_Helper::$general_tab, + 'input_attrs' => array( + 'responsive' => true, + 'footer' => 'primary', + 'layout' => Astra_Builder_Helper::$footer_row_layouts, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'transport' => 'postMessage', + ), + + /** + * Option: Layout Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-layout-width]', + 'default' => astra_get_option( 'hbb-footer-layout-width' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 25, + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'full' => __( 'Full Width', 'astra' ), + 'content' => __( 'Content Width', 'astra' ), + ), + 'suffix' => '', + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Section: Below Footer Height. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-height]', + 'section' => $_section, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-footer-height' ), + 'priority' => 30, + 'title' => __( 'Height', 'astra' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 30, + 'step' => 1, + 'max' => 600, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Vertical Alignment + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-vertical-alignment]', + 'default' => astra_get_option( 'hbb-footer-vertical-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 34, + 'title' => __( 'Vertical Alignment', 'astra' ), + 'choices' => array( + 'flex-start' => __( 'Top', 'astra' ), + 'center' => __( 'Middle', 'astra' ), + 'flex-end' => __( 'Bottom', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-stack]', + 'default' => astra_get_option( 'hbb-stack' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Inner Elements Layout', 'astra' ), + 'choices' => array( + 'stack' => __( 'Stack', 'astra' ), + 'inline' => __( 'Inline', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-below-footer-wrap', + 'container_inclusive' => false, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'below_footer' ), + ), + 'renderAs' => 'text', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Section: Below Footer Border. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-separator]', + 'section' => $_section, + 'priority' => 40, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-footer-separator' ), + 'title' => __( 'Top Border Size', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-slider', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Section: Below Footer Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-top-border-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-footer-top-border-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 50, + 'title' => __( 'Border Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + ASTRA_THEME_SETTINGS . '[hbb-footer-separator]', + 'operator' => '>=', + 'value' => 1, + ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Option: Below Footer Background styling. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-footer-bg-obj-responsive]', + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-background', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-footer-bg-obj-responsive' ), + 'title' => __( 'Background', 'astra' ), + 'priority' => 70, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Inner Spacing + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-inner-spacing]', + 'section' => $_section, + 'priority' => 205, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-inner-spacing' ), + 'title' => __( 'Inner Column Spacing', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, 'footer' ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Below_Footer_Configs(); +} diff --git a/inc/customizer/configurations/builder/footer/class-astra-customizer-copyright-configs.php b/inc/customizer/configurations/builder/footer/class-astra-customizer-copyright-configs.php new file mode 100644 index 0000000..b5efa0a --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-customizer-copyright-configs.php @@ -0,0 +1,165 @@ + $_section, + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Copyright', 'astra' ), + 'panel' => 'panel-footer-builder-group', + ), + + /** + * Option: Footer Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Footer Copyright Html Editor. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-copyright-editor]', + 'type' => 'control', + 'control' => 'ast-html-editor', + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 4, + 'default' => astra_get_option( 'footer-copyright-editor', 'Copyright [copyright] [current_year] [site_title] | Powered by [theme_author]' ), + 'input_attrs' => array( + 'id' => 'ast-footer-copyright', + ), + 'partial' => array( + 'selector' => '.ast-footer-copyright', + 'container_inclusive' => true, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'footer_copyright' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Column Alignment + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-copyright-alignment]', + 'default' => astra_get_option( 'footer-copyright-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 6, + 'title' => __( 'Alignment', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'choices' => array( + 'left' => 'align-left', + 'center' => 'align-center', + 'right' => 'align-right', + ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + ), + + /** + * Option: Text Color. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-copyright-color]', + 'default' => astra_get_option( 'footer-copyright-color' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 8, + 'transport' => 'postMessage', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Text Color', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + + ), + + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_typography_options( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, 'footer' ) ); + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Customizer_Copyright_Configs(); + diff --git a/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-builder-configs.php b/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-builder-configs.php new file mode 100644 index 0000000..5fa305b --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-builder-configs.php @@ -0,0 +1,314 @@ + array(), + 'primary' => array(), + 'below' => array(), + ); + + /** + * Register Builder Customizer Configurations. + * + * @param Array $configurations Astra Customizer Configurations. + * @param WP_Customize_Manager $wp_customize instance of WP_Customize_Manager. + * @since 3.0.0 + * @return Array Astra Customizer Configurations with updated configurations. + */ + public function register_configuration( $configurations, $wp_customize ) { + + $cloned_component_track = Astra_Builder_Helper::$component_count_array; + $widget_config = array(); + $astra_has_widgets_block_editor = astra_has_widgets_block_editor(); + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_html; $index++ ) { + + $footer_html_section = 'section-fb-html-' . $index; + + if ( in_array( $footer_html_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + Astra_Builder_Helper::$footer_desktop_items[ 'html-' . $index ] = array( + 'name' => 'HTML ' . $index, + 'icon' => 'text', + 'section' => $footer_html_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'html', + 'builder' => 'footer', + ); + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_widgets; $index++ ) { + + $footer_widget_section = 'sidebar-widgets-footer-widget-' . $index; + + if ( in_array( $footer_widget_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + Astra_Builder_Helper::$footer_desktop_items[ 'widget-' . $index ] = array( + 'name' => 'Widget ' . $index, + 'icon' => 'wordpress', + 'section' => $footer_widget_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'widget', + 'builder' => 'footer', + ); + + if ( $astra_has_widgets_block_editor ) { + $widget_config[] = array( + 'name' => $footer_widget_section, + 'type' => 'section', + 'priority' => 5, + 'panel' => 'panel-footer-builder-group', + ); + } + } + + if ( $astra_has_widgets_block_editor ) { + $configurations = array_merge( $configurations, $widget_config ); + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_button; $index++ ) { + + $footer_button_section = 'section-fb-button-' . $index; + + if ( in_array( $footer_button_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + Astra_Builder_Helper::$footer_desktop_items[ 'button-' . $index ] = array( + 'name' => ( 1 === Astra_Builder_Helper::$num_of_footer_button ) ? 'Button' : 'Button ' . $index, + 'icon' => 'admin-links', + 'section' => $footer_button_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'button', + 'builder' => 'footer', + ); + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_social_icons; $index++ ) { + + $footer_social_section = 'section-fb-social-icons-' . $index; + + if ( in_array( $footer_social_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + Astra_Builder_Helper::$footer_desktop_items[ 'social-icons-' . $index ] = array( + 'name' => ( 1 === Astra_Builder_Helper::$num_of_footer_social_icons ) ? 'Social' : 'Social ' . $index, + 'icon' => 'share', + 'section' => $footer_social_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'social-icons', + 'builder' => 'footer', + ); + } + + $zone_base = array( 'above', 'primary', 'below' ); + + foreach ( $zone_base as $key => $base ) { + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_columns; $index++ ) { + self::$zones[ $base ][ $base . '_' . $index ] = ucfirst( $base ) . ' Section ' . $index; + } + } + + $_configs = array( + + array( + 'name' => 'panel-footer-builder-group', + 'type' => 'panel', + 'priority' => 60, + 'title' => __( 'Footer Builder', 'astra' ), + ), + + /** + * Option: Footer Layout + */ + array( + 'name' => 'section-footer-builder-layout', + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Footer Layout', 'astra' ), + 'panel' => 'panel-footer-builder-group', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => 'section-footer-builder-layout-ast-context-tabs', + 'section' => 'section-footer-builder-layout', + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /* + * Header Builder section + */ + array( + 'name' => 'section-footer-builder', + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Footer Builder', 'astra' ), + 'panel' => 'panel-footer-builder-group', + 'context' => array( + array( + 'setting' => 'ast_selected_tab', + 'operator' => 'in', + 'value' => array( 'general', 'design' ), + ), + ), + ), + + /** + * Option: Footer Builder + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[builder-footer]', + 'section' => 'section-footer-builder', + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 20, + 'description' => '', + ), + + // Group Option: Global Footer Background styling. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-bg-obj-responsive]', + 'type' => 'control', + 'control' => 'ast-responsive-background', + 'default' => astra_get_option( 'footer-bg-obj-responsive' ), + 'section' => 'section-footer-builder-layout', + 'transport' => 'postMessage', + 'priority' => 70, + 'title' => __( 'Background Color & Image', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Footer Background Color notice. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-bg-obj-responsive-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-footer-builder-layout', + 'priority' => 71, + 'label' => '', + 'help' => __( 'If this color setting is not reflecting, check if colors are set from dedicated above, below or primary footer settings.', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Footer Desktop Items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-desktop-items]', + 'section' => 'section-footer-builder', + 'type' => 'control', + 'control' => 'ast-builder', + 'title' => __( 'Footer Builder', 'astra' ), + 'priority' => 10, + 'default' => astra_get_option( 'footer-desktop-items' ), + 'choices' => Astra_Builder_Helper::$footer_desktop_items, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-footer', + 'container_inclusive' => true, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'footer_markup' ), + ), + 'input_attrs' => array( + 'group' => ASTRA_THEME_SETTINGS . '[footer-desktop-items]', + 'rows' => array( 'above', 'primary', 'below' ), + 'zones' => self::$zones, + 'layouts' => array( + 'above' => array( + 'column' => astra_get_option( 'hba-footer-column' ), + 'layout' => astra_get_option( 'hba-footer-layout' ), + ), + 'primary' => array( + 'column' => astra_get_option( 'hb-footer-column' ), + 'layout' => astra_get_option( 'hb-footer-layout' ), + ), + 'below' => array( + 'column' => astra_get_option( 'hbb-footer-column' ), + 'layout' => astra_get_option( 'hbb-footer-layout' ), + ), + ), + 'status' => array( + 'above' => true, + 'primary' => true, + 'below' => true, + ), + ), + 'context' => array( + array( + 'setting' => 'ast_selected_tab', + 'operator' => 'in', + 'value' => array( 'general', 'design' ), + ), + ), + ), + + /** + * Footer Available draggable items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-draggable-items]', + 'section' => 'section-footer-builder-layout', + 'type' => 'control', + 'control' => 'ast-draggable-items', + 'priority' => 10, + 'input_attrs' => array( + 'group' => ASTRA_THEME_SETTINGS . '[footer-desktop-items]', + 'zones' => array( 'above', 'primary', 'below' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( 'section-footer-builder-layout' ) ); + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ +if ( class_exists( 'Astra_Customizer_Config_Base' ) ) { + new Astra_Customizer_Footer_Builder_Configs(); +} diff --git a/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-menu-configs.php b/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-menu-configs.php new file mode 100644 index 0000000..28cb91f --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-menu-configs.php @@ -0,0 +1,371 @@ + $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + + ), + + // Section: Primary Header. + array( + 'name' => $_section, + 'type' => 'section', + 'title' => __( 'Footer Menu', 'astra' ), + 'panel' => 'panel-footer-builder-group', + 'priority' => 50, + ), + + /** + * Option: Theme Menu create link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-create-menu-link]', + 'default' => astra_get_option( 'footer-create-menu-link' ), + 'type' => 'control', + 'control' => 'ast-customizer-link', + 'section' => $_section, + 'priority' => 10, + 'link_type' => 'section', + 'linked' => 'menu_locations', + 'link_text' => __( 'Configure Menu from Here.', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + + ), + + + // Option: Footer Menu Layout. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-menu-layout]', + 'default' => astra_get_option( 'footer-menu-layout' ), + 'section' => $_section, + 'priority' => 20, + 'title' => __( 'Layout', 'astra' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.footer-widget-area[data-section="section-footer-menu"] nav', + 'container_inclusive' => true, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'footer_menu' ), + ), + 'choices' => array( + 'horizontal' => __( 'Inline', 'astra' ), + 'vertical' => __( 'Stack', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'responsive' => true, + 'renderAs' => 'text', + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Alignment + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-menu-alignment]', + 'default' => astra_get_option( 'footer-menu-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 21, + 'title' => __( 'Alignment', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'choices' => array( + 'flex-start' => 'align-left', + 'center' => 'align-center', + 'flex-end' => 'align-right', + ), + ), + + // Option Group: Menu Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-menu-link-colors]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Link / Text', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'responsive' => true, + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-menu-background-colors]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'context' => Astra_Builder_Helper::$design_tab, + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'responsive' => true, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + // Option: Menu Color. + array( + 'name' => 'footer-menu-color-responsive', + 'default' => astra_get_option( 'footer-menu-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-link-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Normal', 'astra' ), + 'section' => $_section, + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 7, + ), + + // Option: Menu Background image, color. + array( + 'name' => 'footer-menu-bg-obj-responsive', + 'default' => astra_get_option( 'footer-menu-bg-obj-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-background-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-background', + 'section' => $_section, + 'transport' => 'postMessage', + 'tab' => __( 'Normal', 'astra' ), + 'data_attrs' => array( 'name' => 'footer-menu-bg-obj-responsive' ), + 'title' => __( 'Normal', 'astra' ), + 'label' => __( 'Normal', 'astra' ), + 'priority' => 9, + ), + + // Option: Menu Hover Color. + array( + 'name' => 'footer-menu-h-color-responsive', + 'default' => astra_get_option( 'footer-menu-h-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-link-colors]', + 'tab' => __( 'Hover', 'astra' ), + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'title' => __( 'Hover', 'astra' ), + 'section' => $_section, + 'responsive' => true, + 'rgba' => true, + 'priority' => 19, + ), + + // Option: Menu Hover Background Color. + array( + 'name' => 'footer-menu-h-bg-color-responsive', + 'default' => astra_get_option( 'footer-menu-h-bg-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-background-colors]', + 'type' => 'sub-control', + 'title' => __( 'Hover', 'astra' ), + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 21, + ), + + // Option: Active Menu Color. + array( + 'name' => 'footer-menu-a-color-responsive', + 'default' => astra_get_option( 'footer-menu-a-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-link-colors]', + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Active', 'astra' ), + 'title' => __( 'Active', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 31, + ), + + // Option: Active Menu Background Color. + array( + 'name' => 'footer-menu-a-bg-color-responsive', + 'default' => astra_get_option( 'footer-menu-a-bg-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-background-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'section' => $_section, + 'title' => __( 'Active', 'astra' ), + 'tab' => __( 'Active', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 33, + ), + + // Option - Menu Space. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-main-menu-spacing]', + 'default' => astra_get_option( 'footer-main-menu-spacing' ), + 'type' => 'control', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'transport' => 'postMessage', + 'section' => $_section, + 'context' => Astra_Builder_Helper::$design_tab, + 'priority' => 210, + 'title' => __( 'Menu Spacing', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + + $new_configs = array( + + // Option Group: Menu Typography. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-menu-typography]', + 'default' => astra_get_option( 'footer-menu-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Menu Font', 'astra' ), + 'section' => $_section, + 'context' => Astra_Builder_Helper::$design_tab, + 'transport' => 'postMessage', + 'priority' => 120, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Option: Menu Font Size. + array( + 'name' => 'footer-menu-font-size', + 'default' => astra_get_option( 'footer-menu-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[footer-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'priority' => 23, + 'title' => __( 'Size', 'astra' ), + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + ); + } else { + + $new_configs = array( + + // Option: Menu Font Size. + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-menu-font-size]', + 'default' => astra_get_option( 'footer-menu-font-size' ), + 'section' => $_section, + 'type' => 'control', + 'priority' => 120, + 'title' => __( 'Menu Font Size', 'astra' ), + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + } + + $_configs = array_merge( $_configs, $new_configs ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, 'footer' ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating 'new' object of this class. + */ + new Astra_Customizer_Footer_Menu_Configs(); +} diff --git a/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-social-icons-configs.php b/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-social-icons-configs.php new file mode 100644 index 0000000..e067724 --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-customizer-footer-social-icons-configs.php @@ -0,0 +1,49 @@ + $_section, + 'type' => 'section', + 'title' => __( 'Primary Footer', 'astra' ), + 'panel' => 'panel-footer-builder-group', + 'priority' => 20, + ), + + /** + * Option: Footer Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Column count + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-column]', + 'default' => astra_get_option( 'hb-footer-column' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => $_section, + 'priority' => 2, + 'title' => __( 'Column', 'astra' ), + 'choices' => $column_count, + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-primary-footer-wrap', + 'container_inclusive' => false, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'primary_footer' ), + ), + ), + + /** + * Option: Row Layout + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-layout]', + 'section' => $_section, + 'default' => astra_get_option( 'hb-footer-layout' ), + 'priority' => 3, + 'title' => __( 'Layout', 'astra' ), + 'type' => 'control', + 'control' => 'ast-row-layout', + 'context' => Astra_Builder_Helper::$general_tab, + 'input_attrs' => array( + 'responsive' => true, + 'footer' => 'primary', + 'layout' => Astra_Builder_Helper::$footer_row_layouts, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'transport' => 'postMessage', + ), + + /** + * Option: Layout Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-layout-width]', + 'default' => astra_get_option( 'hb-footer-layout-width' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 25, + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'full' => __( 'Full Width', 'astra' ), + 'content' => __( 'Content Width', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + + /** + * Option: Vertical Alignment + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-vertical-alignment]', + 'default' => astra_get_option( 'hb-footer-vertical-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 30, + 'title' => __( 'Vertical Alignment', 'astra' ), + 'choices' => array( + 'flex-start' => __( 'Top', 'astra' ), + 'center' => __( 'Middle', 'astra' ), + 'flex-end' => __( 'Bottom', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-stack]', + 'default' => astra_get_option( 'hb-stack' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Inner Elements Layout', 'astra' ), + 'choices' => array( + 'stack' => __( 'Stack', 'astra' ), + 'inline' => __( 'Inline', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-primary-footer-wrap', + 'container_inclusive' => false, + 'render_callback' => array( Astra_Builder_Footer::get_instance(), 'primary_footer' ), + ), + 'renderAs' => 'text', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Option: Footer Separator. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-main-sep]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hb-footer-main-sep' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => $_section, + 'priority' => 4, + 'title' => __( 'Top Border Size', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Footer Top Boder Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-main-sep-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hb-footer-main-sep-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Border Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[hb-footer-main-sep]', + 'operator' => '>=', + 'value' => 1, + ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Sub Option: Footer Background. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-footer-bg-obj-responsive]', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-responsive-background', + 'transport' => 'postMessage', + 'priority' => 7, + 'data_attrs' => array( + 'name' => 'hb-footer-bg-obj-responsive', + ), + 'default' => astra_get_option( 'hb-footer-bg-obj-responsive' ), + 'title' => __( 'Background', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Inner Spacing + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-inner-spacing]', + 'section' => $_section, + 'priority' => 205, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hb-inner-spacing' ), + 'title' => __( 'Inner Column Spacing', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section, 'footer' ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Primary_Footer_Configs(); +} diff --git a/inc/customizer/configurations/builder/footer/class-astra-footer-button-component-configs.php b/inc/customizer/configurations/builder/footer/class-astra-footer-button-component-configs.php new file mode 100644 index 0000000..a443890 --- /dev/null +++ b/inc/customizer/configurations/builder/footer/class-astra-footer-button-component-configs.php @@ -0,0 +1,48 @@ + $_section, + 'type' => 'section', + 'title' => __( 'Above Header', 'astra' ), + 'panel' => 'panel-header-builder-group', + 'priority' => 30, + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + // Section: Above Header Height. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-header-height]', + 'section' => $_section, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-header-height' ), + 'priority' => 30, + 'title' => __( 'Height', 'astra' ), + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 30, + 'step' => 1, + 'max' => 600, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Section: Above Header Border. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-header-separator]', + 'section' => $_section, + 'priority' => 40, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-header-separator' ), + 'title' => __( 'Bottom Border Size', 'astra' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 10, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Section: Above Header Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-header-bottom-border-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-header-bottom-border-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 50, + 'title' => __( 'Bottom Border Color', 'astra' ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[hba-header-separator]', + 'operator' => '>=', + 'value' => 1, + ), + ), + ), + + // Option: Above Header Background styling. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hba-header-bg-obj-responsive]', + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-background', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hba-header-bg-obj-responsive' ), + 'title' => __( 'Background', 'astra' ), + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Above_Header_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-below-header-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-below-header-configs.php new file mode 100644 index 0000000..625b1cb --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-below-header-configs.php @@ -0,0 +1,148 @@ + $_section, + 'type' => 'section', + 'title' => __( 'Below Header', 'astra' ), + 'panel' => 'panel-header-builder-group', + 'priority' => 30, + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + // Section: Below Header Height. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-header-height]', + 'section' => $_section, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-header-height' ), + 'priority' => 30, + 'title' => __( 'Height', 'astra' ), + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 30, + 'step' => 1, + 'max' => 600, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Section: Below Header Border. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-header-separator]', + 'section' => $_section, + 'priority' => 40, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-header-separator' ), + 'title' => __( 'Bottom Border Size', 'astra' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 10, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Section: Below Header Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-header-bottom-border-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-header-bottom-border-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 50, + 'title' => __( 'Bottom Border Color', 'astra' ), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[hbb-header-separator]', + 'operator' => '>=', + 'value' => 1, + ), + Astra_Builder_Helper::$design_tab_config, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Option: Below Header Background styling. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hbb-header-bg-obj-responsive]', + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-background', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hbb-header-bg-obj-responsive' ), + 'title' => __( 'Background', 'astra' ), + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Below_Header_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-edd-cart-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-edd-cart-configs.php new file mode 100644 index 0000000..13cb19a --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-edd-cart-configs.php @@ -0,0 +1,384 @@ + $_section, + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'EDD Cart', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header cart total + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[edd-header-cart-total-display]', + 'default' => astra_get_option( 'edd-header-cart-total-display' ), + 'type' => 'control', + 'section' => $_section, + 'title' => __( 'Display Cart Total', 'astra' ), + 'priority' => 50, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-edd-cart', + 'container_inclusive' => false, + 'render_callback' => array( 'Astra_Builder_Header', 'header_edd_cart' ), + ), + 'control' => 'ast-toggle-control', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Cart Title + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[edd-header-cart-title-display]', + 'default' => astra_get_option( 'edd-header-cart-title-display' ), + 'type' => 'control', + 'section' => $_section, + 'title' => __( 'Display Cart Title', 'astra' ), + 'priority' => 55, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-edd-cart', + 'container_inclusive' => false, + 'render_callback' => array( 'Astra_Builder_Header', 'header_edd_cart' ), + ), + 'control' => 'ast-toggle-control', + 'context' => Astra_Builder_Helper::$general_tab, + ), + /** + * Option: Icon Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[edd-header-cart-icon-style]', + 'default' => astra_get_option( 'edd-header-cart-icon-style' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'section' => $_section, + 'title' => __( 'Style', 'astra' ), + 'control' => 'ast-selector', + 'priority' => 40, + 'choices' => array( + 'outline' => __( 'Outline', 'astra' ), + 'fill' => __( 'Fill', 'astra' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Background color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[edd-header-cart-icon-color]', + 'default' => astra_get_option( 'edd-header-cart-icon-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Color', 'astra' ), + 'transport' => 'postMessage', + 'section' => $_section, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[edd-header-cart-icon-style]', + 'operator' => '!=', + 'value' => 'none', + ), + ), + 'priority' => 45, + ), + + /** + * Option: Border Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[edd-header-cart-icon-radius]', + 'default' => astra_get_option( 'edd-header-cart-icon-radius' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'section' => $_section, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[edd-header-cart-icon-style]', + 'operator' => '!=', + 'value' => 'none', + ), + ), + 'title' => __( 'Border Radius', 'astra' ), + 'suffix' => 'px', + 'control' => 'ast-slider', + 'priority' => 47, + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + ), + + /** + * Option: Icon color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[transparent-header-edd-cart-icon-color]', + 'default' => astra_get_option( 'transparent-header-edd-cart-icon-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'title' => __( 'EDD Cart Icon Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[edd-header-cart-icon-style]', + 'operator' => '!=', + 'value' => 'none', + ), + ), + 'section' => 'section-transparent-header', + 'priority' => 95, + ), + ); + + if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { + $_edd_configs = array( + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Divider + * Option: EDD cart tray Section divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[section-edd-cart-tray-divider]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => $_section, + 'title' => __( 'Cart Tray', 'astra' ), + 'priority' => 60, + 'settings' => array(), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Link / Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-edd-cart-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-edd-cart-text-color', + 'default' => astra_get_option( 'header-edd-cart-text-color' ), + 'title' => __( 'Text Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Link / Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-edd-cart-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-edd-cart-link-color', + 'default' => astra_get_option( 'header-edd-cart-link-color' ), + 'title' => __( 'Link Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Background Color. + array( + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[header-edd-cart-background-color]', + 'default' => astra_get_option( 'header-edd-cart-background-color' ), + 'title' => __( 'Background Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Separator Color. + array( + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[header-edd-cart-separator-color]', + 'default' => astra_get_option( 'header-edd-cart-separator-color' ), + 'title' => __( 'Separator Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Checkout Button colors. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-edd-checkout-button-text-colors]', + 'default' => astra_get_option( 'header-edd-checkout-button-text-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Button Text', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( + 'ast_class' => 'ast-top-divider', + 'ast_title' => __( 'Checkout', 'astra' ), + ), + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-edd-checkout-button-background-colors]', + 'default' => astra_get_option( 'header-edd-checkout-button-background-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Button Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + // Option: Checkout Button Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-edd-checkout-button-text-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-edd-checkout-btn-text-color', + 'default' => astra_get_option( 'header-edd-checkout-btn-text-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Checkout Button Background Color. + array( + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[header-edd-checkout-button-background-colors]', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => 'header-edd-checkout-btn-background-color', + 'default' => astra_get_option( 'header-edd-checkout-btn-background-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Checkout Button Hover Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-edd-checkout-button-text-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-edd-checkout-btn-text-hover-color', + 'default' => astra_get_option( 'header-edd-checkout-btn-text-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Checkout Button Hover Background Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'parent' => ASTRA_THEME_SETTINGS . '[header-edd-checkout-button-background-colors]', + 'section' => $_section, + 'name' => 'header-edd-checkout-btn-bg-hover-color', + 'default' => astra_get_option( 'header-edd-checkout-btn-bg-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $configurations = array_merge( $configurations, $_edd_configs ); + + $configurations = array_merge( $configurations, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + } + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Customizer_Edd_Cart_Configs(); diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-header-builder-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-header-builder-configs.php new file mode 100644 index 0000000..0b38e1e --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-header-builder-configs.php @@ -0,0 +1,526 @@ + ( 1 === Astra_Builder_Helper::$num_of_header_button ) ? 'Button' : 'Button ' . $index, + 'icon' => 'admin-links', + 'section' => $header_button_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'button', + 'builder' => 'header', + ); + + Astra_Builder_Helper::$header_desktop_items[ 'button-' . $index ] = $item; + Astra_Builder_Helper::$header_mobile_items[ 'button-' . $index ] = $item; + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_html; $index++ ) { + + $header_html_section = 'section-hb-html-' . $index; + + if ( in_array( $header_html_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + $item = array( + 'name' => ( 1 === Astra_Builder_Helper::$num_of_header_html ) ? 'HTML' : 'HTML ' . $index, + 'icon' => 'text', + 'section' => $header_html_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'html', + 'builder' => 'header', + ); + + Astra_Builder_Helper::$header_desktop_items[ 'html-' . $index ] = $item; + Astra_Builder_Helper::$header_mobile_items[ 'html-' . $index ] = $item; + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_widgets; $index++ ) { + + $header_widget_section = 'sidebar-widgets-header-widget-' . $index; + + if ( in_array( $header_widget_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + $item = array( + 'name' => ( 1 === Astra_Builder_Helper::$num_of_header_widgets ) ? 'Widget' : 'Widget ' . $index, + 'icon' => 'wordpress', + 'section' => $header_widget_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'widget', + 'builder' => 'header', + ); + + if ( $astra_has_widgets_block_editor ) { + $widget_config[] = array( + 'name' => $header_widget_section, + 'type' => 'section', + 'priority' => 5, + 'panel' => 'panel-header-builder-group', + ); + } + + Astra_Builder_Helper::$header_desktop_items[ 'widget-' . $index ] = $item; + Astra_Builder_Helper::$header_mobile_items[ 'widget-' . $index ] = $item; + } + + if ( $astra_has_widgets_block_editor ) { + $configurations = array_merge( $configurations, $widget_config ); + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_menu; $index++ ) { + + switch ( $index ) { + case 1: + $name = __( 'Primary Menu', 'astra' ); + break; + case 2: + $name = __( 'Secondary Menu', 'astra' ); + break; + default: + $name = __( 'Menu ', 'astra' ) . $index; + break; + } + + $item = array( + 'name' => $name, + 'icon' => 'menu', + 'section' => 'section-hb-menu-' . $index, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'menu', + 'builder' => 'header', + ); + + Astra_Builder_Helper::$header_desktop_items[ 'menu-' . $index ] = $item; + + Astra_Builder_Helper::$header_mobile_items[ 'menu-' . $index ] = $item; + } + + for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_social_icons; $index++ ) { + + $header_social_section = 'section-hb-social-icons-' . $index; + + if ( in_array( $header_social_section, $cloned_component_track['removed-items'], true ) ) { + continue; + } + + $item = array( + 'name' => ( 1 === Astra_Builder_Helper::$num_of_header_social_icons ) ? 'Social' : 'Social ' . $index, + 'icon' => 'share', + 'section' => $header_social_section, + 'clone' => defined( 'ASTRA_EXT_VER' ), + 'type' => 'social-icons', + 'builder' => 'header', + ); + + Astra_Builder_Helper::$header_desktop_items[ 'social-icons-' . $index ] = $item; + Astra_Builder_Helper::$header_mobile_items[ 'social-icons-' . $index ] = $item; + } + + $_configs = array( + + /* + * Header Builder section + */ + array( + 'name' => 'section-header-builder', + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'Header Builder', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header Layout + */ + array( + 'name' => 'section-header-builder-layout', + 'type' => 'section', + 'priority' => 0, + 'title' => __( 'Header Layout', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => 'section-header-builder-layout-ast-context-tabs', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Header Clone Component Track. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[cloned-component-track]', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-hidden', + 'priority' => 43, + 'transport' => 'postMessage', + 'partial' => false, + 'default' => astra_get_option( 'cloned-component-track' ), + ), + + /** + * Option: Header Builder + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[builder-header]', + 'section' => 'section-header-builder', + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 40, + 'description' => '', + ), + + /** + * Option: Header Desktop Items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-desktop-items]', + 'section' => 'section-header-builder', + 'type' => 'control', + 'control' => 'ast-builder', + 'title' => __( 'Header Builder', 'astra' ), + 'priority' => 25, + 'default' => astra_get_option( 'header-desktop-items' ), + 'choices' => Astra_Builder_Helper::$header_desktop_items, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '#masthead', + 'container_inclusive' => true, + 'render_callback' => array( Astra_Builder_Header::get_instance(), 'header_builder_markup' ), + ), + 'input_attrs' => array( + 'group' => ASTRA_THEME_SETTINGS . '[header-desktop-items]', + 'rows' => array( 'popup', 'above', 'primary', 'below' ), + 'zones' => array( + 'popup' => array( + 'popup_content' => 'Popup Content', + ), + 'above' => array( + 'above_left' => 'Top - Left', + 'above_left_center' => 'Top - Left Center', + 'above_center' => 'Top - Center', + 'above_right_center' => 'Top - Right Center', + 'above_right' => 'Top - Right', + ), + 'primary' => array( + 'primary_left' => 'Main - Left', + 'primary_left_center' => 'Main - Left Center', + 'primary_center' => 'Main - Center', + 'primary_right_center' => 'Main - Right Center', + 'primary_right' => 'Main - Right', + ), + 'below' => array( + 'below_left' => 'Bottom - Left', + 'below_left_center' => 'Bottom - Left Center', + 'below_center' => 'Bottom - Center', + 'below_right_center' => 'Bottom - Right Center', + 'below_right' => 'Bottom - Right', + ), + ), + 'status' => array( + 'above' => true, + 'primary' => true, + 'below' => true, + ), + ), + 'context' => array( + array( + 'setting' => 'ast_selected_device', + 'value' => 'desktop', + ), + ), + ), + + /** + * Header Desktop Available draggable items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-desktop-draggable-items]', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-draggable-items', + 'priority' => 30, + 'input_attrs' => array( + 'group' => ASTRA_THEME_SETTINGS . '[header-desktop-items]', + 'zones' => array( 'popup', 'above', 'primary', 'below' ), + ), + 'context' => array( + array( + 'setting' => 'ast_selected_device', + 'value' => 'desktop', + ), + array( + 'setting' => 'ast_selected_tab', + 'value' => 'general', + ), + ), + ), + + /** + * Option: Header Mobile Items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-items]', + 'section' => 'section-header-builder', + 'type' => 'control', + 'control' => 'ast-builder', + 'title' => __( 'Header Builder', 'astra' ), + 'priority' => 35, + 'default' => astra_get_option( 'header-mobile-items' ), + 'choices' => Astra_Builder_Helper::$header_mobile_items, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '#masthead', + 'container_inclusive' => true, + 'render_callback' => array( Astra_Builder_Header::get_instance(), 'header_builder_markup' ), + ), + 'input_attrs' => array( + 'group' => ASTRA_THEME_SETTINGS . '[header-mobile-items]', + 'rows' => + array( 'popup', 'above', 'primary', 'below' ), + 'zones' => + array( + 'popup' => + array( + 'popup_content' => 'Popup Content', + ), + 'above' => + array( + 'above_left' => 'Top - Left', + 'above_center' => 'Top - Center', + 'above_right' => 'Top - Right', + ), + 'primary' => + array( + 'primary_left' => 'Main - Left', + 'primary_center' => 'Main - Center', + 'primary_right' => 'Main - Right', + ), + 'below' => + array( + 'below_left' => 'Bottom - Left', + 'below_center' => 'Bottom - Center', + 'below_right' => 'Bottom - Right', + ), + ), + 'status' => array( + 'above' => true, + 'primary' => true, + 'below' => true, + ), + ), + 'context' => Astra_Builder_Helper::$responsive_devices, + ), + + /** + * Header Mobile Available draggable items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-draggable-items]', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-draggable-items', + 'input_attrs' => array( + 'group' => ASTRA_THEME_SETTINGS . '[header-mobile-items]', + 'zones' => array( 'popup', 'above', 'primary', 'below' ), + ), + 'priority' => 43, + 'context' => array( + array( + 'setting' => 'ast_selected_device', + 'operator' => 'in', + 'value' => array( 'tablet', 'mobile' ), + ), + array( + 'setting' => 'ast_selected_tab', + 'value' => 'general', + ), + ), + ), + + /** + * Header Mobile popup items. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-popup-items]', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-hidden', + 'priority' => 43, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '#ast-mobile-popup-wrapper', + 'container_inclusive' => true, + 'render_callback' => array( Astra_Builder_Header::get_instance(), 'mobile_popup' ), + ), + 'default' => false, + ), + + /** + * Option: Blog Color Section heading + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-transparent-link-heading]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-header-builder-layout', + 'title' => __( 'Header Types', 'astra' ), + 'priority' => 44, + 'settings' => array(), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Header Transparant + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-transparant-link]', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-header-type-button', + 'input_attrs' => array( + 'section' => 'section-transparent-header', + 'label' => esc_html__( 'Transparent Header', 'astra' ), + ), + 'priority' => 45, + 'context' => Astra_Builder_Helper::$general_tab, + 'settings' => false, + ), + + // Option: Header Width. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-header-main-layout-width]', + 'default' => astra_get_option( 'hb-header-main-layout-width' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => 'section-header-builder-layout', + 'priority' => 4, + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'full' => __( 'Full Width', 'astra' ), + 'content' => __( 'Content Width', 'astra' ), + ), + 'context' => array( + array( + 'setting' => 'ast_selected_tab', + 'value' => 'design', + ), + array( + 'setting' => 'ast_selected_device', + 'value' => 'desktop', + ), + ), + 'transport' => 'postMessage', + 'renderAs' => 'text', + 'responsive' => false, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[section-header-builder-layout-margin]', + 'default' => astra_get_option( 'section-header-builder-layout-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => 'section-header-builder-layout', + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'sticky-header' ) ) { + /** + * Option: Header Transparant + */ + $_configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[header-sticky-link]', + 'section' => 'section-header-builder-layout', + 'type' => 'control', + 'control' => 'ast-header-type-button', + 'input_attrs' => array( + 'section' => 'section-sticky-header', + 'label' => esc_html__( 'Sticky Header', 'astra' ), + ), + 'priority' => 45, + 'context' => Astra_Builder_Helper::$general_tab, + 'settings' => false, + ); + } + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ +if ( class_exists( 'Astra_Customizer_Config_Base' ) ) { + new Astra_Customizer_Header_Builder_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-header-widget-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-header-widget-configs.php new file mode 100644 index 0000000..8e97945 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-header-widget-configs.php @@ -0,0 +1,49 @@ + 'section-header-mobile-trigger', + 'type' => 'section', + 'priority' => 70, + 'title' => __( 'Toggle Button', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + + ), + + /** + * Option: Header Html Editor. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-trigger-icon]', + 'type' => 'control', + 'control' => 'ast-radio-image', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ), + 'default' => astra_get_option( 'header-trigger-icon' ), + 'title' => __( 'Icons', 'astra' ), + 'section' => $_section, + 'choices' => array( + 'menu' => array( + 'label' => __( 'menu', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'mobile_menu' ), + ), + 'menu2' => array( + 'label' => __( 'menu2', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'mobile_menu2' ), + ), + 'menu3' => array( + 'label' => __( 'menu3', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'mobile_menu3' ), + ), + ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-button-wrap', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_mobile_trigger' ), + ), + 'priority' => 10, + 'context' => Astra_Builder_Helper::$general_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Toggle Button Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-style' ), + 'section' => $_section, + 'title' => __( 'Toggle Button Style', 'astra' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'priority' => 11, + 'choices' => array( + 'fill' => __( 'Fill', 'astra' ), + 'outline' => __( 'Outline', 'astra' ), + 'minimal' => __( 'Minimal', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-button-wrap', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_mobile_trigger' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Mobile Menu Label + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-menu-label]', + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-button-wrap', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_mobile_trigger' ), + ), + 'default' => astra_get_option( 'mobile-header-menu-label' ), + 'section' => $_section, + 'priority' => 20, + 'title' => __( 'Menu Label', 'astra' ), + 'type' => 'control', + 'control' => 'text', + 'context' => Astra_Builder_Helper::$general_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Icon Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-icon-size]', + 'default' => astra_get_option( 'mobile-header-toggle-icon-size' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => $_section, + 'title' => __( 'Icon Size', 'astra' ), + 'priority' => 40, + 'suffix' => 'px', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Toggle Button Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-color]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Icon Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 50, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Toggle Button Bg Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-bg-color]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-bg-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Background Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 50, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'operator' => '==', + 'value' => 'fill', + ), + ), + ), + + /** + * Option: Toggle Button Border Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-border-size]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-border-size' ), + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-border', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 60, + 'title' => __( 'Border Width', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'operator' => '==', + 'value' => 'outline', + ), + ), + ), + + /** + * Option: Toggle Button Border Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-border-color]', + 'default' => astra_get_option( 'mobile-header-toggle-border-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Border Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 65, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'operator' => '==', + 'value' => 'outline', + ), + ), + ), + + /** + * Option: Border Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-border-radius]', + 'default' => astra_get_option( 'mobile-header-toggle-border-radius' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => $_section, + 'title' => __( 'Border Radius', 'astra' ), + 'priority' => 70, + 'suffix' => 'px', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'operator' => '!=', + 'value' => 'minimal', + ), + ), + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + + $typo_configs = array( + + // Option Group: Trigger Typography. + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-label-typography]', + 'default' => astra_get_option( 'mobile-header-label-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Typography', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 70, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-menu-label]', + 'operator' => '!=', + 'value' => '', + ), + ), + ), + + // Option: Trigger Font Size. + array( + 'name' => 'mobile-header-label-font-size', + 'default' => astra_get_option( 'mobile-header-label-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[mobile-header-label-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'priority' => 23, + 'suffix' => 'px', + 'title' => __( 'Size', 'astra' ), + 'control' => 'ast-slider', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + } else { + + $typo_configs = array( + + // Option: Trigger Font Size. + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-label-font-size]', + 'default' => astra_get_option( 'mobile-header-label-font-size' ), + 'section' => $_section, + 'type' => 'control', + 'priority' => 70, + 'suffix' => 'px', + 'title' => __( 'Font Size', 'astra' ), + 'control' => 'ast-slider', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + } + + $_configs = array_merge( $_configs, $typo_configs ); + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Customizer_Mobile_Trigger_Configs(); diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-off-canvas-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-off-canvas-configs.php new file mode 100644 index 0000000..0f46992 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-off-canvas-configs.php @@ -0,0 +1,280 @@ + $_section, + 'type' => 'section', + 'title' => __( 'Off-Canvas', 'astra' ), + 'panel' => 'panel-header-builder-group', + 'priority' => 30, + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Mobile Header Type. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-type]', + 'default' => astra_get_option( 'mobile-header-type' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 25, + 'title' => __( 'Header Type', 'astra' ), + 'choices' => array( + 'off-canvas' => __( 'Flyout', 'astra' ), + 'full-width' => __( 'Full-Screen', 'astra' ), + 'dropdown' => __( 'Dropdown', 'astra' ), + ), + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$general_tab, + 'renderAs' => 'text', + 'responsive' => false, + ), + + /** + * Option: Off-Canvas Slide-Out. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[off-canvas-slide]', + 'default' => astra_get_option( 'off-canvas-slide' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 30, + 'title' => __( 'Position', 'astra' ), + 'choices' => array( + 'left' => __( 'Left', 'astra' ), + 'right' => __( 'Right', 'astra' ), + ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-type]', + 'operator' => '==', + 'value' => 'off-canvas', + ), + ), + 'renderAs' => 'text', + 'responsive' => false, + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Toggle on click of button or link. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-builder-menu-toggle-target]', + 'default' => astra_get_option( 'header-builder-menu-toggle-target' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'context' => Astra_Builder_Helper::$general_tab, + 'priority' => 40, + 'title' => __( 'Dropdown Target', 'astra' ), + 'suffix' => '', + 'choices' => array( + 'icon' => __( 'Icon', 'astra' ), + 'link' => __( 'Link', 'astra' ), + ), + 'renderAs' => 'text', + 'responsive' => false, + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Content alignment option for offcanvas + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-offcanvas-content-alignment]', + 'default' => astra_get_option( 'header-offcanvas-content-alignment' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'context' => Astra_Builder_Helper::$general_tab, + 'priority' => 40, + 'title' => __( 'Content Alignment', 'astra' ), + 'suffix' => '', + 'choices' => array( + 'flex-start' => __( 'Left', 'astra' ), + 'center' => __( 'Center', 'astra' ), + 'flex-end' => __( 'Right', 'astra' ), + ), + 'renderAs' => 'text', + 'responsive' => false, + 'transport' => 'postMessage', + ), + + // Option Group: Off-Canvas Colors Group. + array( + 'name' => ASTRA_THEME_SETTINGS . '[off-canvas-background]', + 'type' => 'control', + 'control' => 'ast-background', + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 26, + 'context' => Astra_Builder_Helper::$design_tab, + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_background_obj' ), + 'default' => astra_get_option( 'off-canvas-background' ), + ), + + // Option: Off-Canvas Close Icon Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[off-canvas-close-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'off-canvas-close-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 27, + 'title' => __( 'Close Icon Color', 'astra' ), + 'context' => array( + 'relation' => 'AND', + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-type]', + 'operator' => '==', + 'value' => 'off-canvas', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-type]', + 'operator' => '==', + 'value' => 'full-width', + ), + ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + // Spacing Between every element in the flyout. + array( + 'name' => ASTRA_THEME_SETTINGS . '[off-canvas-inner-spacing]', + 'default' => astra_get_option( 'off-canvas-inner-spacing' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'title' => __( 'Inner Element Spacing', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 28, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option Group: Off-Canvas Colors Group. + array( + 'name' => ASTRA_THEME_SETTINGS . '[off-canvas-background]', + 'type' => 'control', + 'control' => 'ast-background', + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 30, + 'context' => Astra_Builder_Helper::$design_tab, + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_background_obj' ), + 'default' => astra_get_option( 'off-canvas-background' ), + ), + + /** + * Option: Popup Padding. + */ + + array( + 'name' => ASTRA_THEME_SETTINGS . '[off-canvas-padding]', + 'default' => astra_get_option( 'off-canvas-padding' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'section' => $_section, + 'priority' => 210, + 'title' => __( 'Popup Padding', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => array( + 'relation' => 'AND', + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-type]', + 'operator' => '==', + 'value' => 'off-canvas', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-type]', + 'operator' => '==', + 'value' => 'full-width', + ), + ), + ), + ), + + ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Off_Canvas_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-primary-header-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-primary-header-configs.php new file mode 100644 index 0000000..e693392 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-primary-header-configs.php @@ -0,0 +1,163 @@ + 'panel-header-builder-group', + 'type' => 'panel', + 'priority' => 20, + 'title' => __( 'Header Builder', 'astra' ), + ), + + // Section: Primary Header. + array( + 'name' => $_section, + 'type' => 'section', + 'title' => __( 'Primary Header', 'astra' ), + 'panel' => 'panel-header-builder-group', + 'priority' => 20, + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + // Section: Primary Header Height. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-header-height]', + 'section' => $_section, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hb-header-height' ), + 'priority' => 3, + 'title' => __( 'Height', 'astra' ), + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 30, + 'step' => 1, + 'max' => 600, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Header Separator. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-header-main-sep]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hb-header-main-sep' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => $_section, + 'priority' => 4, + 'title' => __( 'Bottom Border Size', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 10, + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Header Bottom Boder Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-header-main-sep-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'hb-header-main-sep-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Bottom Border Color', 'astra' ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[hb-header-main-sep]', + 'operator' => '>=', + 'value' => 1, + ), + ), + ), + + // Sub Option: Header Background. + array( + 'name' => ASTRA_THEME_SETTINGS . '[hb-header-bg-obj-responsive]', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-responsive-background', + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$design_tab, + 'priority' => 7, + 'data_attrs' => array( + 'name' => 'hb-header-bg-obj-responsive', + ), + 'default' => astra_get_option( 'hb-header-bg-obj-responsive' ), + 'title' => __( 'Background', 'astra' ), + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_advanced_tab( $_section ) ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Primary_Header_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-site-identity-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-site-identity-configs.php new file mode 100644 index 0000000..febcb12 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-site-identity-configs.php @@ -0,0 +1,151 @@ + Header + * + * @since 3.0.0 + */ + array( + 'name' => 'title_tagline', + 'type' => 'section', + 'priority' => 100, + 'title' => __( 'Logo', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Display Title + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'type' => 'control', + 'control' => 'ast-responsive-toggle-control', + 'default' => astra_get_option( 'display-site-title-responsive' ), + 'section' => 'title_tagline', + 'title' => __( 'Display Site Title', 'astra' ), + 'priority' => 7, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-branding', + 'container_inclusive' => true, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Site Title Color. + array( + 'name' => 'header-color-site-title', + 'parent' => ASTRA_THEME_SETTINGS . '[site-identity-title-color-group]', + 'section' => 'title_tagline', + 'type' => 'sub-control', + 'control' => 'ast-color', + 'priority' => 5, + 'default' => astra_get_option( 'header-color-site-title' ), + 'transport' => 'postMessage', + 'title' => __( 'Normal', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Site Title Hover Color. + array( + 'name' => 'header-color-h-site-title', + 'parent' => ASTRA_THEME_SETTINGS . '[site-identity-title-color-group]', + 'section' => 'title_tagline', + 'type' => 'sub-control', + 'control' => 'ast-color', + 'priority' => 10, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-color-h-site-title' ), + 'title' => __( 'Hover', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + $wp_customize->remove_control( 'astra-settings[divider-section-site-identity-logo]' ); + + return array_merge( $configurations, $_configs ); + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Customizer_Site_Identity_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-customizer-woo-cart-configs.php b/inc/customizer/configurations/builder/header/class-astra-customizer-woo-cart-configs.php new file mode 100644 index 0000000..06fe574 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-customizer-woo-cart-configs.php @@ -0,0 +1,530 @@ + ASTRA_THEME_SETTINGS . '[woo-header-cart-total-display]', + 'default' => astra_get_option( 'woo-header-cart-total-display' ), + 'type' => 'control', + 'section' => $_section, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-woo-cart', + 'container_inclusive' => false, + 'render_callback' => array( 'Astra_Builder_Header', 'header_woo_cart' ), + ), + 'title' => __( 'Display Cart Total', 'astra' ), + 'priority' => 50, + 'control' => 'ast-toggle-control', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Cart Title + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[woo-header-cart-title-display]', + 'default' => astra_get_option( 'woo-header-cart-title-display' ), + 'type' => 'control', + 'section' => $_section, + 'title' => __( 'Display Cart Title', 'astra' ), + 'priority' => 55, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-woo-cart', + 'container_inclusive' => false, + 'render_callback' => array( 'Astra_Builder_Header', 'header_woo_cart' ), + ), + 'control' => 'ast-toggle-control', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Icon Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[woo-header-cart-icon-style]', + 'default' => astra_get_option( 'woo-header-cart-icon-style' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'section' => $_section, + 'title' => __( 'Style', 'astra' ), + 'control' => 'ast-selector', + 'priority' => 45, + 'choices' => array( + 'outline' => __( 'Outline', 'astra' ), + 'fill' => __( 'Fill', 'astra' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Icon color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-cart-icon-color]', + 'default' => astra_get_option( 'header-woo-cart-icon-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'title' => __( 'Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[woo-header-cart-icon-style]', + 'operator' => '!=', + 'value' => 'none', + ), + ), + 'section' => $_section, + 'priority' => 45, + ), + + /** + * Option: Border Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[woo-header-cart-icon-radius]', + 'default' => astra_get_option( 'woo-header-cart-icon-radius' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'section' => $_section, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[woo-header-cart-icon-style]', + 'operator' => '!=', + 'value' => 'none', + ), + ), + 'title' => __( 'Border Radius', 'astra' ), + 'control' => 'ast-slider', + 'suffix' => 'px', + 'priority' => 47, + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + ), + + /** + * Option: Icon color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[transparent-header-woo-cart-icon-color]', + 'default' => astra_get_option( 'transparent-header-woo-cart-icon-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'title' => __( 'Woo Cart Icon Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[woo-header-cart-icon-style]', + 'operator' => '!=', + 'value' => 'none', + ), + ), + 'section' => 'section-transparent-header', + 'priority' => 85, + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + $_configs = array( + /** + * Option: Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-cart-icon-divider]', + 'section' => $_section, + 'title' => __( 'Header Cart Icon', 'astra' ), + 'type' => 'control', + 'control' => 'ast-heading', + 'priority' => 30, + 'settings' => array(), + 'context' => Astra_Builder_Helper::$general_tab, + ), + ); + + if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { + $_configs = array( + /** + * Woo Cart section + */ + array( + 'name' => $_section, + 'type' => 'section', + 'priority' => 5, + 'title' => __( 'WooCommerce Cart', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Woo Cart Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Divider + * Option: WOO cart tray Section divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[section-woo-cart-tray-divider]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => $_section, + 'title' => __( 'Cart Tray', 'astra' ), + 'priority' => 60, + 'settings' => array(), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + + // Option: Cart Link / Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-text-color', + 'default' => astra_get_option( 'header-woo-cart-text-color' ), + 'title' => __( 'Text Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + // Option: Cart Background Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-colors]', + 'section' => $_section, + 'control' => 'ast-color', + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-background-color', + 'default' => astra_get_option( 'header-woo-cart-background-color' ), + 'title' => __( 'Background Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Separator Color. + array( + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-cart-separator-color]', + 'default' => astra_get_option( 'header-woo-cart-separator-color' ), + 'title' => __( 'Separator Color', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-cart-link-colors]', + 'default' => astra_get_option( 'header-woo-cart-link-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Link Color', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + + // Option: Cart Link / Text Color. + array( + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-link-colors]', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-link-color', + 'default' => astra_get_option( 'header-woo-cart-link-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Link Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-link-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-link-hover-color', + 'default' => astra_get_option( 'header-woo-cart-link-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 65, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-cart-button-text-colors]', + 'default' => astra_get_option( 'header-woo-cart-button-text-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Text', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( + 'ast_class' => 'ast-top-divider', + 'ast_title' => __( 'Cart Button', 'astra' ), + ), + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-cart-button-background-colors]', + 'default' => astra_get_option( 'header-woo-cart-button-background-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + + // Option: Cart Button Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-button-text-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-btn-text-color', + 'default' => astra_get_option( 'header-woo-cart-btn-text-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Button Background Color. + array( + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-button-background-colors]', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-btn-background-color', + 'default' => astra_get_option( 'header-woo-cart-btn-background-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Button Hover Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-button-text-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-woo-cart-btn-text-hover-color', + 'default' => astra_get_option( 'header-woo-cart-btn-text-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Cart Button Hover Background Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-cart-button-background-colors]', + 'section' => $_section, + 'name' => 'header-woo-cart-btn-bg-hover-color', + 'default' => astra_get_option( 'header-woo-cart-btn-bg-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 70, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-checkout-button-text-colors]', + 'default' => astra_get_option( 'header-woo-checkout-button-text-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Text', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( + 'ast_class' => 'ast-top-divider', + 'ast_title' => __( 'Checkout Button', 'astra' ), + ), + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-woo-checkout-button-background-colors]', + 'default' => astra_get_option( 'header-woo-checkout-button-background-colors' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + + // Option: Checkout Button Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-checkout-button-text-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-woo-checkout-btn-text-color', + 'default' => astra_get_option( 'header-woo-checkout-btn-text-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Checkout Button Background Color. + array( + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-checkout-button-background-colors]', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'name' => 'header-woo-checkout-btn-background-color', + 'default' => astra_get_option( 'header-woo-checkout-btn-background-color' ), + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Checkout Button Hover Text Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-checkout-button-text-colors]', + 'section' => $_section, + 'transport' => 'postMessage', + 'name' => 'header-woo-checkout-btn-text-hover-color', + 'default' => astra_get_option( 'header-woo-checkout-btn-text-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Checkout Button Hover Background Color. + array( + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'parent' => ASTRA_THEME_SETTINGS . '[header-woo-checkout-button-background-colors]', + 'section' => $_section, + 'name' => 'header-woo-checkout-btn-bg-hover-color', + 'default' => astra_get_option( 'header-woo-checkout-btn-bg-hover-color' ), + 'title' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 75, + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + } + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Customizer_Woo_Cart_Configs(); diff --git a/inc/customizer/configurations/builder/header/class-astra-header-account-component-configs.php b/inc/customizer/configurations/builder/header/class-astra-header-account-component-configs.php new file mode 100644 index 0000000..982ec6c --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-header-account-component-configs.php @@ -0,0 +1,522 @@ + __( 'Default', 'astra' ), + ); + + $login_link_context = Astra_Builder_Helper::$general_tab; + + $logout_link_context = array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '!=', + 'value' => 'none', + ); + + if ( defined( 'ASTRA_EXT_VER' ) ) { + + $account_type_condition = array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-action-type]', + 'operator' => '==', + 'value' => 'link', + ); + + if ( class_exists( 'LifterLMS' ) ) { + $account_choices['lifterlms'] = __( 'LifterLMS', 'astra' ); + } + + if ( class_exists( 'WooCommerce' ) ) { + $account_choices['woocommerce'] = __( 'WooCommerce', 'astra' ); + } + + if ( count( $account_choices ) > 1 ) { + $account_type_condition = array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-type]', + 'operator' => '==', + 'value' => 'default', + ); + } + + $login_link_context = array( + 'relation' => 'AND', + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-action-type]', + 'operator' => '==', + 'value' => 'link', + ), + array( + 'relation' => 'OR', + $account_type_condition, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-link-type]', + 'operator' => '==', + 'value' => 'custom', + ), + ), + ); + + $logout_link_context = array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-action]', + 'operator' => '==', + 'value' => 'link', + ); + + } + + $_configs = array( + + /* + * Header Builder section + */ + array( + 'name' => $_section, + 'type' => 'section', + 'priority' => 80, + 'title' => __( 'Account', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-tabs]', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Log In view + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-login-heading]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => $_section, + 'priority' => 1, + 'title' => __( 'Logged In View', 'astra' ), + 'settings' => array(), + 'input_attrs' => array( + 'class' => 'ast-control-reduce-top-space', + ), + ), + + /** + * Option: Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'default' => astra_get_option( 'header-account-login-style' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'priority' => 3, + 'title' => __( 'Profile Type', 'astra' ), + 'choices' => array( + 'icon' => __( 'Icon', 'astra' ), + 'avatar' => __( 'Avatar', 'astra' ), + 'text' => __( 'Text', 'astra' ), + ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-account', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_account' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Logged Out Text + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-logged-in-text]', + 'default' => astra_get_option( 'header-account-logged-in-text' ), + 'type' => 'control', + 'control' => 'text', + 'section' => $_section, + 'title' => __( 'Text', 'astra' ), + 'priority' => 3, + 'transport' => 'postMessage', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'operator' => '==', + 'value' => 'text', + ), + Astra_Builder_Helper::$general_tab_config, + ), + 'partial' => array( + 'selector' => '.ast-header-account', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_account' ), + ), + ), + + + /** + * Option: Account Log In Link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-login-link]', + 'default' => astra_get_option( 'header-account-login-link' ), + 'type' => 'control', + 'control' => 'ast-link', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_link' ), + 'section' => $_section, + 'title' => __( 'Account URL', 'astra' ), + 'priority' => 6, + 'transport' => 'postMessage', + 'context' => $login_link_context, + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'partial' => array( + 'selector' => '.ast-header-account', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_account' ), + ), + ), + + /** + * Option: Log Out view + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-logout-heading]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => $_section, + 'title' => __( 'Logged Out View', 'astra' ), + 'priority' => 200, + 'settings' => array(), + ), + + /** + * Option: Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'default' => astra_get_option( 'header-account-logout-style' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => $_section, + 'title' => __( 'Profile Type', 'astra' ), + 'priority' => 201, + 'choices' => array( + 'none' => __( 'None', 'astra' ), + 'icon' => __( 'Icon', 'astra' ), + 'text' => __( 'Text', 'astra' ), + ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-account', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_account' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + + // Option: Logged out options preview. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-logout-preview]', + 'default' => astra_get_option( 'header-account-logout-preview' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => $_section, + 'title' => __( 'Preview', 'astra' ), + 'priority' => 206, + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '!=', + 'value' => 'none', + ), + Astra_Builder_Helper::$general_tab_config, + ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.ast-header-account', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_account' ), + ), + ), + + /** + * Option: Logged Out Text + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-logged-out-text]', + 'default' => astra_get_option( 'header-account-logged-out-text' ), + 'type' => 'control', + 'control' => 'text', + 'section' => $_section, + 'title' => __( 'Text', 'astra' ), + 'priority' => 203, + 'transport' => 'postMessage', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '==', + 'value' => 'text', + ), + Astra_Builder_Helper::$general_tab_config, + ), + 'partial' => array( + 'selector' => '.ast-header-account', + 'render_callback' => array( 'Astra_Builder_UI_Controller', 'render_account' ), + ), + ), + + /** + * Option: Account Log Out Link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-logout-link]', + 'default' => astra_get_option( 'header-account-logout-link' ), + 'type' => 'control', + 'control' => 'ast-link', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_link' ), + 'section' => $_section, + 'title' => __( 'Login URL', 'astra' ), + 'priority' => 205, + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '!=', + 'value' => 'none', + ), + $logout_link_context, + Astra_Builder_Helper::$general_tab_config, + ), + ), + + /** + * Option: Image Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-image-width]', + 'section' => $_section, + 'priority' => 2, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-account-image-width' ), + 'title' => __( 'Image Width', 'astra' ), + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + 'suffix' => 'px', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'operator' => '==', + 'value' => 'avatar', + ), + Astra_Builder_Helper::$design_tab_config, + ), + ), + + /** + * Option: account Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-icon-size]', + 'section' => $_section, + 'priority' => 4, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-account-icon-size' ), + 'title' => __( 'Icon Size', 'astra' ), + 'type' => 'control', + 'suffix' => 'px', + 'control' => 'ast-responsive-slider', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 50, + ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'operator' => '==', + 'value' => 'icon', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '==', + 'value' => 'icon', + ), + ), + ), + ), + + /** + * Option: account Color. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-icon-color]', + 'default' => astra_get_option( 'header-account-icon-color' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 5, + 'transport' => 'postMessage', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Icon Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'operator' => '==', + 'value' => 'icon', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '==', + 'value' => 'icon', + ), + ), + ), + ), + + + /** + * Option: account Color. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-type-text-color]', + 'default' => astra_get_option( 'header-account-type-text-color' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 16, + 'transport' => 'postMessage', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Profile Text Color', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'operator' => '==', + 'value' => 'text', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '==', + 'value' => 'text', + ), + ), + ), + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-account-margin]', + 'default' => astra_get_option( 'header-account-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 520, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( + $_configs, + Astra_Builder_Base_Configuration::prepare_typography_options( + $_section, + array( + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-login-style]', + 'operator' => '==', + 'value' => 'text', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-account-logout-style]', + 'operator' => '==', + 'value' => 'text', + ), + ), + ) + ) + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Header_Account_Component_Configs(); + + diff --git a/inc/customizer/configurations/builder/header/class-astra-header-button-component-configs.php b/inc/customizer/configurations/builder/header/class-astra-header-button-component-configs.php new file mode 100644 index 0000000..b01c6c6 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-header-button-component-configs.php @@ -0,0 +1,41 @@ + $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + // Section: Primary Header. + array( + 'name' => $_section, + 'type' => 'section', + 'title' => $edit_menu_title, + 'panel' => 'panel-header-builder-group', + 'priority' => 40, + 'clone_index' => $index, + 'clone_type' => 'header-menu', + ), + + /** + * Option: Theme Menu create link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-create-menu-link]', + 'default' => astra_get_option( 'header-' . $_prefix . '-create-menu-link' ), + 'type' => 'control', + 'control' => 'ast-customizer-link', + 'section' => $_section, + 'priority' => 30, + 'link_type' => 'section', + 'linked' => 'menu_locations', + 'link_text' => __( 'Configure Menu from Here.', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Menu hover style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-menu-hover-animation]', + 'default' => astra_get_option( 'header-' . $_prefix . '-menu-hover-animation' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => $_section, + 'priority' => 10, + 'title' => __( 'Menu Hover Style', 'astra' ), + 'choices' => array( + '' => __( 'None', 'astra' ), + 'zoom' => __( 'Zoom In', 'astra' ), + 'underline' => __( 'Underline', 'astra' ), + 'overline' => __( 'Overline', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'transport' => 'postMessage', + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Submenu heading. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-heading]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => $_section, + 'title' => __( 'Submenu', 'astra' ), + 'settings' => array(), + 'priority' => 30, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Submenu width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-width]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-width' ), + 'type' => 'control', + 'context' => Astra_Builder_Helper::$general_tab, + 'section' => $_section, + 'control' => 'ast-slider', + 'priority' => 30.5, + 'title' => __( 'Width', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 1920, + ), + 'transport' => 'postMessage', + ), + + /** + * Option: Submenu Animation + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-container-animation]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-container-animation' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => $_section, + 'priority' => 23, + 'title' => __( 'Submenu Animation', 'astra' ), + 'choices' => array( + '' => __( 'None', 'astra' ), + 'slide-down' => __( 'Slide Down', 'astra' ), + 'slide-up' => __( 'Slide Up', 'astra' ), + 'fade' => __( 'Fade', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'transport' => 'postMessage', + 'responsive' => false, + 'renderAs' => 'text', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Option: Submenu Container Divider. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-container-divider]', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-heading', + 'title' => __( 'Submenu Container', 'astra' ), + 'priority' => 20, + 'settings' => array(), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Submenu Divider Size. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-item-b-size]', + 'type' => 'control', + 'control' => 'ast-slider', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-item-b-size' ), + 'section' => $_section, + 'priority' => 20.5, + 'transport' => 'postMessage', + 'title' => __( 'Divider Size', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-item-border]', + 'operator' => '==', + 'value' => true, + ), + ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 1, + 'step' => 1, + 'max' => 10, + ), + ), + + // Option: Submenu item Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-item-b-color]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-item-b-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'title' => __( 'Divider Color', 'astra' ), + 'section' => $_section, + 'priority' => 21, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-item-border]', + 'operator' => '==', + 'value' => true, + ), + ), + ), + + /** + * Option: Submenu Top Offset + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-top-offset]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-top-offset' ), + 'type' => 'control', + 'context' => Astra_Builder_Helper::$design_tab, + 'section' => $_section, + 'control' => 'ast-slider', + 'priority' => 22, + 'title' => __( 'Top Offset', 'astra' ), + 'suffix' => 'px', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + ), + + // Option: Sub-Menu Border. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-border]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-border' ), + 'type' => 'control', + 'control' => 'ast-border', + 'transport' => 'postMessage', + 'section' => $_section, + 'linked_choices' => true, + 'context' => Astra_Builder_Helper::$design_tab, + 'priority' => 23, + 'title' => __( 'Border Width', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + // Option: Submenu Container Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-b-color]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-b-color' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-border-group]', + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'title' => __( 'Border Color', 'astra' ), + 'section' => $_section, + 'priority' => 23, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Submenu Button Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-border-radius]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-border-radius' ), + 'type' => 'control', + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-border-group]', + 'section' => $_section, + 'control' => 'ast-slider', + 'priority' => 23, + 'title' => __( 'Border Radius', 'astra' ), + 'suffix' => 'px', + 'context' => Astra_Builder_Helper::$design_tab, + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + ), + + // Option: Submenu Divider Checkbox. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-submenu-item-border]', + 'default' => astra_get_option( 'header-' . $_prefix . '-submenu-item-border' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => $_section, + 'priority' => 35, + 'title' => __( 'Item Divider', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + // Option: Menu Stack on Mobile Checkbox. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-menu-stack-on-mobile]', + 'default' => astra_get_option( 'header-' . $_prefix . '-menu-stack-on-mobile' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => $_section, + 'priority' => 41, + 'title' => __( 'Stack on Mobile', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option Group: Menu Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-text-colors]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Text / Link', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( + 'ast_class' => 'ast-top-divider', + 'ast_title' => __( 'Menu Color', 'astra' ), + ), + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-background-colors]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + + // Option: Menu Color. + array( + 'name' => 'header-' . $_prefix . '-color-responsive', + 'default' => astra_get_option( 'header-' . $_prefix . '-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-text-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Normal', 'astra' ), + 'section' => $_section, + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 7, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Background image, color. + array( + 'name' => 'header-' . $_prefix . '-bg-obj-responsive', + 'default' => astra_get_option( 'header-' . $_prefix . '-bg-obj-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-background-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-background', + 'section' => $_section, + 'transport' => 'postMessage', + 'tab' => __( 'Normal', 'astra' ), + 'data_attrs' => array( 'name' => 'header-' . $_prefix . '-bg-obj-responsive' ), + 'title' => __( 'Normal', 'astra' ), + 'priority' => 9, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Hover Color. + array( + 'name' => 'header-' . $_prefix . '-h-color-responsive', + 'default' => astra_get_option( 'header-' . $_prefix . '-h-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-text-colors]', + 'tab' => __( 'Hover', 'astra' ), + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'title' => __( 'Hover', 'astra' ), + 'section' => $_section, + 'responsive' => true, + 'rgba' => true, + 'priority' => 19, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Hover Background Color. + array( + 'name' => 'header-' . $_prefix . '-h-bg-color-responsive', + 'default' => astra_get_option( 'header-' . $_prefix . '-h-bg-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-background-colors]', + 'type' => 'sub-control', + 'title' => __( 'Hover', 'astra' ), + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 21, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Active Menu Color. + array( + 'name' => 'header-' . $_prefix . '-a-color-responsive', + 'default' => astra_get_option( 'header-' . $_prefix . '-a-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-text-colors]', + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Active', 'astra' ), + 'title' => __( 'Active', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 31, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Active Menu Background Color. + array( + 'name' => 'header-' . $_prefix . '-a-bg-color-responsive', + 'default' => astra_get_option( 'header-' . $_prefix . '-a-bg-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-background-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'section' => $_section, + 'title' => __( 'Active', 'astra' ), + 'tab' => __( 'Active', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 33, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option Group: Menu Typography. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-header-menu-typography]', + 'default' => astra_get_option( 'header-' . $_prefix . '-header-menu-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Menu Font', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 120, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Menu Font Family. + array( + 'name' => 'header-' . $_prefix . '-font-family', + 'default' => astra_get_option( 'header-' . $_prefix . '-font-family' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-header-menu-typography]', + 'type' => 'sub-control', + 'section' => $_section, + 'transport' => 'postMessage', + 'control' => 'ast-font', + 'font_type' => 'ast-font-family', + 'title' => __( 'Family', 'astra' ), + 'priority' => 22, + 'connect' => 'header-' . $_prefix . '-font-weight', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Font Weight. + array( + 'name' => 'header-' . $_prefix . '-font-weight', + 'default' => astra_get_option( 'header-' . $_prefix . '-font-weight' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'control' => 'ast-font', + 'transport' => 'postMessage', + 'font_type' => 'ast-font-weight', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ), + 'title' => __( 'Weight', 'astra' ), + 'priority' => 24, + 'connect' => 'header-' . $_prefix . '-font-family', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Text Transform. + array( + 'name' => 'header-' . $_prefix . '-text-transform', + 'default' => astra_get_option( 'header-' . $_prefix . '-text-transform' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'control' => 'ast-select', + 'transport' => 'postMessage', + 'title' => __( 'Text Transform', 'astra' ), + 'priority' => 25, + 'choices' => array( + '' => __( 'Inherit', 'astra' ), + 'none' => __( 'None', 'astra' ), + 'capitalize' => __( 'Capitalize', 'astra' ), + 'uppercase' => __( 'Uppercase', 'astra' ), + 'lowercase' => __( 'Lowercase', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Font Size. + array( + 'name' => 'header-' . $_prefix . '-font-size', + 'default' => astra_get_option( 'header-' . $_prefix . '-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'priority' => 23, + 'title' => __( 'Size', 'astra' ), + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Line Height. + array( + 'name' => 'header-' . $_prefix . '-line-height', + 'parent' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'priority' => 26, + 'title' => __( 'Line Height', 'astra' ), + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-' . $_prefix . '-line-height' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'control' => 'ast-slider', + 'suffix' => 'em', + 'input_attrs' => array( + 'min' => 1, + 'step' => 0.01, + 'max' => 10, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option - Menu Space. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-' . $_prefix . '-menu-spacing]', + 'default' => astra_get_option( 'header-' . $_prefix . '-menu-spacing' ), + 'type' => 'control', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'transport' => 'postMessage', + 'section' => $_section, + 'priority' => 150, + 'title' => __( 'Menu Spacing', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + ); + + $html_config[] = Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ); + $html_config[] = $_configs; + } + + $html_config = call_user_func_array( 'array_merge', $html_config + array( array() ) ); + $configurations = array_merge( $configurations, $html_config ); + + return $configurations; + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Header_Menu_Component_Configs(); +} diff --git a/inc/customizer/configurations/builder/header/class-astra-header-search-component-configs.php b/inc/customizer/configurations/builder/header/class-astra-header-search-component-configs.php new file mode 100644 index 0000000..f18797a --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-header-search-component-configs.php @@ -0,0 +1,143 @@ + $_section, + 'type' => 'section', + 'priority' => 80, + 'title' => __( 'Search', 'astra' ), + 'panel' => 'panel-header-builder-group', + ), + + /** + * Option: Header Builder Tabs + */ + array( + 'name' => $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + /** + * Option: Search Color. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-search-icon-color]', + 'default' => astra_get_option( 'header-search-icon-color' ), + 'type' => 'control', + 'section' => $_section, + 'priority' => 8, + 'transport' => 'postMessage', + 'control' => 'ast-responsive-color', + 'responsive' => true, + 'rgba' => true, + 'title' => __( 'Icon Color', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + /** + * Option: Search Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-search-icon-space]', + 'section' => $_section, + 'priority' => 4, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-search-icon-space' ), + 'title' => __( 'Icon Size', 'astra' ), + 'suffix' => 'px', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 50, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + return array_merge( $configurations, $_configs ); + } +} + +/** + * Kicking this off by creating object of this class. + */ + +new Astra_Header_Search_Component_Configs(); + diff --git a/inc/customizer/configurations/builder/header/class-astra-header-social-icon-component-configs.php b/inc/customizer/configurations/builder/header/class-astra-header-social-icon-component-configs.php new file mode 100644 index 0000000..3cbe1d2 --- /dev/null +++ b/inc/customizer/configurations/builder/header/class-astra-header-social-icon-component-configs.php @@ -0,0 +1,50 @@ + $_section . '-ast-context-tabs', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ), + + // Section: Primary Header. + array( + 'name' => $_section, + 'type' => 'section', + 'title' => __( 'Off-Canvas Menu', 'astra' ), + 'panel' => 'panel-header-builder-group', + 'priority' => 40, + ), + + /** + * Option: Theme Menu create link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-create-menu-link]', + 'default' => astra_get_option( 'header-mobile-menu-create-menu-link' ), + 'type' => 'control', + 'control' => 'ast-customizer-link', + 'section' => $_section, + 'priority' => 30, + 'link_type' => 'section', + 'linked' => 'menu_locations', + 'link_text' => __( 'Configure Menu from Here.', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + + // Option: Submenu Divider Checkbox. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-submenu-item-border]', + 'default' => astra_get_option( 'header-mobile-menu-submenu-item-border' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => $_section, + 'priority' => 35, + 'title' => __( 'Item Divider', 'astra' ), + 'context' => Astra_Builder_Helper::$general_tab, + 'transport' => 'postMessage', + ), + + // Option: Menu Color Divider. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-divider-colors-divider]', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-heading', + 'title' => __( 'Item Divider', 'astra' ), + 'priority' => 70, + 'settings' => array(), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-submenu-item-border]', + 'operator' => '==', + 'value' => true, + ), + ), + ), + + // Option: Submenu item Border Size. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-submenu-item-b-size]', + 'type' => 'control', + 'control' => 'ast-slider', + 'default' => astra_get_option( 'header-mobile-menu-submenu-item-b-size' ), + 'section' => $_section, + 'priority' => 72, + 'transport' => 'postMessage', + 'title' => __( 'Divider Size', 'astra' ), + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-submenu-item-border]', + 'operator' => '==', + 'value' => true, + ), + ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 1, + 'step' => 1, + 'max' => 10, + ), + ), + + // Option: Submenu item Border Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-submenu-item-b-color]', + 'default' => astra_get_option( 'header-mobile-menu-submenu-item-b-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'transport' => 'postMessage', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'title' => __( 'Divider Color', 'astra' ), + 'section' => $_section, + 'priority' => 75, + 'context' => array( + Astra_Builder_Helper::$design_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-submenu-item-border]', + 'operator' => '==', + 'value' => true, + ), + ), + 'divider' => array( + 'ast_class' => 'ast-bottom-divider', + ), + ), + + // Option Group: Menu Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-link-colors]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Link', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + 'divider' => array( + 'ast_title' => __( 'Menu Color', 'astra' ), + ), + ), + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-background-colors]', + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 90, + 'context' => Astra_Builder_Helper::$design_tab, + 'responsive' => true, + ), + // Option: Menu Color. + array( + 'name' => 'header-mobile-menu-color-responsive', + 'default' => astra_get_option( 'header-mobile-menu-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-link-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Normal', 'astra' ), + 'section' => $_section, + 'title' => __( 'Normal', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 7, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Background image, color. + array( + 'name' => 'header-mobile-menu-bg-obj-responsive', + 'default' => astra_get_option( 'header-mobile-menu-bg-obj-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-background-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-background', + 'section' => $_section, + 'transport' => 'postMessage', + 'tab' => __( 'Normal', 'astra' ), + 'data_attrs' => array( 'name' => 'header-mobile-menu-bg-obj-responsive' ), + 'title' => __( 'Normal', 'astra' ), + 'priority' => 9, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Hover Color. + array( + 'name' => 'header-mobile-menu-h-color-responsive', + 'default' => astra_get_option( 'header-mobile-menu-h-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-link-colors]', + 'tab' => __( 'Hover', 'astra' ), + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'title' => __( 'Hover', 'astra' ), + 'section' => $_section, + 'responsive' => true, + 'rgba' => true, + 'priority' => 19, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Hover Background Color. + array( + 'name' => 'header-mobile-menu-h-bg-color-responsive', + 'default' => astra_get_option( 'header-mobile-menu-h-bg-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-background-colors]', + 'type' => 'sub-control', + 'title' => __( 'Hover', 'astra' ), + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Hover', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 21, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Active Menu Color. + array( + 'name' => 'header-mobile-menu-a-color-responsive', + 'default' => astra_get_option( 'header-mobile-menu-a-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-link-colors]', + 'type' => 'sub-control', + 'section' => $_section, + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'tab' => __( 'Active', 'astra' ), + 'title' => __( 'Active', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 31, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Active Menu Background Color. + array( + 'name' => 'header-mobile-menu-a-bg-color-responsive', + 'default' => astra_get_option( 'header-mobile-menu-a-bg-color-responsive' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-background-colors]', + 'type' => 'sub-control', + 'control' => 'ast-responsive-color', + 'transport' => 'postMessage', + 'section' => $_section, + 'title' => __( 'Active', 'astra' ), + 'tab' => __( 'Active', 'astra' ), + 'responsive' => true, + 'rgba' => true, + 'priority' => 33, + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option Group: Menu Typography. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-header-menu-typography]', + 'default' => astra_get_option( 'header-mobile-menu-header-menu-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Menu Font', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => 120, + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Menu Font Family. + array( + 'name' => 'header-mobile-menu-font-family', + 'default' => astra_get_option( 'header-mobile-menu-font-family' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-header-menu-typography]', + 'type' => 'sub-control', + 'section' => $_section, + 'transport' => 'postMessage', + 'control' => 'ast-font', + 'font_type' => 'ast-font-family', + 'title' => __( 'Family', 'astra' ), + 'priority' => 22, + 'connect' => 'header-mobile-menu-font-weight', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Font Weight. + array( + 'name' => 'header-mobile-menu-font-weight', + 'default' => astra_get_option( 'header-mobile-menu-font-weight' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'control' => 'ast-font', + 'transport' => 'postMessage', + 'font_type' => 'ast-font-weight', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ), + 'title' => __( 'Weight', 'astra' ), + 'priority' => 24, + 'connect' => 'header-mobile-menu-font-family', + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Text Transform. + array( + 'name' => 'header-mobile-menu-text-transform', + 'default' => astra_get_option( 'header-mobile-menu-text-transform' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'control' => 'ast-select', + 'transport' => 'postMessage', + 'title' => __( 'Text Transform', 'astra' ), + 'priority' => 25, + 'choices' => array( + '' => __( 'Inherit', 'astra' ), + 'none' => __( 'None', 'astra' ), + 'capitalize' => __( 'Capitalize', 'astra' ), + 'uppercase' => __( 'Uppercase', 'astra' ), + 'lowercase' => __( 'Lowercase', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Font Size. + array( + 'name' => 'header-mobile-menu-font-size', + 'default' => astra_get_option( 'header-mobile-menu-font-size' ), + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'priority' => 23, + 'title' => __( 'Size', 'astra' ), + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + // Option: Menu Line Height. + array( + 'name' => 'header-mobile-menu-line-height', + 'parent' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-header-menu-typography]', + 'section' => $_section, + 'type' => 'sub-control', + 'priority' => 26, + 'title' => __( 'Line Height', 'astra' ), + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-mobile-menu-line-height' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'control' => 'ast-slider', + 'suffix' => 'em', + 'input_attrs' => array( + 'min' => 1, + 'step' => 0.01, + 'max' => 10, + ), + 'context' => Astra_Builder_Helper::$general_tab, + ), + + + // Option - Menu Space. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-mobile-menu-menu-spacing]', + 'default' => astra_get_option( 'header-mobile-menu-menu-spacing' ), + 'type' => 'control', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'transport' => 'postMessage', + 'section' => $_section, + 'priority' => 150, + 'title' => __( 'Menu Spacing', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Margin Space + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[' . $_section . '-margin]', + 'default' => astra_get_option( $_section . '-margin' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => $_section, + 'priority' => 220, + 'title' => __( 'Margin', 'astra' ), + 'linked_choices' => true, + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + ); + + $_configs = array_merge( $_configs, Astra_Builder_Base_Configuration::prepare_visibility_tab( $_section ) ); + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } + + /** + * Kicking this off by creating object of this class. + */ + new Astra_Mobile_Menu_Component_Configs(); +} diff --git a/inc/customizer/configurations/buttons/class-astra-customizer-button-configs.php b/inc/customizer/configurations/buttons/class-astra-customizer-button-configs.php new file mode 100644 index 0000000..b153ee6 --- /dev/null +++ b/inc/customizer/configurations/buttons/class-astra-customizer-button-configs.php @@ -0,0 +1,484 @@ + ASTRA_THEME_SETTINGS . '[theme-button-color-group]', + 'default' => astra_get_option( 'theme-button-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Text Color', 'astra' ), + 'section' => 'section-buttons', + 'transport' => 'postMessage', + 'priority' => 18, + ), + + /** + * Group: Theme Button background colors Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[theme-button-bg-color-group]', + 'default' => astra_get_option( 'theme-button-bg-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Background Color', 'astra' ), + 'section' => 'section-buttons', + 'transport' => 'postMessage', + 'priority' => 18.5, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Button Color + */ + array( + 'name' => 'button-color', + 'default' => astra_get_option( 'button-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[theme-button-color-group]', + 'section' => 'section-buttons', + 'control' => 'ast-color', + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Button Hover Color + */ + array( + 'name' => 'button-h-color', + 'default' => astra_get_option( 'button-h-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[theme-button-color-group]', + 'section' => 'section-buttons', + 'control' => 'ast-color', + 'title' => __( 'Hover', 'astra' ), + 'priority' => 39, + ), + + /** + * Option: Button Background Color + */ + array( + 'name' => 'button-bg-color', + 'default' => astra_get_option( 'button-bg-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[theme-button-bg-color-group]', + 'section' => 'section-buttons', + 'control' => 'ast-color', + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Button Background Hover Color + */ + array( + 'name' => 'button-bg-h-color', + 'default' => astra_get_option( 'button-bg-h-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[theme-button-bg-color-group]', + 'section' => 'section-buttons', + 'control' => 'ast-color', + 'title' => __( 'Hover', 'astra' ), + 'priority' => 40, + ), + + /** + * Option: Global Button Border Size + */ + array( + 'type' => 'control', + 'section' => 'section-buttons', + 'control' => 'ast-border', + 'name' => ASTRA_THEME_SETTINGS . '[theme-button-border-group-border-size]', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 19, + 'default' => astra_get_option( 'theme-button-border-group-border-size' ), + 'title' => __( 'Border Width', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + /** + * Group: Theme Button Border Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[theme-button-border-color-group]', + 'default' => astra_get_option( 'theme-button-border-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Border Color', 'astra' ), + 'section' => 'section-buttons', + 'transport' => 'postMessage', + 'priority' => 19, + ), + + /** + * Option: Global Button Border Color + */ + array( + 'name' => 'theme-button-border-group-border-color', + 'parent' => ASTRA_THEME_SETTINGS . '[theme-button-border-color-group]', + 'default' => astra_get_option( 'theme-button-border-group-border-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'section' => 'section-buttons', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 19, + 'title' => __( 'Border Color', 'astra' ), + ), + + /** + * Option: Global Button Border Hover Color + */ + array( + 'name' => 'theme-button-border-group-border-h-color', + 'default' => astra_get_option( 'theme-button-border-group-border-h-color' ), + 'parent' => ASTRA_THEME_SETTINGS . '[theme-button-border-color-group]', + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'section' => 'section-buttons', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 19, + 'title' => __( 'Border Hover Color', 'astra' ), + ), + + /** + * Option: Global Button Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[button-radius]', + 'default' => astra_get_option( 'button-radius' ), + 'type' => 'control', + 'section' => 'section-buttons', + 'control' => 'ast-slider', + 'priority' => 19, + 'suffix' => 'px', + 'title' => __( 'Border Radius', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 200, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Theme Button Padding + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[theme-button-padding]', + 'default' => astra_get_option( 'theme-button-padding' ), + 'type' => 'control', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'section' => 'section-buttons', + 'title' => __( 'Padding', 'astra' ), + 'linked_choices' => true, + 'transport' => 'postMessage', + 'unit_choices' => array( 'px', 'em', '%' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + 'priority' => 35, + 'connected' => false, + ), + + ); + + if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { + + $_trans_config = array( + /** + * Option: Transparent Header Button Colors Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[transparent-header-button-color-divider]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-transparent-header', + 'title' => __( 'Header Button', 'astra' ), + 'settings' => array(), + 'priority' => 40, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + ), + ), + /** + * Group: Transparent Header Button Colors Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[transparent-header-button-color-group]', + 'default' => astra_get_option( 'transparent-header-button-color-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Colors', 'astra' ), + 'section' => 'section-transparent-header', + 'transport' => 'postMessage', + 'priority' => 40, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + ), + ), + /** + * Group: Transparent Header Button Border Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[transparent-header-button-border-group]', + 'default' => astra_get_option( 'transparent-header-button-border-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Border', 'astra' ), + 'section' => 'section-transparent-header', + 'transport' => 'postMessage', + 'priority' => 40, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + ), + ), + + /** + * Option: Button Text Color + */ + array( + 'name' => 'header-main-rt-trans-section-button-text-color', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-text-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-color-group]', + 'section' => 'section-transparent-header', + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Text Color', 'astra' ), + ), + + /** + * Option: Button Text Hover Color + */ + array( + 'name' => 'header-main-rt-trans-section-button-text-h-color', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-text-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-color-group]', + 'section' => 'section-transparent-header', + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Text Color', 'astra' ), + ), + + /** + * Option: Button Background Color + */ + array( + 'name' => 'header-main-rt-trans-section-button-back-color', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-back-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-color-group]', + 'section' => 'section-transparent-header', + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Background Color', 'astra' ), + ), + + /** + * Option: Button Button Hover Color + */ + array( + 'name' => 'header-main-rt-trans-section-button-back-h-color', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-back-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-color-group]', + 'section' => 'section-transparent-header', + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Background Color', 'astra' ), + ), + + // Option: Custom Menu Button Border. + array( + 'type' => 'control', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-trans-section-button-padding]', + 'section' => 'section-transparent-header', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 40, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + ), + 'default' => astra_get_option( 'header-main-rt-trans-section-button-padding' ), + 'title' => __( 'Padding', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + /** + * Option: Button Border Size + */ + array( + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-border-group]', + 'section' => 'section-transparent-header', + 'control' => 'ast-border', + 'name' => 'header-main-rt-trans-section-button-border-size', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 10, + 'default' => astra_get_option( 'header-main-rt-trans-section-button-border-size' ), + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + /** + * Option: Button Border Color + */ + array( + 'name' => 'header-main-rt-trans-section-button-border-color', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-border-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-border-group]', + 'section' => 'section-transparent-header', + 'transport' => 'postMessage', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 12, + 'title' => __( 'Color', 'astra' ), + ), + + /** + * Option: Button Border Hover Color + */ + array( + 'name' => 'header-main-rt-trans-section-button-border-h-color', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-border-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-border-group]', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 14, + 'title' => __( 'Hover Color', 'astra' ), + ), + + /** + * Option: Button Border Radius + */ + array( + 'name' => 'header-main-rt-trans-section-button-border-radius', + 'default' => astra_get_option( 'header-main-rt-trans-section-button-border-radius' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-button-border-group]', + 'section' => 'section-transparent-header', + 'control' => 'ast-slider', + 'suffix' => 'px', + 'transport' => 'postMessage', + 'priority' => 16, + 'title' => __( 'Border Radius', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + ), + ); + $_configs = array_merge( $_configs, $_trans_config ); + + } + + return array_merge( $configurations, $_configs ); + } + } +} + +/** + * Kicking this off by calling 'get_instance()' method + */ +new Astra_Customizer_Button_Configs(); diff --git a/inc/customizer/configurations/buttons/class-astra-existing-button-configs.php b/inc/customizer/configurations/buttons/class-astra-existing-button-configs.php new file mode 100644 index 0000000..707420a --- /dev/null +++ b/inc/customizer/configurations/buttons/class-astra-existing-button-configs.php @@ -0,0 +1,452 @@ + ASTRA_THEME_SETTINGS . '[primary-header-button-color-divider]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-primary-menu', + 'title' => __( 'Header Button', 'astra' ), + 'settings' => array(), + 'priority' => 17, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '==', + 'value' => 'button', + ), + ), + + ), + /** + * Group: Primary Header Button Colors Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[primary-header-button-color-group]', + 'default' => astra_get_option( 'primary-header-button-color-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Colors', 'astra' ), + 'section' => 'section-primary-menu', + 'transport' => 'postMessage', + 'priority' => 18, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '==', + 'value' => 'button', + ), + ), + ), + /** + * Group: Primary Header Button Border Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[primary-header-button-border-group]', + 'default' => astra_get_option( 'primary-header-button-border-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Border', 'astra' ), + 'section' => 'section-primary-menu', + 'transport' => 'postMessage', + 'priority' => 19, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '==', + 'value' => 'button', + ), + ), + ), + + /** + * Option: Button Text Color + */ + array( + 'name' => 'header-main-rt-section-button-text-color', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-rt-section-button-text-color' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-color-group]', + 'section' => 'section-primary-menu', + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Text Color', 'astra' ), + ), + + /** + * Option: Button Text Hover Color + */ + array( + 'name' => 'header-main-rt-section-button-text-h-color', + 'default' => astra_get_option( 'header-main-rt-section-button-text-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-color-group]', + 'section' => 'section-primary-menu', + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Text Color', 'astra' ), + ), + + /** + * Option: Button Background Color + */ + array( + 'name' => 'header-main-rt-section-button-back-color', + 'default' => astra_get_option( 'header-main-rt-section-button-back-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-color-group]', + 'section' => 'section-primary-menu', + 'tab' => __( 'Normal', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Background Color', 'astra' ), + ), + + /** + * Option: Button Button Hover Color + */ + array( + 'name' => 'header-main-rt-section-button-back-h-color', + 'default' => astra_get_option( 'header-main-rt-section-button-back-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-color-group]', + 'section' => 'section-primary-menu', + 'tab' => __( 'Hover', 'astra' ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 10, + 'title' => __( 'Background Color', 'astra' ), + ), + + /** + * Option: Primary Header Button Typography + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'default' => astra_get_option( 'primary-header-button-text-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Typography', 'astra' ), + 'section' => 'section-primary-menu', + 'transport' => 'postMessage', + 'priority' => 20, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '==', + 'value' => 'button', + ), + ), + ), + + /** + * Option: Primary Header Button Font Family + */ + array( + 'name' => 'primary-header-button-font-family', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'section' => 'section-primary-menu', + 'control' => 'ast-font', + 'font_type' => 'ast-font-family', + 'title' => __( 'Family', 'astra' ), + 'default' => astra_get_option( 'primary-header-button-font-family' ), + 'connect' => ASTRA_THEME_SETTINGS . '[primary-header-button-font-weight]', + 'priority' => 1, + ), + + /** + * Option: Primary Header Button Font Size + */ + array( + 'name' => 'primary-header-button-font-size', + 'transport' => 'postMessage', + 'title' => __( 'Size', 'astra' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'section' => 'section-primary-menu', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'primary-header-button-font-size' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Primary Header Button Font Weight + */ + array( + 'name' => 'primary-header-button-font-weight', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'section' => 'section-primary-menu', + 'control' => 'ast-font', + 'font_type' => 'ast-font-weight', + 'title' => __( 'Weight', 'astra' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ), + 'default' => astra_get_option( 'primary-header-button-font-weight' ), + 'connect' => 'primary-header-button-font-family', + 'priority' => 2, + ), + + /** + * Option: Primary Header Button Text Transform + */ + array( + 'name' => 'primary-header-button-text-transform', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'primary-header-button-text-transform' ), + 'title' => __( 'Text Transform', 'astra' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'section' => 'section-primary-menu', + 'control' => 'ast-select', + 'priority' => 3, + 'choices' => array( + '' => __( 'Inherit', 'astra' ), + 'none' => __( 'None', 'astra' ), + 'capitalize' => __( 'Capitalize', 'astra' ), + 'uppercase' => __( 'Uppercase', 'astra' ), + 'lowercase' => __( 'Lowercase', 'astra' ), + ), + ), + + /** + * Option: Primary Header Button Line Height + */ + array( + 'name' => 'primary-header-button-line-height', + 'control' => 'ast-slider', + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'default' => astra_get_option( 'primary-header-button-line-height' ), + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'section' => 'section-primary-menu', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'title' => __( 'Line Height', 'astra' ), + 'suffix' => 'em', + 'priority' => 4, + 'input_attrs' => array( + 'min' => 1, + 'step' => 0.01, + 'max' => 5, + ), + ), + + /** + * Option: Primary Header Button Letter Spacing + */ + array( + 'name' => 'primary-header-button-letter-spacing', + 'control' => 'ast-slider', + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'default' => astra_get_option( 'primary-header-button-letter-spacing' ), + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-text-typography]', + 'section' => 'section-primary-menu', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'title' => __( 'Letter Spacing', 'astra' ), + 'suffix' => 'px', + 'priority' => 5, + 'input_attrs' => array( + 'min' => 1, + 'step' => 1, + 'max' => 100, + ), + ), + + // Option: Custom Menu Button Border. + array( + 'type' => 'control', + 'control' => 'ast-responsive-spacing', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ), + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-padding]', + 'section' => 'section-primary-menu', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 21, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'custom-button', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '==', + 'value' => 'button', + ), + ), + 'default' => astra_get_option( 'header-main-rt-section-button-padding' ), + 'title' => __( 'Padding', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + /** + * Option: Button Border Size + */ + array( + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-border-group]', + 'section' => 'section-primary-menu', + 'control' => 'ast-border', + 'name' => 'header-main-rt-section-button-border-size', + 'transport' => 'postMessage', + 'linked_choices' => true, + 'priority' => 10, + 'default' => astra_get_option( 'header-main-rt-section-button-border-size' ), + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + /** + * Option: Button Border Color + */ + array( + 'name' => 'header-main-rt-section-button-border-color', + 'default' => astra_get_option( 'header-main-rt-section-button-border-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-border-group]', + 'section' => 'section-primary-menu', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 12, + 'title' => __( 'Color', 'astra' ), + ), + + /** + * Option: Button Border Hover Color + */ + array( + 'name' => 'header-main-rt-section-button-border-h-color', + 'default' => astra_get_option( 'header-main-rt-section-button-border-h-color' ), + 'transport' => 'postMessage', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-border-group]', + 'section' => 'section-primary-menu', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'priority' => 14, + 'title' => __( 'Hover Color', 'astra' ), + ), + + /** + * Option: Button Border Radius + */ + array( + 'name' => 'header-main-rt-section-button-border-radius', + 'default' => astra_get_option( 'header-main-rt-section-button-border-radius' ), + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[primary-header-button-border-group]', + 'section' => 'section-primary-menu', + 'control' => 'ast-slider', + 'suffix' => 'px', + 'transport' => 'postMessage', + 'priority' => 16, + 'title' => __( 'Border Radius', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + ), + ); + + return array_merge( $configurations, $_configs ); + } + } +} + +/** + * Kicking this off by calling 'get_instance()' method + */ +new Astra_Existing_Button_Configs(); diff --git a/inc/customizer/configurations/class-astra-customizer-config-base.php b/inc/customizer/configurations/class-astra-customizer-config-base.php new file mode 100644 index 0000000..47a4688 --- /dev/null +++ b/inc/customizer/configurations/class-astra-customizer-config-base.php @@ -0,0 +1,100 @@ +'; + $content .= wp_kses_post( astra_get_prop( $args, 'description' ) ); + + // Links. + if ( astra_get_prop( $args, 'links' ) ) { + $content .= '
      '; + foreach ( $args['links'] as $index => $link ) { + + if ( astra_get_prop( $link, 'attrs' ) ) { + + $content .= '
    • '; + + // Attribute mapping. + $attributes = ' target="_blank" '; + foreach ( astra_get_prop( $link, 'attrs' ) as $attr => $attr_value ) { + $attributes .= ' ' . $attr . '="' . esc_attr( $attr_value ) . '" '; + } + $content .= '' . esc_html( astra_get_prop( $link, 'text' ) ) . '
      • '; + + $content .= ''; + } + } + $content .= '
    '; + } + + $content .= ''; + + return $content; + } + + } +} + +/** + * Kicking this off by calling 'get_instance()' method + */ +new Astra_Customizer_Config_Base(); diff --git a/inc/customizer/configurations/colors-background/class-astra-advanced-footer-colors-configs.php b/inc/customizer/configurations/colors-background/class-astra-advanced-footer-colors-configs.php new file mode 100644 index 0000000..c216adb --- /dev/null +++ b/inc/customizer/configurations/colors-background/class-astra-advanced-footer-colors-configs.php @@ -0,0 +1,179 @@ + ASTRA_THEME_SETTINGS . '[footer-widget-background-group]', + 'default' => astra_get_option( 'footer-widget-background-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Background Color', 'astra' ), + 'section' => 'section-footer-adv', + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'priority' => 47, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-adv]', + 'operator' => '!=', + 'value' => 'disabled', + ), + + ), + ), + + /** + * Option: Footer Bar Content Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-widget-content-group]', + 'default' => astra_get_option( 'footer-widget-content-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Content Colors', 'astra' ), + 'section' => 'section-footer-adv', + 'transport' => 'postMessage', + 'priority' => 48, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-adv]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + ), + + /** + * Option: Footer Bar Content Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-widget-link-color-group]', + 'default' => astra_get_option( 'footer-widget-link-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Link Color', 'astra' ), + 'section' => 'section-footer-adv', + 'transport' => 'postMessage', + 'priority' => 48, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-adv]', + 'operator' => '!=', + 'value' => 'disabled', + ), + + ), + ), + + /** + * Option: Widget Title Color + */ + array( + 'name' => 'footer-adv-wgt-title-color', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[footer-widget-content-group]', + 'section' => 'section-footer-adv', + 'control' => 'ast-color', + 'title' => __( 'Title Color', 'astra' ), + 'default' => astra_get_option( 'footer-adv-wgt-title-color' ), + ), + + /** + * Option: Text Color + */ + array( + 'name' => 'footer-adv-text-color', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[footer-widget-content-group]', + 'section' => 'section-footer-adv', + 'control' => 'ast-color', + 'title' => __( 'Text Color', 'astra' ), + 'default' => astra_get_option( 'footer-adv-text-color' ), + ), + + /** + * Option: Link Color + */ + array( + 'name' => 'footer-adv-link-color', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[footer-widget-link-color-group]', + 'section' => 'section-footer-adv', + 'control' => 'ast-color', + 'title' => __( 'Normal', 'astra' ), + 'default' => astra_get_option( 'footer-adv-link-color' ), + ), + + /** + * Option: Link Hover Color + */ + array( + 'name' => 'footer-adv-link-h-color', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[footer-widget-link-color-group]', + 'section' => 'section-footer-adv', + 'control' => 'ast-color', + 'title' => __( 'Hover', 'astra' ), + 'default' => astra_get_option( 'footer-adv-link-h-color' ), + ), + + /** + * Option: Footer widget Background + */ + array( + 'name' => 'footer-adv-bg-obj', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[footer-widget-background-group]', + 'section' => 'section-footer-adv', + 'control' => 'ast-background', + 'default' => astra_get_option( 'footer-adv-bg-obj' ), + 'label' => __( 'Background', 'astra' ), + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } +} + +new Astra_Advanced_Footer_Colors_Configs(); + + diff --git a/inc/customizer/configurations/colors-background/class-astra-body-colors-configs.php b/inc/customizer/configurations/colors-background/class-astra-body-colors-configs.php new file mode 100644 index 0000000..b332f3c --- /dev/null +++ b/inc/customizer/configurations/colors-background/class-astra-body-colors-configs.php @@ -0,0 +1,99 @@ + ASTRA_THEME_SETTINGS . '[text-color]', + 'default' => astra_get_option( 'text-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'section' => $_section, + 'priority' => 5, + 'title' => __( 'Text Color', 'astra' ), + ), + + /** + * Option: Theme Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[theme-color]', + 'type' => 'control', + 'control' => 'ast-color', + 'section' => $_section, + 'default' => astra_get_option( 'theme-color' ), + 'priority' => 5, + 'title' => __( 'Theme Color', 'astra' ), + ), + + /** + * Option: Link Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[link-color]', + 'section' => $_section, + 'type' => 'control', + 'control' => 'ast-color', + 'default' => astra_get_option( 'link-color' ), + 'priority' => 5, + 'title' => __( 'Link Color', 'astra' ), + ), + + /** + * Option: Link Hover Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[link-h-color]', + 'section' => $_section, + 'default' => astra_get_option( 'link-h-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'priority' => 15, + 'title' => __( 'Link Hover Color', 'astra' ), + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } +} + +new Astra_Body_Colors_Configs(); + + diff --git a/inc/customizer/configurations/colors-background/class-astra-footer-colors-configs.php b/inc/customizer/configurations/colors-background/class-astra-footer-colors-configs.php new file mode 100644 index 0000000..9c0cf7f --- /dev/null +++ b/inc/customizer/configurations/colors-background/class-astra-footer-colors-configs.php @@ -0,0 +1,102 @@ + 'footer-color', + 'type' => 'sub-control', + 'priority' => 5, + 'parent' => ASTRA_THEME_SETTINGS . '[footer-bar-content-group]', + 'section' => 'section-footer-small', + 'control' => 'ast-color', + 'title' => __( 'Text Color', 'astra' ), + 'default' => astra_get_option( 'footer-color' ), + ), + + /** + * Option: Link Color + */ + array( + 'name' => 'footer-link-color', + 'type' => 'sub-control', + 'priority' => 6, + 'parent' => ASTRA_THEME_SETTINGS . '[footer-bar-link-color-group]', + 'section' => 'section-footer-small', + 'control' => 'ast-color', + 'default' => astra_get_option( 'footer-link-color' ), + 'title' => __( 'Normal', 'astra' ), + ), + + /** + * Option: Link Hover Color + */ + array( + 'name' => 'footer-link-h-color', + 'type' => 'sub-control', + 'priority' => 5, + 'parent' => ASTRA_THEME_SETTINGS . '[footer-bar-link-color-group]', + 'section' => 'section-footer-small', + 'control' => 'ast-color', + 'title' => __( 'Hover', 'astra' ), + 'default' => astra_get_option( 'section-footer-small' ), + ), + + /** + * Option: Footer Background + */ + array( + 'name' => 'footer-bg-obj', + 'type' => 'sub-control', + 'priority' => 7, + 'parent' => ASTRA_THEME_SETTINGS . '[footer-bar-background-group]', + 'section' => 'section-footer-small', + 'transport' => 'postMessage', + 'control' => 'ast-background', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_background_obj' ), + 'default' => astra_get_option( 'footer-bg-obj' ), + 'label' => __( 'Background', 'astra' ), + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } +} + +new Astra_Footer_Colors_Configs(); + + diff --git a/inc/customizer/configurations/layout/class-astra-blog-layout-configs.php b/inc/customizer/configurations/layout/class-astra-blog-layout-configs.php new file mode 100644 index 0000000..854604e --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-blog-layout-configs.php @@ -0,0 +1,173 @@ + ASTRA_THEME_SETTINGS . '[blog-width]', + 'default' => astra_get_option( 'blog-width' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => 'section-blog', + 'priority' => 50, + 'transport' => 'postMessage', + 'title' => __( 'Content Width', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'custom' => __( 'Custom', 'astra' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Enter Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-max-width]', + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => 'section-blog', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'blog-max-width' ), + 'priority' => 50, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[blog-width]', + 'operator' => '===', + 'value' => 'custom', + ), + ), + 'title' => __( 'Custom Width', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 768, + 'step' => 1, + 'max' => 1920, + ), + ), + + /** + * Option: Blog Post Content + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-post-content]', + 'section' => 'section-blog', + 'title' => __( 'Post Content', 'astra' ), + 'default' => astra_get_option( 'blog-post-content' ), + 'type' => 'control', + 'control' => 'ast-selector', + 'priority' => 75, + 'choices' => array( + 'full-content' => __( 'Full Content', 'astra' ), + 'excerpt' => __( 'Excerpt', 'astra' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Display Post Structure + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-post-structure]', + 'default' => astra_get_option( 'blog-post-structure' ), + 'type' => 'control', + 'control' => 'ast-sortable', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_multi_choices' ), + 'section' => 'section-blog', + 'priority' => 50, + 'title' => __( 'Post Structure', 'astra' ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'choices' => array( + 'image' => __( 'Featured Image', 'astra' ), + 'title-meta' => __( 'Title & Blog Meta', 'astra' ), + ), + ), + + ); + + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + $_configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-meta]', + 'type' => 'control', + 'control' => 'ast-sortable', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_multi_choices' ), + 'section' => 'section-blog', + 'default' => astra_get_option( 'blog-meta' ), + 'priority' => 50, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[blog-post-structure]', + 'operator' => 'contains', + 'value' => 'title-meta', + ), + ), + 'title' => __( 'Meta', 'astra' ), + 'choices' => array( + 'comments' => __( 'Comments', 'astra' ), + 'category' => __( 'Category', 'astra' ), + 'author' => __( 'Author', 'astra' ), + 'date' => __( 'Publish Date', 'astra' ), + 'tag' => __( 'Tag', 'astra' ), + ), + ); + } + + if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { + + $_configs[] = array( + 'name' => 'section-blog-ast-context-tabs', + 'section' => 'section-blog', + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ); + + } + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + + } + } +} + + +new Astra_Blog_Layout_Configs(); diff --git a/inc/customizer/configurations/layout/class-astra-blog-single-layout-configs.php b/inc/customizer/configurations/layout/class-astra-blog-single-layout-configs.php new file mode 100644 index 0000000..7437479 --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-blog-single-layout-configs.php @@ -0,0 +1,156 @@ + ASTRA_THEME_SETTINGS . '[blog-single-width]', + 'type' => 'control', + 'control' => 'ast-selector', + 'section' => 'section-blog-single', + 'default' => astra_get_option( 'blog-single-width' ), + 'priority' => 5, + 'title' => __( 'Content Width', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'custom' => __( 'Custom', 'astra' ), + ), + 'transport' => 'postMessage', + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Enter Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-single-max-width]', + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => 'section-blog-single', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'blog-single-max-width' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[blog-single-width]', + 'operator' => '===', + 'value' => 'custom', + ), + ), + 'priority' => 5, + 'title' => __( 'Custom Width', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 768, + 'step' => 1, + 'max' => 1920, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + + /** + * Option: Display Post Structure + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-single-post-structure]', + 'type' => 'control', + 'control' => 'ast-sortable', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_multi_choices' ), + 'section' => 'section-blog-single', + 'default' => astra_get_option( 'blog-single-post-structure' ), + 'priority' => 5, + 'title' => __( 'Structure', 'astra' ), + 'choices' => array( + 'single-image' => __( 'Featured Image', 'astra' ), + 'single-title-meta' => __( 'Title & Blog Meta', 'astra' ), + ), + ), + + ); + + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + $_configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-single-meta]', + 'type' => 'control', + 'control' => 'ast-sortable', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_multi_choices' ), + 'default' => astra_get_option( 'blog-single-meta' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[blog-single-post-structure]', + 'operator' => 'contains', + 'value' => 'single-title-meta', + ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'section' => 'section-blog-single', + 'priority' => 5, + 'title' => __( 'Meta', 'astra' ), + 'choices' => array( + 'comments' => __( 'Comments', 'astra' ), + 'category' => __( 'Category', 'astra' ), + 'author' => __( 'Author', 'astra' ), + 'date' => __( 'Publish Date', 'astra' ), + 'tag' => __( 'Tag', 'astra' ), + ), + ); + } + + if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { + + $_configs[] = array( + 'name' => 'section-blog-single-ast-context-tabs', + 'section' => 'section-blog-single', + 'type' => 'control', + 'control' => 'ast-builder-header-control', + 'priority' => 0, + 'description' => '', + ); + + } + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + + } + } +} + + +new Astra_Blog_Single_Layout_Configs(); diff --git a/inc/customizer/configurations/layout/class-astra-footer-layout-configs.php b/inc/customizer/configurations/layout/class-astra-footer-layout-configs.php new file mode 100644 index 0000000..68eba96 --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-footer-layout-configs.php @@ -0,0 +1,482 @@ + ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'type' => 'control', + 'control' => 'ast-radio-image', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ), + 'default' => astra_get_option( 'footer-sml-layout' ), + 'section' => 'section-footer-small', + 'priority' => 5, + 'title' => __( 'Layout', 'astra' ), + 'choices' => array( + 'disabled' => array( + 'label' => __( 'Disabled', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'disabled' ), + ), + 'footer-sml-layout-1' => array( + 'label' => __( 'Footer Bar Layout 1', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'footer-layout-1' ), + ), + 'footer-sml-layout-2' => array( + 'label' => __( 'Footer Bar Layout 2', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'footer-layout-2' ), + ), + ), + 'partial' => array( + 'selector' => '.ast-small-footer', + 'container_inclusive' => false, + ), + ), + + /** + * Section: Section 1 + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-sml-section-1]', + 'control' => 'ast-selector', + 'default' => astra_get_option( 'footer-sml-section-1' ), + 'type' => 'control', + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'section' => 'section-footer-small', + 'priority' => 15, + 'title' => __( 'Section 1', 'astra' ), + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'choices' => array( + '' => __( 'None', 'astra' ), + 'custom' => __( 'Text', 'astra' ), + 'widget' => __( 'Widget', 'astra' ), + 'menu' => __( 'Footer Menu', 'astra' ), + ), + 'partial' => array( + 'selector' => '.ast-small-footer .ast-container .ast-footer-widget-1-area .ast-no-widget-row, .ast-small-footer .ast-container .ast-small-footer-section-1 .footer-primary-navigation .nav-menu', + 'container_inclusive' => false, + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + /** + * Option: Section 1 Custom Text + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-sml-section-1-credit]', + 'default' => astra_get_option( 'footer-sml-section-1-credit' ), + 'type' => 'control', + 'control' => 'textarea', + 'transport' => 'postMessage', + 'section' => 'section-footer-small', + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-section-1]', + 'operator' => '==', + 'value' => array( 'custom' ), + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'priority' => 20, + 'title' => __( 'Section 1 Custom Text', 'astra' ), + 'choices' => array( + '' => __( 'None', 'astra' ), + 'custom' => __( 'Custom Text', 'astra' ), + 'widget' => __( 'Widget', 'astra' ), + 'menu' => __( 'Footer Menu', 'astra' ), + ), + 'partial' => array( + 'selector' => '.ast-small-footer .ast-container .ast-small-footer-section.ast-small-footer-section-1:has(> .ast-footer-site-title)', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Customizer_Partials::render_footer_sml_section_1_credit', + ), + ), + + /** + * Option: Section 2 + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-sml-section-2]', + 'type' => 'control', + 'control' => 'ast-selector', + 'default' => astra_get_option( 'footer-sml-section-2' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'section' => 'section-footer-small', + 'priority' => 25, + 'title' => __( 'Section 2', 'astra' ), + 'choices' => array( + '' => __( 'None', 'astra' ), + 'custom' => __( 'Text', 'astra' ), + 'widget' => __( 'Widget', 'astra' ), + 'menu' => __( 'Footer Menu', 'astra' ), + ), + 'partial' => array( + 'selector' => '.ast-small-footer .ast-container .ast-footer-widget-2-area .ast-no-widget-row, .ast-small-footer .ast-container .ast-small-footer-section-2 .footer-primary-navigation .nav-menu', + 'container_inclusive' => false, + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Section 2 Custom Text + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-sml-section-2-credit]', + 'type' => 'control', + 'control' => 'textarea', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'footer-sml-section-2-credit' ), + 'section' => 'section-footer-small', + 'priority' => 30, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-section-2]', + 'operator' => '==', + 'value' => 'custom', + ), + ), + 'title' => __( 'Section 2 Custom Text', 'astra' ), + 'partial' => array( + 'selector' => '.ast-small-footer-section-2', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Customizer_Partials::render_footer_sml_section_2_credit', + ), + 'partial' => array( + 'selector' => '.ast-small-footer .ast-container .ast-small-footer-section.ast-small-footer-section-2:has(> .ast-footer-site-title)', + 'container_inclusive' => false, + ), + ), + + /** + * Option: Footer Top Border + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-sml-divider]', + 'type' => 'control', + 'control' => 'ast-slider', + 'default' => astra_get_option( 'footer-sml-divider' ), + 'section' => 'section-footer-small', + 'priority' => 40, + 'suffix' => 'px', + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'title' => __( 'Border Size', 'astra' ), + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + ), + + /** + * Option: Footer Top Border Color + */ + + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-sml-divider-color]', + 'section' => 'section-footer-small', + 'default' => astra_get_option( 'footer-sml-divider-color', '#7a7a7a' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-divider]', + 'operator' => '>=', + 'value' => 1, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'priority' => 45, + 'title' => __( 'Border Color', 'astra' ), + 'transport' => 'postMessage', + ), + + /** + * Option: Footer Bar Content Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-bar-background-group]', + 'default' => astra_get_option( 'footer-bar-background-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Background Color', 'astra' ), + 'section' => 'section-footer-small', + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'priority' => 47, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + ), + + /** + * Option: Footer Bar Content Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-bar-content-group]', + 'default' => astra_get_option( 'footer-bar-content-group' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Content Colors', 'astra' ), + 'section' => 'section-footer-small', + 'transport' => 'postMessage', + 'priority' => 47, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + ), + + /** + * Option: Footer Bar Content Group + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-bar-link-color-group]', + 'default' => astra_get_option( 'footer-bar-link-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => __( 'Link Color', 'astra' ), + 'section' => 'section-footer-small', + 'transport' => 'postMessage', + 'priority' => 47, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + ), + + /** + * Option: Header Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-layout-width]', + 'type' => 'control', + 'control' => 'ast-selector', + 'default' => astra_get_option( 'footer-layout-width' ), + 'section' => 'section-footer-small', + 'divider' => array( 'ast_class' => 'ast-top-divider ast-bottom-divider' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[site-layout]', + 'operator' => '!=', + 'value' => 'ast-box-layout', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[site-layout]', + 'operator' => '!=', + 'value' => 'ast-fluid-width-layout', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-sml-layout]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'priority' => 35, + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'full' => __( 'Full Width', 'astra' ), + 'content' => __( 'Content Width', 'astra' ), + ), + 'responsive' => false, + 'renderAs' => 'text', + ), + + /** + * Option: Footer Top Border + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-adv-border-width]', + 'type' => 'control', + 'control' => 'ast-slider', + 'transport' => 'postMessage', + 'section' => 'section-footer-adv', + 'default' => astra_get_option( 'footer-adv-border-width' ), + 'priority' => 40, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-adv]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'suffix' => 'px', + 'title' => __( 'Top Border Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + ), + + /** + * Option: Footer Top Border Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-adv-border-color]', + 'section' => 'section-footer-adv', + 'title' => __( 'Top Border Color', 'astra' ), + 'type' => 'control', + 'transport' => 'postMessage', + 'control' => 'ast-color', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'default' => astra_get_option( 'footer-adv-border-color' ), + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[footer-adv]', + 'operator' => '!=', + 'value' => 'disabled', + ), + ), + 'priority' => 45, + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + // Learn More link if Astra Pro is not activated. + if ( ! defined( 'ASTRA_EXT_VER' ) || ( defined( 'ASTRA_EXT_VER' ) && false === Astra_Ext_Extension::is_active( 'advanced-footer' ) ) ) { + + $config = array( + + /** + * Option: Footer Widgets Layout Layout + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[footer-adv]', + 'type' => 'control', + 'priority' => 0, + 'control' => 'ast-radio-image', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ), + 'default' => astra_get_option( 'footer-adv' ), + 'title' => __( 'Layout', 'astra' ), + 'section' => 'section-footer-adv', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'choices' => array( + 'disabled' => array( + 'label' => __( 'Disable', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'disabled' ), + ), + 'layout-4' => array( + 'label' => __( 'Layout 4', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'footer-layout-4' ), + ), + ), + 'partial' => array( + 'selector' => '.footer-adv .ast-container', + 'container_inclusive' => false, + ), + ), + + /** + * Option: Learn More about Footer Widget + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-footer-widget-more-feature-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-footer-adv', + 'priority' => 999, + 'label' => '', + 'help' => '

    ' . __( 'More Options Available in Astra Pro!', 'astra' ) . '

    ' . __( 'Learn More', 'astra' ) . '', + 'settings' => array(), + ), + + ); + + $configurations = array_merge( $configurations, $config ); + } + + return $configurations; + + } + } +} + + +new Astra_Footer_Layout_Configs(); diff --git a/inc/customizer/configurations/layout/class-astra-header-layout-configs.php b/inc/customizer/configurations/layout/class-astra-header-layout-configs.php new file mode 100644 index 0000000..29d25df --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-header-layout-configs.php @@ -0,0 +1,684 @@ + ASTRA_THEME_SETTINGS . '[header-layouts]', + 'default' => astra_get_option( 'header-layouts' ), + 'section' => 'section-header', + 'priority' => 4, + 'title' => __( 'Layout', 'astra' ), + 'type' => 'control', + 'control' => 'ast-radio-image', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ), + 'choices' => array( + 'header-main-layout-1' => array( + 'label' => __( 'Logo Left', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'header-main-layout-1' ), + ), + 'header-main-layout-2' => array( + 'label' => __( 'Logo Center', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'header-main-layout-2' ), + ), + 'header-main-layout-3' => array( + 'label' => __( 'Logo Right', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'header-main-layout-3' ), + ), + ), + ), + + /** + * Option: Header Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-layout-width]', + 'default' => astra_get_option( 'header-main-layout-width' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-header', + 'priority' => 4, + 'title' => __( 'Width', 'astra' ), + 'choices' => array( + 'full' => __( 'Full Width', 'astra' ), + 'content' => __( 'Content Width', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Bottom Border Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-sep]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-sep' ), + 'type' => 'control', + 'control' => 'number', + 'section' => 'section-header', + 'priority' => 4, + 'title' => __( 'Bottom Border Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + ), + + /** + * Option: Bottom Border Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-sep-color]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-sep-color' ), + 'type' => 'control', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-sep]', + 'operator' => '>=', + 'value' => 1, + ), + ), + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'section' => 'section-header', + 'priority' => 4, + 'title' => __( 'Bottom Border Color', 'astra' ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[disable-primary-nav]', + 'default' => astra_get_option( 'disable-primary-nav' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => 'section-primary-menu', + 'title' => __( 'Disable Menu', 'astra' ), + 'priority' => 5, + 'partial' => array( + 'selector' => '.main-header-bar .main-navigation', + 'container_inclusive' => false, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'default' => astra_get_option( 'header-main-rt-section' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-primary-menu', + 'priority' => 7, + 'title' => __( 'Last Item in Menu', 'astra' ), + 'choices' => apply_filters( + 'astra_header_section_elements', + array( + 'none' => __( 'None', 'astra' ), + 'search' => __( 'Search', 'astra' ), + 'button' => __( 'Button', 'astra' ), + 'text-html' => __( 'Text / HTML', 'astra' ), + 'widget' => __( 'Widget', 'astra' ), + ), + 'primary-header' + ), + 'partial' => array( + 'selector' => '.main-header-bar .main-navigation .main-header-menu .ast-masthead-custom-menu-items.search-custom-menu-item .ast-search-icon .astra-search-icon, .main-header-bar .main-navigation .main-header-menu .ast-masthead-custom-menu-items.woocommerce-custom-menu-item, .main-header-bar .ast-masthead-custom-menu-items.widget-custom-menu-item .ast-header-widget-area .widget.ast-no-widget-row, .main-header-bar .main-navigation .main-header-menu .ast-masthead-custom-menu-items.edd-custom-menu-item', + 'container_inclusive' => false, + ), + ), + + /** + * Option: Button Text + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-text]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-rt-section-button-text' ), + 'type' => 'control', + 'control' => 'text', + 'section' => 'section-primary-menu', + 'partial' => array( + 'selector' => '.button-custom-menu-item', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Customizer_Partials::render_header_main_rt_section_button_text', + ), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '===', + 'value' => 'button', + ), + ), + 'priority' => 10, + 'title' => __( 'Button Text', 'astra' ), + ), + + /** + * Option: Button Link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-link-option]', + 'default' => astra_get_option( 'header-main-rt-section-button-link-option' ), + 'type' => 'control', + 'control' => 'ast-link', + 'section' => 'section-primary-menu', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '===', + 'value' => 'button', + ), + ), + 'priority' => 10, + 'title' => __( 'Button Link', 'astra' ), + ), + + /** + * Option: Button Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'default' => astra_get_option( 'header-main-rt-section-button-style' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-primary-menu', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '===', + 'value' => 'button', + ), + ), + 'priority' => 10, + 'choices' => array( + 'theme-button' => __( 'Theme Button', 'astra' ), + 'custom-button' => __( 'Header Button', 'astra' ), + ), + 'title' => __( 'Button Style', 'astra' ), + ), + + /** + * Option: Theme Button Style edit link + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-button-style-link]', + 'default' => astra_get_option( 'header-button-style-link' ), + 'type' => 'control', + 'control' => 'ast-customizer-link', + 'section' => 'section-primary-menu', + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '===', + 'value' => 'button', + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-button-style]', + 'operator' => '===', + 'value' => 'theme-button', + ), + ), + 'priority' => 10, + 'link_type' => 'section', + 'linked' => 'section-buttons', + 'link_text' => __( 'Customize Button Style.', 'astra' ), + ), + + /** + * Option: Right Section Text / HTML + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-rt-section-html]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-rt-section-html' ), + 'type' => 'control', + 'control' => 'textarea', + 'section' => 'section-primary-menu', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '===', + 'value' => 'text-html', + ), + ), + 'priority' => 10, + 'partial' => array( + 'selector' => '.main-header-bar .ast-masthead-custom-menu-items .ast-custom-html', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Customizer_Partials::render_header_main_rt_section_html', + ), + 'title' => __( 'Custom Menu Text / HTML', 'astra' ), + ), + + array( + 'name' => 'primary-header-sub-menu-label-divider', + 'type' => 'control', + 'control' => 'ast-heading', + 'priority' => 30, + 'title' => __( 'Sub Menu', 'astra' ), + 'section' => 'section-primary-menu', + 'settings' => array(), + ), + + /** + * Option: Submenu Container Animation + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-submenu-container-animation]', + 'default' => astra_get_option( 'header-main-submenu-container-animation' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-primary-menu', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[disable-primary-nav]', + 'operator' => '!=', + 'value' => true, + ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'priority' => 30, + 'title' => __( 'Submenu Animation', 'astra' ), + 'choices' => array( + '' => __( 'None', 'astra' ), + 'slide-down' => __( 'Slide Down', 'astra' ), + 'slide-up' => __( 'Slide Up', 'astra' ), + 'fade' => __( 'Fade', 'astra' ), + ), + ), + + // Option: Primary Menu Border. + array( + 'type' => 'control', + 'control' => 'ast-border', + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[primary-submenu-border]', + 'section' => 'section-primary-menu', + 'linked_choices' => true, + 'priority' => 30, + 'default' => astra_get_option( 'primary-submenu-border' ), + 'title' => __( 'Container Border', 'astra' ), + 'choices' => array( + 'top' => __( 'Top', 'astra' ), + 'right' => __( 'Right', 'astra' ), + 'bottom' => __( 'Bottom', 'astra' ), + 'left' => __( 'Left', 'astra' ), + ), + ), + + // Option: Submenu Container Border Color. + array( + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[primary-submenu-b-color]', + 'default' => astra_get_option( 'primary-submenu-b-color' ), + 'title' => __( 'Border Color', 'astra' ), + 'section' => 'section-primary-menu', + 'priority' => 30, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + array( + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[primary-submenu-item-border]', + 'section' => 'section-primary-menu', + 'priority' => 30, + 'default' => astra_get_option( 'primary-submenu-item-border' ), + 'title' => __( 'Submenu Divider', 'astra' ), + ), + + // Option: Submenu item Border Color. + array( + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'transport' => 'postMessage', + 'name' => ASTRA_THEME_SETTINGS . '[primary-submenu-item-b-color]', + 'default' => astra_get_option( 'primary-submenu-item-b-color' ), + 'title' => __( 'Divider Color', 'astra' ), + 'section' => 'section-primary-menu', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[primary-submenu-item-border]', + 'operator' => '==', + 'value' => true, + ), + ), + 'priority' => 30, + ), + + /** + * Option: Mobile Menu Label Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-menu-label-divider]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-header', + 'priority' => 35, + 'title' => __( 'Mobile Header', 'astra' ), + 'settings' => array(), + ), + + /** + * Option: Mobile Menu Alignment + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-menu-align]', + 'default' => astra_get_option( 'header-main-menu-align' ), + 'type' => 'control', + 'control' => 'ast-radio-image', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ), + 'choices' => array( + 'inline' => array( + 'label' => __( 'Inline', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'menu-inline' ), + ), + 'stack' => array( + 'label' => __( 'Stack', 'astra' ), + 'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'menu-stack' ), + ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'section' => 'section-header', + 'priority' => 40, + 'title' => __( 'Layout', 'astra' ), + ), + + /** + * Option: Hide Last item in Menu on mobile device + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[hide-custom-menu-mobile]', + 'default' => astra_get_option( 'hide-custom-menu-mobile' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => 'in', + 'value' => array( 'button', 'text-html' ), + ), + ), + 'section' => 'section-primary-menu', + 'title' => __( 'Hide Last Item in Menu on Mobile', 'astra' ), + 'priority' => 7, + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Display outside menu + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-display-outside-menu]', + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[hide-custom-menu-mobile]', + 'operator' => '!=', + 'value' => '1', + ), + ), + 'default' => astra_get_option( 'header-display-outside-menu' ), + 'section' => 'section-primary-menu', + 'title' => __( 'Take Last Item Outside Menu', 'astra' ), + 'priority' => 7, + ), + + array( + 'name' => 'primary-menu-label-divider', + 'type' => 'control', + 'control' => 'ast-heading', + 'priority' => 39, + 'title' => __( 'Mobile Menu', 'astra' ), + 'section' => 'section-primary-menu', + 'settings' => array(), + ), + + /** + * Option: Mobile Header Breakpoint + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-breakpoint]', + 'default' => astra_get_option( 'mobile-header-breakpoint' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => 'section-primary-menu', + 'priority' => 40, + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'title' => __( 'Menu Breakpoint', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 10, + 'max' => 6000, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Notice to add # link to parent menu when Link option selected in Dropdown Target. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-target-link-notice]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-header', + 'priority' => 41, + 'title' => '', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-target]', + 'operator' => '==', + 'value' => 'link', + ), + ), + 'help' => __( 'The parent menu should have a # link for the submenu to open on a link.', 'astra' ), + 'settings' => array(), + ), + + /** + * Option: Mobile Menu Label. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-main-menu-label]', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-main-menu-label' ), + 'section' => 'section-primary-menu', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + 'relation' => 'AND', + ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab_config : Astra_Builder_Helper::$general_tab, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[header-main-rt-section]', + 'operator' => '!=', + 'value' => array( 'none' ), + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[disable-primary-nav]', + 'operator' => '!=', + 'value' => array( '1' ), + ), + ), + ), + 'priority' => 40, + 'title' => __( 'Menu Label', 'astra' ), + 'type' => 'control', + 'control' => 'text', + 'partial' => array( + 'selector' => '.ast-button-wrap', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Customizer_Partials::mobile_toggle_menu', + ), + ), + + /** + * Option: Toggle Button Style + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-style' ), + 'section' => 'section-primary-menu', + 'title' => __( 'Toggle Button Style', 'astra' ), + 'type' => 'control', + 'control' => 'ast-select', + 'priority' => 42, + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[disable-primary-nav]', + 'operator' => '!=', + 'value' => true, + ), + ), + 'choices' => array( + 'fill' => __( 'Fill', 'astra' ), + 'outline' => __( 'Outline', 'astra' ), + 'minimal' => __( 'Minimal', 'astra' ), + ), + ), + + /** + * Option: Toggle Button Color + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style-color]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-style-color' ), + 'type' => 'control', + 'control' => 'ast-color', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_alpha_color' ), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-menu-style]', + 'operator' => '!=', + 'value' => 'no-toggle', + ), + ), + 'title' => __( 'Toggle Button Color', 'astra' ), + 'section' => 'section-primary-menu', + 'transport' => 'postMessage', + 'priority' => 42, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Border Radius + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-border-radius]', + 'default' => astra_get_option( 'mobile-header-toggle-btn-border-radius' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => 'section-primary-menu', + 'title' => __( 'Border Radius', 'astra' ), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-btn-style]', + 'operator' => '!=', + 'value' => 'minimal', + ), + ), + 'priority' => 42, + 'suffix' => 'px', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 100, + ), + ), + + /** + * Option: Toggle on click of button or link. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-toggle-target]', + 'default' => astra_get_option( 'mobile-header-toggle-target' ), + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-primary-menu', + 'priority' => 42, + 'title' => __( 'Dropdown Target', 'astra' ), + 'suffix' => '', + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'choices' => array( + 'icon' => __( 'Icon', 'astra' ), + 'link' => __( 'Link', 'astra' ), + ), + ), + + ); + + $configurations = array_merge( $configurations, $_configs ); + + // Learn More link if Astra Pro is not activated. + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + + $config = array( + + /** + * Option: Learn More about Mobile Header + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-more-feature-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-header', + 'priority' => 999, + 'title' => '', + 'help' => '

    ' . __( 'More Options Available in Astra Pro!', 'astra' ) . '

    ' . __( 'Learn More', 'astra' ) . '', + 'settings' => array(), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + ); + + $configurations = array_merge( $configurations, $config ); + } + + return $configurations; + } + } +} + + +new Astra_Header_Layout_Configs(); diff --git a/inc/customizer/configurations/layout/class-astra-sidebar-layout-configs.php b/inc/customizer/configurations/layout/class-astra-sidebar-layout-configs.php new file mode 100644 index 0000000..279675d --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-sidebar-layout-configs.php @@ -0,0 +1,155 @@ + ASTRA_THEME_SETTINGS . '[site-sidebar-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-sidebars', + 'default' => astra_get_option( 'site-sidebar-layout' ), + 'priority' => 5, + 'title' => __( 'Default Layout', 'astra' ), + 'choices' => array( + 'no-sidebar' => __( 'No Sidebar', 'astra' ), + 'left-sidebar' => __( 'Left Sidebar', 'astra' ), + 'right-sidebar' => __( 'Right Sidebar', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Page + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[single-page-sidebar-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-sidebars', + 'default' => astra_get_option( 'single-page-sidebar-layout' ), + 'priority' => 5, + 'title' => __( 'Pages', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'no-sidebar' => __( 'No Sidebar', 'astra' ), + 'left-sidebar' => __( 'Left Sidebar', 'astra' ), + 'right-sidebar' => __( 'Right Sidebar', 'astra' ), + ), + ), + + /** + * Option: Blog Post + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[single-post-sidebar-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'default' => astra_get_option( 'single-post-sidebar-layout' ), + 'section' => 'section-sidebars', + 'priority' => 5, + 'title' => __( 'Blog Posts', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'no-sidebar' => __( 'No Sidebar', 'astra' ), + 'left-sidebar' => __( 'Left Sidebar', 'astra' ), + 'right-sidebar' => __( 'Right Sidebar', 'astra' ), + ), + ), + + /** + * Option: Blog Post Archive + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[archive-post-sidebar-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'default' => astra_get_option( 'archive-post-sidebar-layout' ), + 'section' => 'section-sidebars', + 'priority' => 5, + 'title' => __( 'Archives', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'no-sidebar' => __( 'No Sidebar', 'astra' ), + 'left-sidebar' => __( 'Left Sidebar', 'astra' ), + 'right-sidebar' => __( 'Right Sidebar', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Primary Content Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[site-sidebar-width]', + 'type' => 'control', + 'control' => 'ast-slider', + 'default' => astra_get_option( 'site-sidebar-width' ), + 'section' => 'section-sidebars', + 'priority' => 15, + 'title' => __( 'Sidebar Width', 'astra' ), + 'suffix' => '%', + 'transport' => 'postMessage', + 'input_attrs' => array( + 'min' => 15, + 'step' => 1, + 'max' => 50, + ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[site-sidebar-width-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-sidebars', + 'priority' => 15, + 'title' => '', + 'help' => __( 'Sidebar width will apply only when one of the above sidebar is set.', 'astra' ), + 'settings' => array(), + ), + ); + + return array_merge( $configurations, $_configs ); + } + } +} + + +new Astra_Sidebar_Layout_Configs(); + + + + + diff --git a/inc/customizer/configurations/layout/class-astra-site-container-layout-configs.php b/inc/customizer/configurations/layout/class-astra-site-container-layout-configs.php new file mode 100644 index 0000000..e930c89 --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-site-container-layout-configs.php @@ -0,0 +1,157 @@ + ASTRA_THEME_SETTINGS . '[site-content-layout]', + 'type' => 'control', + 'default' => astra_get_option( 'site-content-layout' ), + 'control' => 'ast-select', + 'section' => 'section-container-layout', + 'priority' => 50, + 'title' => __( 'Layout', 'astra' ), + 'choices' => array( + 'boxed-container' => __( 'Boxed', 'astra' ), + 'content-boxed-container' => __( 'Content Boxed', 'astra' ), + 'plain-container' => __( 'Full Width / Contained', 'astra' ), + 'page-builder' => __( 'Full Width / Stretched', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Single Page Content Layout + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[single-page-content-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'default' => astra_get_option( 'single-page-content-layout' ), + 'section' => 'section-container-layout', + 'title' => __( 'Page Layout', 'astra' ), + 'priority' => 55, + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'boxed-container' => __( 'Boxed', 'astra' ), + 'content-boxed-container' => __( 'Content Boxed', 'astra' ), + 'plain-container' => __( 'Full Width / Contained', 'astra' ), + 'page-builder' => __( 'Full Width / Stretched', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[single-post-content-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'default' => astra_get_option( 'single-post-content-layout' ), + 'section' => 'section-container-layout', + 'priority' => 60, + 'title' => __( 'Blog Post Layout', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'boxed-container' => __( 'Boxed', 'astra' ), + 'content-boxed-container' => __( 'Content Boxed', 'astra' ), + 'plain-container' => __( 'Full Width / Contained', 'astra' ), + 'page-builder' => __( 'Full Width / Stretched', 'astra' ), + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Archive Post Content Layout + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[archive-post-content-layout]', + 'type' => 'control', + 'control' => 'ast-select', + 'default' => astra_get_option( 'archive-post-content-layout' ), + 'section' => 'section-container-layout', + 'priority' => 65, + 'title' => __( 'Archives Layout', 'astra' ), + 'choices' => array( + 'default' => __( 'Default', 'astra' ), + 'boxed-container' => __( 'Boxed', 'astra' ), + 'content-boxed-container' => __( 'Content Boxed', 'astra' ), + 'plain-container' => __( 'Full Width / Contained', 'astra' ), + 'page-builder' => __( 'Full Width / Stretched', 'astra' ), + ), + ), + + /** + * Option: Body Background + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[site-layout-outside-bg-obj-responsive]', + 'type' => 'control', + 'control' => 'ast-responsive-background', + 'default' => astra_get_option( 'site-layout-outside-bg-obj-responsive' ), + 'section' => ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'colors-and-background' ) ) ? 'section-colors-body' : 'section-colors-background', + 'transport' => 'postMessage', + 'priority' => 25, + 'title' => __( 'Background', 'astra' ), + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + // Learn More link if Astra Pro is not activated. + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + + $config = array( + + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-container-more-feature-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-container-layout', + 'priority' => 999, + 'title' => '', + 'help' => '

    ' . __( 'More Options Available in Astra Pro!', 'astra' ) . '

    ' . __( 'Learn More', 'astra' ) . '', + 'settings' => array(), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + ); + + $configurations = array_merge( $configurations, $config ); + } + + return $configurations; + } + } +} + +new Astra_Site_Container_Layout_Configs(); diff --git a/inc/customizer/configurations/layout/class-astra-site-identity-configs.php b/inc/customizer/configurations/layout/class-astra-site-identity-configs.php new file mode 100644 index 0000000..d01af50 --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-site-identity-configs.php @@ -0,0 +1,495 @@ + ASTRA_THEME_SETTINGS . '[ast-callback-notice-header-transparent-header-logo]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => $_section, + 'priority' => 1, + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[different-transparent-logo]', + 'operator' => '==', + 'value' => true, + ), + ), + 'active_callback' => array( $this, 'is_transparent_header_enabled' ), + 'help' => $this->get_help_text_notice( 'transparent-header' ), + ), + + /** + * Option: Transparent Header Section - Link. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-callback-notice-header-transparent-header-logo-link]', + 'type' => 'control', + 'control' => 'ast-customizer-link', + 'section' => $_section, + 'priority' => 1, + 'link_type' => 'control', + 'linked' => ASTRA_THEME_SETTINGS . '[transparent-header-logo]', + 'context' => array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[different-transparent-logo]', + 'operator' => '==', + 'value' => true, + ), + ), + 'link_text' => '' . __( 'Customize Transparent Header.', 'astra' ) . '', + 'active_callback' => array( $this, 'is_transparent_header_enabled' ), + ), + + + /** + * Option: Different retina logo + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[different-retina-logo]', + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => $_section, + 'title' => __( 'Different Logo For Retina Devices?', 'astra' ), + 'default' => astra_get_option( 'different-retina-logo' ), + 'priority' => 5, + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'context' => array( + array( + 'setting' => 'custom_logo', + 'operator' => '!=', + 'value' => '', + ), + Astra_Builder_Helper::$general_tab_config, + ), + 'partial' => array( + 'selector' => '.site-branding', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + ), + + /** + * Option: Retina logo selector + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-header-retina-logo]', + 'default' => astra_get_option( 'ast-header-retina-logo' ), + 'type' => 'control', + 'control' => 'image', + 'sanitize_callback' => 'esc_url_raw', + 'section' => 'title_tagline', + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[different-retina-logo]', + 'operator' => '!=', + 'value' => 0, + ), + Astra_Builder_Helper::$general_tab_config, + ), + 'priority' => 6, + 'title' => __( 'Retina Logo', 'astra' ), + 'library_filter' => array( 'gif', 'jpg', 'jpeg', 'png', 'ico' ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-branding', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + ), + + /** + * Option: Inherit Desktop logo + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[different-mobile-logo]', + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'default' => astra_get_option( 'different-mobile-logo' ), + 'section' => 'title_tagline', + 'title' => __( 'Different Logo For Mobile Devices?', 'astra' ), + 'priority' => 5, + 'context' => array( + array( + 'setting' => 'custom_logo', + 'operator' => '!=', + 'value' => '', + ), + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => 'ast_selected_device', + 'operator' => 'in', + 'value' => array( 'tablet', 'mobile' ), + ), + ), + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-branding', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + ), + + /** + * Option: Mobile header logo + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[mobile-header-logo]', + 'default' => astra_get_option( 'mobile-header-logo' ), + 'type' => 'control', + 'control' => 'image', + 'sanitize_callback' => 'esc_url_raw', + 'section' => 'title_tagline', + 'priority' => 5.5, + 'title' => __( 'Mobile Logo (optional)', 'astra' ), + 'library_filter' => array( 'gif', 'jpg', 'jpeg', 'png', 'ico' ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[different-mobile-logo]', + 'operator' => '==', + 'value' => '1', + ), + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => 'ast_selected_device', + 'operator' => 'in', + 'value' => array( 'tablet', 'mobile' ), + ), + ), + ), + + /** + * Option: Logo Width + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-header-responsive-logo-width]', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'ast-header-responsive-logo-width' ), + 'priority' => 7, + 'title' => __( 'Logo Width', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + 'step' => 1, + 'max' => 600, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + ), + + /** + * Option: Display Title + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'type' => 'control', + 'control' => 'ast-responsive-toggle-control', + 'default' => astra_get_option( 'display-site-title-responsive' ), + 'section' => 'title_tagline', + 'title' => __( 'Display Site Title', 'astra' ), + 'priority' => 7, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-branding', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + ), + + /** + * Option: Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-site-title-tagline-divider]', + 'type' => 'control', + 'section' => $_section, + 'control' => 'ast-divider', + 'priority' => 13, + 'settings' => array(), + 'context' => array( Astra_Builder_Helper::$general_tab_config ), + ), + + /** + * Option: Display Tagline + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'type' => 'control', + 'control' => 'ast-responsive-toggle-control', + 'default' => astra_get_option( 'display-site-tagline-responsive' ), + 'section' => 'title_tagline', + 'priority' => 11, + 'title' => __( 'Display Site Tagline', 'astra' ), + 'transport' => 'postMessage', + 'divider' => array( 'ast_class' => 'ast-bottom-divider ast-top-divider' ), + 'partial' => array( + + 'selector' => '.site-branding', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + ), + + /** + * Option: Logo inline title. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[logo-title-inline]', + 'default' => astra_get_option( 'logo-title-inline' ), + 'type' => 'control', + 'context' => array( Astra_Builder_Helper::$general_tab_config ), + 'control' => 'ast-toggle-control', + 'divider' => array( 'ast_class' => 'ast-top-divider' ), + 'section' => $_section, + 'title' => __( 'Inline Logo & Site Title', 'astra' ), + 'priority' => 8, + 'transport' => 'postMessage', + 'partial' => array( + 'selector' => '.site-branding', + 'container_inclusive' => false, + 'render_callback' => 'Astra_Builder_Header::site_identity', + ), + ), + ); + + /** + * We adding this control only to maintain backwards. Remove this condition after 2-3 updates of add-on. + * Moving Site Title color & Tagline color option into theme. + * + * @since 3.5.0 + */ + $load_site_tagline_color_controls = true; + if ( is_astra_addon_3_5_0_version() ) { + $load_site_tagline_color_controls = false; + } + + if ( $load_site_tagline_color_controls ) { + $_configs = array_merge( + $_configs, + array( + // Color Group control for site title colors. + array( + 'name' => ASTRA_THEME_SETTINGS . '[site-identity-title-color-group]', + 'default' => astra_get_option( 'site-identity-title-color-group' ), + 'type' => 'control', + 'control' => 'ast-color-group', + 'title' => Astra_Builder_Helper::$is_header_footer_builder_active ? __( 'Title Color', 'astra' ) : __( 'Colors', 'astra' ), + 'section' => $_section, + 'responsive' => false, + 'transport' => 'postMessage', + 'priority' => 8, + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? array( Astra_Builder_Helper::$design_tab_config ) : '', + ), + + // Option: Site Title Color. + array( + 'name' => 'header-color-site-title', + 'parent' => ASTRA_THEME_SETTINGS . '[site-identity-title-color-group]', + 'section' => 'title_tagline', + 'type' => 'sub-control', + 'control' => 'ast-color', + 'priority' => 5, + 'default' => astra_get_option( 'header-color-site-title' ), + 'transport' => 'postMessage', + 'title' => __( 'Normal', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Site Title Hover Color. + array( + 'name' => 'header-color-h-site-title', + 'parent' => ASTRA_THEME_SETTINGS . '[site-identity-title-color-group]', + 'section' => 'title_tagline', + 'type' => 'sub-control', + 'control' => 'ast-color', + 'priority' => 10, + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-color-h-site-title' ), + 'title' => __( 'Hover', 'astra' ), + 'context' => Astra_Builder_Helper::$design_tab, + ), + + // Option: Site Tagline Color. + array( + 'name' => ASTRA_THEME_SETTINGS . '[header-color-site-tagline]', + 'type' => 'control', + 'control' => 'ast-color', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'header-color-site-tagline' ), + 'title' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? __( 'Tagline', 'astra' ) : __( 'Color', 'astra' ), + 'section' => 'title_tagline', + 'priority' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? 8 : 12, + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? array( Astra_Builder_Helper::$design_tab_config ) : '', + ), + ) + ); + } + + if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { + + $_configs = array_merge( + $_configs, + array( + /** + * Notice - Transparent meta header enabled on page. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-callback-notice-header-transparent-meta-enabled]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-header-builder-layout', + 'priority' => 1, + 'active_callback' => array( $this, 'is_transparent_header_enabled' ), + 'help' => $this->get_help_text_notice( 'transparent-meta' ), + ), + + /** + * Notice Link - Transparent meta header enabled on page. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-callback-notice-header-transparent-header-meta-link]', + 'type' => 'control', + 'control' => 'ast-customizer-link', + 'section' => 'section-header-builder-layout', + 'priority' => 1, + 'link_type' => 'section', + 'linked' => 'section-transparent-header', + 'link_text' => '' . __( 'Customize Transparent Header.', 'astra' ) . '', + 'active_callback' => array( $this, 'is_transparent_header_enabled' ), + ), + ) + ); + } + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + + $new_configs = array( + + /** + * Option: Header Site Title. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[site-title-typography]', + 'default' => astra_get_option( 'site-title-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? __( 'Title Font', 'astra' ) : __( 'Typography', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? 16 : 8, + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? array( Astra_Builder_Helper::$design_tab_config ) : '', + ), + + /** + * Options: Site Tagline. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[site-tagline-typography]', + 'default' => astra_get_option( 'site-tagline-typography' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? __( 'Tagline Font', 'astra' ) : __( 'Typography', 'astra' ), + 'section' => $_section, + 'transport' => 'postMessage', + 'priority' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? 20 : 11, + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? array( Astra_Builder_Helper::$design_tab_config ) : '', + ), + ); + + $_configs = array_merge( $_configs, $new_configs ); + } + + $configurations = array_merge( $configurations, $_configs ); + return $configurations; + + } + + /** + * Check if transparent header is enabled on the page being previewed. + * + * @since 2.4.5 + * @return boolean True - If Transparent Header is enabled, False if not. + */ + public function is_transparent_header_enabled() { + $status = Astra_Ext_Transparent_Header_Markup::is_transparent_header(); + return ( true === $status ? true : false ); + } + + /** + * Help notice message to be displayed when the page that is being previewed has Logo set from Transparent Header. + * + * @since 2.4.5 + * @param String $context Type of notice message to be returned. + * @return String HTML Markup for the help notice. + */ + private function get_help_text_notice( $context ) { + + switch ( $context ) { + case 'transparent-header': + $notice = '

    The Logo on this page is set from the Transparent Header Section. Please click the link below to customize Transparent Header Logo.

    '; + break; + case 'transparent-meta': + $notice = '

    The header on this page is set from the Transparent Header.

    Please click the link below to customize Transparent Header

    '; + break; + default: + $notice = ''; + } + return $notice; + } + } +} + + +new Astra_Site_Identity_Configs(); diff --git a/inc/customizer/configurations/layout/class-astra-site-layout-configs.php b/inc/customizer/configurations/layout/class-astra-site-layout-configs.php new file mode 100644 index 0000000..caf3e85 --- /dev/null +++ b/inc/customizer/configurations/layout/class-astra-site-layout-configs.php @@ -0,0 +1,69 @@ + ASTRA_THEME_SETTINGS . '[site-content-width]', + 'type' => 'control', + 'control' => 'ast-slider', + 'default' => astra_get_option( 'site-content-width' ), + 'section' => 'section-container-layout', + 'priority' => 10, + 'title' => __( 'Container Width', 'astra' ), + 'context' => ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'site-layouts' ) ) ? array( + Astra_Builder_Helper::$general_tab_config, + array( + 'setting' => ASTRA_THEME_SETTINGS . '[site-layout]', + 'operator' => '==', + 'value' => 'ast-full-width-layout', + ), + ) : array(), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 768, + 'step' => 1, + 'max' => 1920, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + ); + + return array_merge( $configurations, $_configs ); + } + } +} + +/** + * Kicking this off by calling 'get_instance()' method + */ +new Astra_Site_Layout_Configs(); diff --git a/inc/customizer/configurations/performance/class-astra-performance-configs.php b/inc/customizer/configurations/performance/class-astra-performance-configs.php new file mode 100644 index 0000000..844a4c2 --- /dev/null +++ b/inc/customizer/configurations/performance/class-astra-performance-configs.php @@ -0,0 +1,95 @@ + ASTRA_THEME_SETTINGS . '[load-google-fonts-locally]', + 'default' => astra_get_option( 'load-google-fonts-locally' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'transport' => 'postMessage', + 'title' => __( 'Load Google Fonts Locally', 'astra' ), + 'section' => 'section-performance', + 'priority' => 10, + ), + + /** + * Option: Preload local fonts. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[preload-local-fonts]', + 'default' => astra_get_option( 'preload-local-fonts' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'title' => __( 'Preload Local Fonts', 'astra' ), + 'divider' => array( 'ast_class' => 'ast-top-divider ast-bottom-divider' ), + 'section' => 'section-performance', + 'transport' => 'postMessage', + 'priority' => 20, + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[load-google-fonts-locally]', + 'operator' => '==', + 'value' => true, + ), + ), + ), + + /** + * Option: Regenerate Font Files + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[flush-local-font-files]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-performance', + 'priority' => 30, + 'title' => __( 'Flush Local Fonts Cache', 'astra' ), + 'help' => '

    ' . __( 'Click the button to reset the local fonts cache.', 'astra' ) . '


    ', + 'settings' => array(), + 'context' => array( + array( + 'setting' => ASTRA_THEME_SETTINGS . '[load-google-fonts-locally]', + 'operator' => '==', + 'value' => true, + ), + ), + ), + ); + + return array_merge( $configurations, $_configs ); + } +} + +new Astra_Performance_Configs(); diff --git a/inc/customizer/configurations/typography/class-astra-archive-typo-configs.php b/inc/customizer/configurations/typography/class-astra-archive-typo-configs.php new file mode 100644 index 0000000..746ccd3 --- /dev/null +++ b/inc/customizer/configurations/typography/class-astra-archive-typo-configs.php @@ -0,0 +1,197 @@ + ASTRA_THEME_SETTINGS . '[ast-blog-typography-more-feature-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-blog', + 'priority' => 999, + 'title' => '', + 'help' => '

    ' . __( 'More Options Available in Astra Pro!', 'astra' ) . '

    ' . __( 'Learn More', 'astra' ) . '', + 'settings' => array(), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + ); + } + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + + $new_configs = array( + + /** + * Option: Blog / Archive Typography + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-content-archive-summary-typo]', + 'default' => astra_get_option( 'blog-content-archive-summary-typo' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Archive Title Font', 'astra' ), + 'section' => 'section-blog', + 'transport' => 'postMessage', + 'priority' => 140, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? + Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Archive Summary Box Title Font Size + */ + array( + 'name' => 'font-size-archive-summary-title', + 'parent' => ASTRA_THEME_SETTINGS . '[blog-content-archive-summary-typo]', + 'section' => 'section-blog', + 'type' => 'sub-control', + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'font-size-archive-summary-title' ), + 'priority' => 8, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-content-blog-post-title-typo]', + 'default' => astra_get_option( 'blog-content-blog-post-title-typo' ), + 'type' => 'control', + 'control' => 'ast-settings-group', + 'title' => __( 'Post Title Font', 'astra' ), + 'section' => 'section-blog', + 'transport' => 'postMessage', + 'priority' => 140, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? + Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Blog - Post Title Font Size + */ + array( + 'name' => 'font-size-page-title', + 'parent' => ASTRA_THEME_SETTINGS . '[blog-content-blog-post-title-typo]', + 'section' => 'section-blog', + 'type' => 'sub-control', + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'priority' => 2, + 'default' => astra_get_option( 'font-size-page-title' ), + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } else { + + $new_configs = array( + + /** + * Option: Archive Summary Box Title Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-archive-summary-title]', + 'section' => 'section-blog', + 'type' => 'control', + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'font-size-archive-summary-title' ), + 'title' => __( 'Archive Title Font Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'priority' => 140, + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? + Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Blog - Post Title Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-page-title]', + 'section' => 'section-blog', + 'type' => 'control', + 'control' => 'ast-responsive', + 'transport' => 'postMessage', + 'default' => astra_get_option( 'font-size-page-title' ), + 'title' => __( 'Post Title Font Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'priority' => 140, + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? + Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab, + ), + ); + } + + $_configs = array_merge( $_configs, $new_configs ); + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } +} + +new Astra_Archive_Typo_Configs(); diff --git a/inc/customizer/configurations/typography/class-astra-body-typo-configs.php b/inc/customizer/configurations/typography/class-astra-body-typo-configs.php new file mode 100644 index 0000000..400af19 --- /dev/null +++ b/inc/customizer/configurations/typography/class-astra-body-typo-configs.php @@ -0,0 +1,277 @@ + ASTRA_THEME_SETTINGS . '[body-font-family]', + 'type' => 'control', + 'control' => 'ast-font', + 'font-type' => 'ast-font-family', + 'ast_inherit' => __( 'Default System Font', 'astra' ), + 'default' => astra_get_option( 'body-font-family' ), + 'section' => 'section-body-typo', + 'priority' => 5, + 'title' => __( 'Body Font Family', 'astra' ), + 'connect' => ASTRA_THEME_SETTINGS . '[body-font-weight]', + 'variant' => ASTRA_THEME_SETTINGS . '[body-font-variant]', + ), + + /** + * Option: Font Variant + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[body-font-variant]', + 'type' => 'control', + 'control' => 'ast-font-variant', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_variant' ), + 'default' => astra_get_option( 'body-font-variant' ), + 'ast_inherit' => __( 'Default', 'astra' ), + 'section' => 'section-body-typo', + 'priority' => 6, + 'title' => __( 'Variants', 'astra' ), + 'variant' => ASTRA_THEME_SETTINGS . '[body-font-family]', + ), + + /** + * Option: Font Weight + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[body-font-weight]', + 'type' => 'control', + 'control' => 'ast-font', + 'font-type' => 'ast-font-weight', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ), + 'default' => astra_get_option( 'body-font-weight' ), + 'ast_inherit' => __( 'Default', 'astra' ), + 'section' => 'section-body-typo', + 'priority' => 15, + 'title' => __( 'Weight', 'astra' ), + 'connect' => ASTRA_THEME_SETTINGS . '[body-font-family]', + ), + + /** + * Option: Body Text Transform + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[body-text-transform]', + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-body-typo', + 'default' => astra_get_option( 'body-text-transform' ), + 'priority' => 20, + 'title' => __( 'Text Transform', 'astra' ), + 'choices' => array( + '' => __( 'Default', 'astra' ), + 'none' => __( 'None', 'astra' ), + 'capitalize' => __( 'Capitalize', 'astra' ), + 'uppercase' => __( 'Uppercase', 'astra' ), + 'lowercase' => __( 'Lowercase', 'astra' ), + ), + ), + + /** + * Option: Body Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-body]', + 'type' => 'control', + 'control' => 'ast-responsive-slider', + 'section' => 'section-body-typo', + 'default' => astra_get_option( 'font-size-body' ), + 'priority' => 10, + 'title' => __( 'Size', 'astra' ), + 'suffix' => 'px', + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + ), + ), + + /** + * Option: Body Line Height + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[body-line-height]', + 'type' => 'control', + 'control' => 'ast-slider', + 'section' => 'section-body-typo', + 'default' => astra_get_option( 'body-line-height' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'priority' => 25, + 'title' => __( 'Line Height', 'astra' ), + 'suffix' => 'em', + 'input_attrs' => array( + 'min' => 1, + 'step' => 0.01, + 'max' => 5, + ), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + /** + * Option: Paragraph Margin Bottom + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[para-margin-bottom]', + 'type' => 'control', + 'control' => 'ast-slider', + 'default' => astra_get_option( 'para-margin-bottom' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'transport' => 'postMessage', + 'section' => 'section-body-typo', + 'priority' => 25, + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + 'title' => __( 'Paragraph Margin Bottom', 'astra' ), + 'suffix' => 'em', + 'input_attrs' => array( + 'min' => 0.5, + 'step' => 0.01, + 'max' => 5, + ), + ), + + /** + * Option: Underline links in entry-content. + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[underline-content-links]', + 'default' => astra_get_option( 'underline-content-links' ), + 'type' => 'control', + 'control' => 'ast-toggle-control', + 'section' => 'section-body-typo', + 'priority' => 27, + 'title' => __( 'Underline Content Links', 'astra' ), + 'transport' => 'postMessage', + ), + + /** + * Option: Headings Font Family + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[headings-font-family]', + 'type' => 'control', + 'control' => 'ast-font', + 'font-type' => 'ast-font-family', + 'default' => astra_get_option( 'headings-font-family' ), + 'title' => __( 'Heading Font Family', 'astra' ), + 'section' => 'section-content-typo', + 'priority' => 3, + 'connect' => ASTRA_THEME_SETTINGS . '[headings-font-weight]', + 'variant' => ASTRA_THEME_SETTINGS . '[headings-font-variant]', + ), + + /** + * Option: Font Variant + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[headings-font-variant]', + 'type' => 'control', + 'control' => 'ast-font-variant', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_variant' ), + 'default' => astra_get_option( 'headings-font-variant' ), + 'ast_inherit' => __( 'Default', 'astra' ), + 'section' => 'section-content-typo', + 'priority' => 3, + 'title' => __( 'Variants', 'astra' ), + 'variant' => ASTRA_THEME_SETTINGS . '[headings-font-family]', + ), + + /** + * Option: Headings Font Weight + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[headings-font-weight]', + 'type' => 'control', + 'control' => 'ast-font', + 'font-type' => 'ast-font-weight', + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ), + 'default' => astra_get_option( 'headings-font-weight' ), + 'title' => __( 'Weight', 'astra' ), + 'section' => 'section-content-typo', + 'priority' => 3, + 'connect' => ASTRA_THEME_SETTINGS . '[headings-font-family]', + ), + + /** + * Option: Headings Text Transform + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[headings-text-transform]', + 'type' => 'control', + 'control' => 'ast-select', + 'section' => 'section-content-typo', + 'title' => __( 'Text Transform', 'astra' ), + 'default' => astra_get_option( 'headings-text-transform' ), + 'priority' => 3, + 'choices' => array( + '' => __( 'Inherit', 'astra' ), + 'none' => __( 'None', 'astra' ), + 'capitalize' => __( 'Capitalize', 'astra' ), + 'uppercase' => __( 'Uppercase', 'astra' ), + 'lowercase' => __( 'Lowercase', 'astra' ), + ), + ), + + /** + * Option: Heading

    Line Height + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[headings-line-height]', + 'section' => 'section-content-typo', + 'default' => astra_get_option( 'headings-line-height' ), + 'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_number_n_blank' ), + 'type' => 'control', + 'control' => 'ast-slider', + 'title' => __( 'Line Height', 'astra' ), + 'transport' => 'postMessage', + 'priority' => 4, + 'suffix' => 'em', + 'input_attrs' => array( + 'min' => 1, + 'step' => 0.01, + 'max' => 5, + ), + ), + ); + + return array_merge( $configurations, $_configs ); + } + } +} + +new Astra_Body_Typo_Configs(); diff --git a/inc/customizer/configurations/typography/class-astra-content-typo-configs.php b/inc/customizer/configurations/typography/class-astra-content-typo-configs.php new file mode 100644 index 0000000..e6a99d2 --- /dev/null +++ b/inc/customizer/configurations/typography/class-astra-content-typo-configs.php @@ -0,0 +1,272 @@ + ASTRA_THEME_SETTINGS . '[divider-section-h1]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-content-typo', + 'priority' => 4, + 'title' => __( 'Heading 1', 'astra' ), + 'settings' => array(), + ), + + /** + * Option: Heading 1 (H1) Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-h1]', + 'type' => 'control', + 'control' => 'ast-responsive', + 'section' => 'section-content-typo', + 'default' => astra_get_option( 'font-size-h1' ), + 'transport' => 'postMessage', + 'priority' => 6, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Heading 2 (H2) Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[divider-section-h2]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-content-typo', + 'priority' => 9, + 'title' => __( 'Heading 2', 'astra' ), + 'settings' => array(), + ), + + /** + * Option: Heading 2 (H2) Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-h2]', + 'type' => 'control', + 'control' => 'ast-responsive', + 'section' => 'section-content-typo', + 'default' => astra_get_option( 'font-size-h2' ), + 'transport' => 'postMessage', + 'priority' => 11, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Heading 3 (H3) Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[divider-section-h3]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-content-typo', + 'priority' => 15, + 'title' => __( 'Heading 3', 'astra' ), + 'settings' => array(), + ), + + /** + * Option: Heading 3 (H3) Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-h3]', + 'type' => 'control', + 'control' => 'ast-responsive', + 'section' => 'section-content-typo', + 'priority' => 16, + 'default' => astra_get_option( 'font-size-h3' ), + 'transport' => 'postMessage', + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Heading 4 (H4) Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[divider-section-h4]', + 'type' => 'control', + 'title' => __( 'Heading 4', 'astra' ), + 'section' => 'section-content-typo', + 'control' => 'ast-heading', + 'priority' => 20, + 'settings' => array(), + ), + + /** + * Option: Heading 4 (H4) Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-h4]', + 'type' => 'control', + 'control' => 'ast-responsive', + 'section' => 'section-content-typo', + 'default' => astra_get_option( 'font-size-h4' ), + 'transport' => 'postMessage', + 'priority' => 21, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Heading 5 (H5) Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[divider-section-h5]', + 'type' => 'control', + 'control' => 'ast-heading', + 'section' => 'section-content-typo', + 'priority' => 25, + 'title' => __( 'Heading 5', 'astra' ), + 'settings' => array(), + ), + + /** + * Option: Heading 5 (H5) Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-h5]', + 'type' => 'control', + 'control' => 'ast-responsive', + 'section' => 'section-content-typo', + 'default' => astra_get_option( 'font-size-h5' ), + 'transport' => 'postMessage', + 'priority' => 26, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Heading 6 (H6) Divider + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[divider-section-h6]', + 'type' => 'control', + 'control' => 'ast-heading', + 'title' => __( 'Heading 6', 'astra' ), + 'section' => 'section-content-typo', + 'priority' => 30, + 'settings' => array(), + ), + + /** + * Option: Heading 6 (H6) Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-h6]', + 'type' => 'control', + 'control' => 'ast-responsive', + 'section' => 'section-content-typo', + 'default' => astra_get_option( 'font-size-h6' ), + 'transport' => 'postMessage', + 'priority' => 31, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + // Learn More link if Astra Pro is not activated. + if ( ! defined( 'ASTRA_EXT_VER' ) ) { + + $_configs = array( + /** + * Option: Learn More about Contant Typography + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[ast-content-typography-more-feature-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-content-typo', + 'priority' => 999, + 'title' => '', + 'help' => '

    ' . __( 'More Options Available in Astra Pro!', 'astra' ) . '

    ' . __( 'Learn More', 'astra' ) . '', + 'settings' => array(), + ), + ); + + $configurations = array_merge( $configurations, $_configs ); + + } + + return $configurations; + } + } +} + +new Astra_Content_Typo_Configs(); + + diff --git a/inc/customizer/configurations/typography/class-astra-header-typo-configs.php b/inc/customizer/configurations/typography/class-astra-header-typo-configs.php new file mode 100644 index 0000000..6bff400 --- /dev/null +++ b/inc/customizer/configurations/typography/class-astra-header-typo-configs.php @@ -0,0 +1,230 @@ + 'font-size-site-title', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[site-title-typography]', + 'section' => 'title_tagline', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-site-title' ), + 'transport' => 'postMessage', + 'priority' => 9, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + + /** + * Option: Site Tagline Font Size + */ + array( + 'name' => 'font-size-site-tagline', + 'type' => 'sub-control', + 'parent' => ASTRA_THEME_SETTINGS . '[site-tagline-typography]', + 'section' => 'title_tagline', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-site-tagline' ), + 'transport' => 'postMessage', + 'priority' => 14, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } else { + + $_configs = array( + + /** + * Option: Site Title Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-site-title]', + 'type' => 'control', + 'section' => 'title_tagline', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-site-title' ), + 'transport' => 'postMessage', + 'priority' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? 16 : 8, + 'title' => __( 'Title Font Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? array( + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'setting-key' => 'desktop', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'setting-key' => 'tablet', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'setting-key' => 'mobile', + 'operator' => '==', + 'value' => true, + ), + ), + ) : array( + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'setting-key' => 'desktop', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'setting-key' => 'tablet', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-title-responsive]', + 'setting-key' => 'mobile', + 'operator' => '==', + 'value' => true, + ), + ), + ), + ), + + /** + * Option: Site Tagline Font Size + */ + array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-site-tagline]', + 'type' => 'control', + 'section' => 'title_tagline', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-site-tagline' ), + 'transport' => 'postMessage', + 'priority' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? 20 : 12, + 'title' => __( 'Tagline Font Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? array( + Astra_Builder_Helper::$design_tab_config, + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'setting-key' => 'desktop', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'setting-key' => 'tablet', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'setting-key' => 'mobile', + 'operator' => '==', + 'value' => true, + ), + ), + ) : array( + array( + 'relation' => 'OR', + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'setting-key' => 'desktop', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'setting-key' => 'tablet', + 'operator' => '==', + 'value' => true, + ), + array( + 'setting' => ASTRA_THEME_SETTINGS . '[display-site-tagline-responsive]', + 'setting-key' => 'mobile', + 'operator' => '==', + 'value' => true, + ), + ), + ), + ), + ); + } + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } +} + +new Astra_Header_Typo_Configs(); + + diff --git a/inc/customizer/configurations/typography/class-astra-single-typo-configs.php b/inc/customizer/configurations/typography/class-astra-single-typo-configs.php new file mode 100644 index 0000000..a1dd398 --- /dev/null +++ b/inc/customizer/configurations/typography/class-astra-single-typo-configs.php @@ -0,0 +1,136 @@ + ASTRA_THEME_SETTINGS . '[ast-sngle-blog-typography-more-feature-description]', + 'type' => 'control', + 'control' => 'ast-description', + 'section' => 'section-blog-single', + 'priority' => 999, + 'title' => '', + 'help' => '

    ' . __( 'More Options Available in Astra Pro!', 'astra' ) . '

    ' . __( 'Learn More', 'astra' ) . '', + 'settings' => array(), + 'divider' => array( 'ast_class' => 'ast-bottom-divider' ), + ), + + ); + } + + if ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'typography' ) ) { + + $new_configs = array( + + array( + 'name' => ASTRA_THEME_SETTINGS . '[blog-single-title-typo]', + 'type' => 'control', + 'priority' => Astra_Builder_Helper::$is_header_footer_builder_active ? + 13 : 20, + 'control' => 'ast-settings-group', + 'title' => __( 'Post / Page Title Font', 'astra' ), + 'section' => 'section-blog-single', + 'transport' => 'postMessage', + 'context' => Astra_Builder_Helper::$is_header_footer_builder_active ? + Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab, + ), + + /** + * Option: Single Post / Page Title Font Size + */ + array( + 'name' => 'font-size-entry-title', + 'parent' => ASTRA_THEME_SETTINGS . '[blog-single-title-typo]', + 'section' => 'section-blog-single', + 'type' => 'sub-control', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-entry-title' ), + 'transport' => 'postMessage', + 'priority' => 8, + 'title' => __( 'Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + ), + ); + } else { + + $new_configs = array(); + + /** + * Option: Single Post / Page Title Font Size + */ + $new_configs[] = array( + 'name' => ASTRA_THEME_SETTINGS . '[font-size-entry-title]', + 'section' => 'section-blog-single', + 'type' => 'control', + 'control' => 'ast-responsive', + 'default' => astra_get_option( 'font-size-entry-title' ), + 'transport' => 'postMessage', + 'priority' => 9, + 'title' => __( 'Post / Page Title Font Size', 'astra' ), + 'input_attrs' => array( + 'min' => 0, + ), + 'units' => array( + 'px' => 'px', + 'em' => 'em', + ), + 'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? + Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab, + ); + } + + $_configs = array_merge( $_configs, $new_configs ); + + $configurations = array_merge( $configurations, $_configs ); + + return $configurations; + } + } +} + +new Astra_Single_Typo_Configs(); diff --git a/inc/customizer/custom-controls/assets/css/minified/custom-controls.min-rtl.css b/inc/customizer/custom-controls/assets/css/minified/custom-controls.min-rtl.css new file mode 100644 index 0000000..f61c8f0 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/minified/custom-controls.min-rtl.css @@ -0,0 +1 @@ +.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:nowrap;background:rgba(255,255,255,0);color:rgba(0,0,0,.966);text-decoration:none;text-shadow:none;outline:unset;border:1px solid #d2d2d2;width:100%;height:100%;text-align:center;justify-content:center;border-radius:unset;transition:none}.ast-alignment-inner-wrap.active .components-button.is-primary{color:#fff;background:#007cba}.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover{color:#000!important;background:rgba(255,255,255,0)}.customize-control-ast-selector .components-button .ahfb-icon-set svg{width:16px;height:16px;fill:#000}.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:#fff}.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button{border-radius:0 2px 2px 0}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:2px 0 0 2px}.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button{margin-right:-1px}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button{border-left:none}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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:8px 12px}.customize-control-ast-selector .ast-selector-responsive-wrap.active{display:flex;flex:1 1 0}.customize-control-ast-selector .ast-responsive-btns{position:absolute;left:0}.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}#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: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:nth-child(1){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 #ddd;border-radius:3px;box-shadow:none;transition:all .3s}.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;opacity:.75}.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:35px;height:26px;line-height:26px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{background-color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected,.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{padding:2px 0;font-size:12px;line-height:28px;background-color:#fff}.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:#1e8cbe}.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 .ast-border-input-item-link .ast-border-connected{color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{color:#2d3748}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.color-group-item .components-tooltip .components-popover__content{margin-bottom:12px;border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.color-group-item .components-tooltip:before{content:'';position:absolute;right:-5px;top:-12px;bottom:100%;width:0;height:0;border-bottom:5px solid transparent;border-top:5px solid #1f1f1f;border-right:5px solid transparent;border-left:5px solid transparent}.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}.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:absolute;left:100px;top:9px}.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:132px}.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group{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-responsive-btns{top:33px}.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-responsive-btns{top:78px}.ast-top-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 .ast-responsive-btns{top:50px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.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}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0}.component-color-indicator{width:25px;height:16px;margin-right:.8rem;display:inline-block;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:-4.5px;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%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 20%);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.2)!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:24px;height:24px;font-size:24px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin-top:10px;background-color:#fff;border:1px solid #a29090;border-radius:4px}.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:1;top:30px;right:0;left:0;bottom:0}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:27px;height:27px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-left:6px}.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,.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:1.5px}.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}.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:#c5c5c5}.ast-field-settings-modal .color-button-wrap{left:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{left:59px;top:0}.ast-field-settings-modal .ast-color-btn-clear-wrap{left:78px}.ast-field-settings-modal .customize-control-ast-color.customize-control,.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child{margin-top:25px}.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}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .astra-popover-color .ast-color-palette{padding:8px 13px 0 0;margin-bottom:-8px}.ast-field-settings-modal .astra-popover-color .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: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}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:23px;width:23px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{padding:6px 10px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:18px;right:4px;top:1px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.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-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:22px;width:22px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:2.5px;top:-1px;width:18px}}@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%}.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-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap .ast-responsive-btns{top:70px}.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:nowrap;background:rgba(255,255,255,0);color:rgba(0,0,0,.966);text-decoration:none;text-shadow:none;outline:unset;border:1px solid #d2d2d2;width:100%;height:100%;text-align:center;justify-content:center;border-radius:unset;transition:none}.ast-alignment-inner-wrap.active .components-button.is-primary{color:#fff;background:#007cba}.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover{color:#000!important;background:rgba(255,255,255,0)}.customize-control-ast-selector .components-button .ahfb-icon-set svg{width:16px;height:16px;fill:#000}.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:#fff}.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button{border-radius:0 2px 2px 0}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:2px 0 0 2px}.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button{margin-right:-1px}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button{border-left:none}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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:8px 12px}.customize-control-ast-selector .ast-selector-responsive-wrap.active{display:flex;flex:1 1 0}.customize-control-ast-selector .ast-responsive-btns{position:absolute;left:0}.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}#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: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:nth-child(1){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 #ddd;border-radius:3px;box-shadow:none;transition:all .3s}.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;opacity:.75}.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:35px;height:26px;line-height:26px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{background-color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected,.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{padding:2px 0;font-size:12px;line-height:28px;background-color:#fff}.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:#1e8cbe}.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 .ast-border-input-item-link .ast-border-connected{color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{color:#2d3748}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.color-group-item .components-tooltip .components-popover__content{margin-bottom:12px;border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.color-group-item .components-tooltip:before{content:'';position:absolute;right:-5px;top:-12px;bottom:100%;width:0;height:0;border-bottom:5px solid transparent;border-top:5px solid #1f1f1f;border-right:5px solid transparent;border-left:5px solid transparent}.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}.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:absolute;left:100px;top:9px}.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:132px}.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group{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-responsive-btns{top:33px}.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-responsive-btns{top:78px}.ast-top-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 .ast-responsive-btns{top:50px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.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}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0}.component-color-indicator{width:25px;height:16px;margin-right:.8rem;display:inline-block;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:-4.5px;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%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 20%);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.2)!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:24px;height:24px;font-size:24px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin-top:10px;background-color:#fff;border:1px solid #a29090;border-radius:4px}.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:1;top:30px;right:0;left:0;bottom:0}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:27px;height:27px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-left:6px}.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,.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:1.5px}.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}.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:#c5c5c5}.ast-field-settings-modal .color-button-wrap{left:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{left:59px;top:0}.ast-field-settings-modal .ast-color-btn-clear-wrap{left:78px}.ast-field-settings-modal .customize-control-ast-color.customize-control,.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child{margin-top:25px}.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}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .astra-popover-color .ast-color-palette{padding:8px 13px 0 0;margin-bottom:-8px}.ast-field-settings-modal .astra-popover-color .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: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}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:23px;width:23px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{padding:6px 10px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:18px;right:4px;top:1px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.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-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:22px;width:22px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:2.5px;top:-1px;width:18px}}@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%}.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-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap .ast-responsive-btns{top:70px}.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:nowrap;background:rgba(255,255,255,0);color:rgba(0,0,0,.966);text-decoration:none;text-shadow:none;outline:unset;border:1px solid #d2d2d2;width:100%;height:100%;text-align:center;justify-content:center;border-radius:unset;transition:none}.ast-alignment-inner-wrap.active .components-button.is-primary{color:#fff;background:#007cba}.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover{color:#000!important;background:rgba(255,255,255,0)}.customize-control-ast-selector .components-button .ahfb-icon-set svg{width:16px;height:16px;fill:#000}.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:#fff}.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button{border-radius:0 2px 2px 0}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:2px 0 0 2px}.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button{margin-right:-1px}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button{border-left:none}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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:8px 12px}.customize-control-ast-selector .ast-selector-responsive-wrap.active{display:flex;flex:1 1 0}.customize-control-ast-selector .ast-responsive-btns{position:absolute;left:0}.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}#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: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:nth-child(1){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 #ddd;border-radius:3px;box-shadow:none;transition:all .3s}.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;opacity:.75}.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:35px;height:26px;line-height:26px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{background-color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected,.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{padding:2px 0;font-size:12px;line-height:28px;background-color:#fff}.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:#1e8cbe}.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 .ast-border-input-item-link .ast-border-connected{color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{color:#2d3748}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.color-group-item .components-tooltip .components-popover__content{margin-bottom:12px;border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.color-group-item .components-tooltip:before{content:'';position:absolute;right:-5px;top:-12px;bottom:100%;width:0;height:0;border-bottom:5px solid transparent;border-top:5px solid #1f1f1f;border-right:5px solid transparent;border-left:5px solid transparent}.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}.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:absolute;left:100px;top:9px}.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:132px}.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group{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-responsive-btns{top:33px}.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-responsive-btns{top:78px}.ast-top-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 .ast-responsive-btns{top:50px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.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}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0}.component-color-indicator{width:25px;height:16px;margin-right:.8rem;display:inline-block;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:-4.5px;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%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 20%);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.2)!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:24px;height:24px;font-size:24px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin-top:10px;background-color:#fff;border:1px solid #a29090;border-radius:4px}.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:1;top:30px;right:0;left:0;bottom:0}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:27px;height:27px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-left:6px}.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,.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:1.5px}.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}.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:#c5c5c5}.ast-field-settings-modal .color-button-wrap{left:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{left:59px;top:0}.ast-field-settings-modal .ast-color-btn-clear-wrap{left:78px}.ast-field-settings-modal .customize-control-ast-color.customize-control,.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child{margin-top:25px}.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}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .astra-popover-color .ast-color-palette{padding:8px 13px 0 0;margin-bottom:-8px}.ast-field-settings-modal .astra-popover-color .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: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}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:23px;width:23px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{padding:6px 10px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:18px;right:4px;top:1px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.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-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:22px;width:22px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{right:2.5px;top:-1px;width:18px}}@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%}.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-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap .ast-responsive-btns{top:70px}.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{position:relative;margin-bottom:0;margin-top:25px}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -20px 0 -20px}#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}.components-base-control .components-base-control__field{margin-bottom:0}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:20px}.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-font-variant .select2{margin-bottom:12px}.customize-control .ast-control-tooltip{position:absolute;top:0;left:0}.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 .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 20px 25px 20px}@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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{width:20%}.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}.customize-control-ast-description .ast-description{font-style:italic}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial}.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 .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 #ddd;padding-bottom:25px}.ast-top-divider{border-top:1px solid #ddd;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 .ast-responsive-btns{top:28px}.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-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-color+.customize-control-ast-heading,.customize-control-ast-responsive-background+.customize-control-ast-heading{margin-top:30px}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -20px}.customize-control-ast-heading .customize-control-title{display:block;padding:13px 20px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;background-color:#fff;font-size:11.5px;font-weight:600;letter-spacing:1px;line-height:1;text-transform:uppercase}.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}.ast-link-open-in-new-tab-wrapper{margin:25px 0}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-left:12px}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:#fff;border-radius:3px;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.components-button-group.ahfb-radio-container-control,.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 .ast-radio-img-svg svg{width:75px;height:50px}#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg{width:37px;height:49px}.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%}.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}.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:0}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:absolute;left:64px;top:3px}.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}}.ast-responsive-select-container{display:none}.ast-responsive-select-container.active{display:block}.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;opacity:.75;outline:0}.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 #ddd}.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:#1e8cbe;border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-slider .wrapper .ast-range-unit{display:flex;align-items:center;justify-content:center;width:35px;height:28px;background:#fff;cursor:default;font-size:10px;font-weight:600;line-height:normal;letter-spacing:1px;align-self:auto;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .1s ease,font-weight .1s ease;padding:0;border-width:1px 0 1px 1px;border-style:solid;border-color:#ddd;border-radius:2px 0 0 2px}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-right:5px}.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-slider .ast-resp-slider-reset-wrap{top:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap{top:2px}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap{left:15px}.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::-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-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-responsive-spacing .ast-spacing-responsive-btns>li{margin-bottom:0;display:none;width:35px;height:26px;padding:2px 0}.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;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:13px;height:15px;line-height: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;transform:translateY(-100%);font-size:11px;text-transform:uppercase;top:0;left:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-right:6px;width:16px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa}.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 #ddd;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;opacity:.75}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-right:2px}.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:35px;height:26px;line-height:28px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:0 3px 3px 0;border-left-width:0}.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}.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{width:90%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:unset;float:left}.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;opacity:.75;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:sub}.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;opacity:.75;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns{margin-top:6px;position:absolute;left:15px;top:0}.customize-control-ast-responsive .input-wrapper{overflow:hidden}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;top:2px;left:0}.customize-control-ast-responsive .input-wrapper input{display:none;width:82%;float:none}.customize-control-ast-responsive .input-wrapper input.active{display:block}.customize-control-ast-responsive .input-wrapper .ast-responsive-select{width:50px;margin:0;margin-right:2px;padding:0 8px 0 24px;font-size:13px;text-transform:uppercase;float:none;display:none}.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{display:block;width:25%;float:none}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select{display:none}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input{width:100%}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-left:0;align-items:flex-start;flex:0 1;width:100%}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;left:0;top:1px}.ast-adv-toggle-icon{left:2px;top:0;position:absolute;width:18px;height:18px;font-size:18px;border:1px solid #ddd;border-radius:2px;padding:4px;color:#0073aa;background:#fff}.ast-adv-toggle-icon:hover{color:#099fd6}.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:10000;background-color:#fff}.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:15px;padding-left:15px;box-sizing:border-box}.ast-field-settings-modal .customize-control:first-child{margin-top:15px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:20px}.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;display:block}.ast-field-settings-modal .customize-control{margin-top:20px}.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-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}.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-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap{top:25px}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:28px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable div{padding:0 12px 0 0;border:1px solid #ddd;color:#556068;background:#fff;cursor:move;line-height:38px;margin:0 0 10px;border-radius:3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div .dashicons.visibility{float:left;position:relative;font-size:18px;padding:9px 12px;line-height:20px;border-right:1px solid #ddd}.customize-control-ast-sortable .sortable div.invisible{opacity:.6}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:20px;height:2px;top:18px;right:12px;background:#656565;border-radius:5px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.customize-control-ast-sortable .sortable div:hover{opacity:.8}.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-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:20px 0}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto}.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-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{position:relative;margin-bottom:0;margin-top:25px}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -20px 0 -20px}#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}.components-base-control .components-base-control__field{margin-bottom:0}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:20px}.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-font-variant .select2{margin-bottom:12px}.customize-control .ast-control-tooltip{position:absolute;top:0;left:0}.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 .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 20px 25px 20px}@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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{width:20%}.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}.customize-control-ast-description .ast-description{font-style:italic}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial}.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 .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 #ddd;padding-bottom:25px}.ast-top-divider{border-top:1px solid #ddd;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 .ast-responsive-btns{top:28px}.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-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-color+.customize-control-ast-heading,.customize-control-ast-responsive-background+.customize-control-ast-heading{margin-top:30px}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -20px}.customize-control-ast-heading .customize-control-title{display:block;padding:13px 20px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;background-color:#fff;font-size:11.5px;font-weight:600;letter-spacing:1px;line-height:1;text-transform:uppercase}.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}.ast-link-open-in-new-tab-wrapper{margin:25px 0}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-left:12px}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:#fff;border-radius:3px;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.components-button-group.ahfb-radio-container-control,.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 .ast-radio-img-svg svg{width:75px;height:50px}#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg{width:37px;height:49px}.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%}.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}.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:0}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:absolute;left:64px;top:3px}.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}}.ast-responsive-btns{display:inline-block;line-height:1;vertical-align:sub}.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;opacity:.75;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns{margin-top:6px;position:absolute;left:15px;top:0}.customize-control-ast-responsive .input-wrapper{overflow:hidden}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;top:2px;left:0}.customize-control-ast-responsive .input-wrapper input{display:none;width:82%;float:none}.customize-control-ast-responsive .input-wrapper input.active{display:block}.customize-control-ast-responsive .input-wrapper .ast-responsive-select{width:50px;margin:0;margin-right:2px;padding:0 8px 0 24px;font-size:13px;text-transform:uppercase;float:none;display:none}.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{display:block;width:25%;float:none}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select{display:none}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input{width:100%}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-left:0;align-items:flex-start;flex:0 1;width:100%}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;left:0;top:1px}.ast-responsive-select-container{display:none}.ast-responsive-select-container.active{display:block}.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;opacity:.75;outline:0}.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 #ddd}.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:#1e8cbe;border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-slider .wrapper .ast-range-unit{display:flex;align-items:center;justify-content:center;width:35px;height:28px;background:#fff;cursor:default;font-size:10px;font-weight:600;line-height:normal;letter-spacing:1px;align-self:auto;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .1s ease,font-weight .1s ease;padding:0;border-width:1px 0 1px 1px;border-style:solid;border-color:#ddd;border-radius:2px 0 0 2px}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-right:5px}.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-slider .ast-resp-slider-reset-wrap{top:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap{top:2px}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap{left:15px}.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::-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-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-responsive-spacing .ast-spacing-responsive-btns>li{margin-bottom:0;display:none;width:35px;height:26px;padding:2px 0}.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;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:13px;height:15px;line-height: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;transform:translateY(-100%);font-size:11px;text-transform:uppercase;top:0;left:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-right:6px;width:16px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa}.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 #ddd;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;opacity:.75}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-right:2px}.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:35px;height:26px;line-height:28px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:0 3px 3px 0;border-left-width:0}.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}.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{width:90%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:unset;float:left}.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;opacity:.75;outline:0}.ast-responsive-toggle-btns button[type=button]>i{cursor:pointer;width:15px;height:15px;font-size:15px}.ast-adv-toggle-icon{left:2px;top:0;position:absolute;width:18px;height:18px;font-size:18px;border:1px solid #ddd;border-radius:2px;padding:4px;color:#0073aa;background:#fff}.ast-adv-toggle-icon:hover{color:#099fd6}.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:10000;background-color:#fff}.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:15px;padding-left:15px;box-sizing:border-box}.ast-field-settings-modal .customize-control:first-child{margin-top:15px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:20px}.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;display:block}.ast-field-settings-modal .customize-control{margin-top:20px}.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-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}.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-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap{top:25px}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:28px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable div{padding:0 12px 0 0;border:1px solid #ddd;color:#556068;background:#fff;cursor:move;line-height:38px;margin:0 0 10px;border-radius:3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div .dashicons.visibility{float:left;position:relative;font-size:18px;padding:9px 12px;line-height:20px;border-right:1px solid #ddd}.customize-control-ast-sortable .sortable div.invisible{opacity:.6}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:20px;height:2px;top:18px;right:12px;background:#656565;border-radius:5px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.customize-control-ast-sortable .sortable div:hover{opacity:.8}.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-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:20px 0}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto}.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-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{position:relative;margin-bottom:0;margin-top:25px}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -20px 0 -20px}#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}.components-base-control .components-base-control__field{margin-bottom:0}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:20px}.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-font-variant .select2{margin-bottom:12px}.customize-control .ast-control-tooltip{position:absolute;top:0;left:0}.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 .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 20px 25px 20px}@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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{width:20%}.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}.customize-control-ast-description .ast-description{font-style:italic}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial}.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 .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 #ddd;padding-bottom:25px}.ast-top-divider{border-top:1px solid #ddd;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 .ast-responsive-btns{top:28px}.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-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-color+.customize-control-ast-heading,.customize-control-ast-responsive-background+.customize-control-ast-heading{margin-top:30px}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -20px}.customize-control-ast-heading .customize-control-title{display:block;padding:13px 20px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;background-color:#fff;font-size:11.5px;font-weight:600;letter-spacing:1px;line-height:1;text-transform:uppercase}.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}.ast-link-open-in-new-tab-wrapper{margin:25px 0}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-left:12px}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:#fff;border-radius:3px;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%}.components-button-group.ahfb-radio-container-control,.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 .ast-radio-img-svg svg{width:75px;height:50px}#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg{width:37px;height:49px}.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%}.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}.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:0}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:absolute;left:64px;top:3px}.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}}.ast-responsive-btns{display:inline-block;line-height:1;vertical-align:sub}.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;opacity:.75;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns{margin-top:6px;position:absolute;left:15px;top:0}.customize-control-ast-responsive .input-wrapper{overflow:hidden}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;top:2px;left:0}.customize-control-ast-responsive .input-wrapper input{display:none;width:82%;float:none}.customize-control-ast-responsive .input-wrapper input.active{display:block}.customize-control-ast-responsive .input-wrapper .ast-responsive-select{width:50px;margin:0;margin-right:2px;padding:0 8px 0 24px;font-size:13px;text-transform:uppercase;float:none;display:none}.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{display:block;width:25%;float:none}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select{display:none}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input{width:100%}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-left:0;align-items:flex-start;flex:0 1;width:100%}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;left:0;top:1px}.ast-responsive-select-container{display:none}.ast-responsive-select-container.active{display:block}.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;opacity:.75;outline:0}.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 #ddd}.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:#1e8cbe;border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-slider .wrapper .ast-range-unit{display:flex;align-items:center;justify-content:center;width:35px;height:28px;background:#fff;cursor:default;font-size:10px;font-weight:600;line-height:normal;letter-spacing:1px;align-self:auto;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .1s ease,font-weight .1s ease;padding:0;border-width:1px 0 1px 1px;border-style:solid;border-color:#ddd;border-radius:2px 0 0 2px}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-right:5px}.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-slider .ast-resp-slider-reset-wrap{top:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap{top:2px}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap{left:15px}.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::-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-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-responsive-spacing .ast-spacing-responsive-btns>li{margin-bottom:0;display:none;width:35px;height:26px;padding:2px 0}.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;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:13px;height:15px;line-height: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;transform:translateY(-100%);font-size:11px;text-transform:uppercase;top:0;left:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-right:6px;width:16px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa}.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 #ddd;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;opacity:.75}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-right:2px}.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:35px;height:26px;line-height:28px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:0 3px 3px 0;border-left-width:0}.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}.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{width:90%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:unset;float:left}.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;opacity:.75;outline:0}.ast-responsive-toggle-btns button[type=button]>i{cursor:pointer;width:15px;height:15px;font-size:15px}.ast-adv-toggle-icon{left:2px;top:0;position:absolute;width:18px;height:18px;font-size:18px;border:1px solid #ddd;border-radius:2px;padding:4px;color:#0073aa;background:#fff}.ast-adv-toggle-icon:hover{color:#099fd6}.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:10000;background-color:#fff}.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:15px;padding-left:15px;box-sizing:border-box}.ast-field-settings-modal .customize-control:first-child{margin-top:15px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:20px}.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;display:block}.ast-field-settings-modal .customize-control{margin-top:20px}.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-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}.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-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap{top:25px}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:28px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable div{padding:0 12px 0 0;border:1px solid #ddd;color:#556068;background:#fff;cursor:move;line-height:38px;margin:0 0 10px;border-radius:3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div .dashicons.visibility{float:left;position:relative;font-size:18px;padding:9px 12px;line-height:20px;border-right:1px solid #ddd}.customize-control-ast-sortable .sortable div.invisible{opacity:.6}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:20px;height:2px;top:18px;right:12px;background:#656565;border-radius:5px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.customize-control-ast-sortable .sortable div:hover{opacity:.8}.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-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:20px 0}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto}.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} \ No newline at end of file diff --git a/inc/customizer/custom-controls/assets/css/minified/custom-controls.min.css b/inc/customizer/custom-controls/assets/css/minified/custom-controls.min.css new file mode 100644 index 0000000..0abee3d --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/minified/custom-controls.min.css @@ -0,0 +1 @@ +.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:nowrap;background:rgba(255,255,255,0);color:rgba(0,0,0,.966);text-decoration:none;text-shadow:none;outline:unset;border:1px solid #d2d2d2;width:100%;height:100%;text-align:center;justify-content:center;border-radius:unset;transition:none}.ast-alignment-inner-wrap.active .components-button.is-primary{color:#fff;background:#007cba}.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover{color:#000!important;background:rgba(255,255,255,0)}.customize-control-ast-selector .components-button .ahfb-icon-set svg{width:16px;height:16px;fill:#000}.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:#fff}.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button{border-radius:2px 0 0 2px}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:0 2px 2px 0}.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button{margin-left:-1px}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button{border-right:none}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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:8px 12px}.customize-control-ast-selector .ast-selector-responsive-wrap.active{display:flex;flex:1 1 0}.customize-control-ast-selector .ast-responsive-btns{position:absolute;right:0}.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}#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: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:nth-child(1){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 #ddd;border-radius:3px;box-shadow:none;transition:all .3s}.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;opacity:.75}.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:35px;height:26px;line-height:26px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{background-color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected,.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{padding:2px 0;font-size:12px;line-height:28px;background-color:#fff}.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:#1e8cbe}.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 .ast-border-input-item-link .ast-border-connected{color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{color:#2d3748}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.color-group-item .components-tooltip .components-popover__content{margin-bottom:12px;border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.color-group-item .components-tooltip:before{content:'';position:absolute;left:-5px;top:-12px;bottom:100%;width:0;height:0;border-bottom:5px solid transparent;border-top:5px solid #1f1f1f;border-left:5px solid transparent;border-right:5px solid transparent}.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}.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:absolute;right:100px;top:9px}.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:132px}.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group{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-responsive-btns{top:33px}.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-responsive-btns{top:78px}.ast-top-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 .ast-responsive-btns{top:50px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.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}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0}.component-color-indicator{width:25px;height:16px;margin-left:.8rem;display:inline-block;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:-4.5px;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%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 20%);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.2)!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:24px;height:24px;font-size:24px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin-top:10px;background-color:#fff;border:1px solid #a29090;border-radius:4px}.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:1;top:30px;left:0;right:0;bottom:0}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:27px;height:27px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-right:6px}.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,.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:1.5px}.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}.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:#c5c5c5}.ast-field-settings-modal .color-button-wrap{right:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{right:59px;top:0}.ast-field-settings-modal .ast-color-btn-clear-wrap{right:78px}.ast-field-settings-modal .customize-control-ast-color.customize-control,.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child{margin-top:25px}.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}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .astra-popover-color .ast-color-palette{padding:8px 0 0 13px;margin-bottom:-8px}.ast-field-settings-modal .astra-popover-color .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: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}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:23px;width:23px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{padding:6px 10px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:18px;left:4px;top:1px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.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-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:22px;width:22px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{left:2.5px;top:-1px;width:18px}}@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%}.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-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap .ast-responsive-btns{top:70px}.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:nowrap;background:rgba(255,255,255,0);color:rgba(0,0,0,.966);text-decoration:none;text-shadow:none;outline:unset;border:1px solid #d2d2d2;width:100%;height:100%;text-align:center;justify-content:center;border-radius:unset;transition:none}.ast-alignment-inner-wrap.active .components-button.is-primary{color:#fff;background:#007cba}.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover{color:#000!important;background:rgba(255,255,255,0)}.customize-control-ast-selector .components-button .ahfb-icon-set svg{width:16px;height:16px;fill:#000}.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:#fff}.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button{border-radius:2px 0 0 2px}.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button{border-radius:0 2px 2px 0}.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button{margin-left:-1px}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button{border-right:none}.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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:8px 12px}.customize-control-ast-selector .ast-selector-responsive-wrap.active{display:flex;flex:1 1 0}.customize-control-ast-selector .ast-responsive-btns{position:absolute;right:0}.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}#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: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:nth-child(1){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 #ddd;border-radius:3px;box-shadow:none;transition:all .3s}.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;opacity:.75}.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:35px;height:26px;line-height:26px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected{background-color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected,.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{padding:2px 0;font-size:12px;line-height:28px;background-color:#fff}.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:#1e8cbe}.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 .ast-border-input-item-link .ast-border-connected{color:#1e8cbe}.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected{color:#2d3748}.customize-control-ast-border .input-wrapper.ast-border-wrapper{margin-bottom:8px}.color-group-item .components-tooltip .components-popover__content{margin-bottom:12px;border-radius:3px}.color-group-item .components-tooltip .components-popover__content>div{padding:5px 10px;line-height:1}.color-group-item .components-tooltip:before{content:'';position:absolute;left:-5px;top:-12px;bottom:100%;width:0;height:0;border-bottom:5px solid transparent;border-top:5px solid #1f1f1f;border-left:5px solid transparent;border-right:5px solid transparent}.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}.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:absolute;right:100px;top:9px}.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:132px}.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group{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-responsive-btns{top:33px}.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-responsive-btns{top:78px}.ast-top-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 .ast-responsive-btns{top:50px}.customize-control-ast-color-group .ast-divider-title+.ast-control-wrap .astra-color-picker-wrap{top:73px}.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}.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate{width:28px;height:28px;border-radius:50%;margin:0}.component-color-indicator{width:25px;height:16px;margin-left:.8rem;display:inline-block;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:-4.5px;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%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / 20%);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.2)!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:24px;height:24px;font-size:24px;border:1px solid rgba(0,0,0,.1)}.astra-popover-color{margin-top:10px;background-color:#fff;border:1px solid #a29090;border-radius:4px}.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:1;top:30px;left:0;right:0;bottom:0}.ast-field-settings-modal .astra-color-picker-wrap{position:relative;top:10px}.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:27px;height:27px}.ast-color-palette .components-circular-option-picker__option-wrapper{margin-right:6px}.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,.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:1.5px}.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}.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:#c5c5c5}.ast-field-settings-modal .color-button-wrap{right:16px}.ast-field-settings-modal .ast-color-btn-reset-wrap{right:59px;top:0}.ast-field-settings-modal .ast-color-btn-clear-wrap{right:78px}.ast-field-settings-modal .customize-control-ast-color.customize-control,.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child{margin-top:25px}.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}.customize-control .ast-gradient-color-picker .is-alpha-enabled .components-base-control__field [type=number]{width:100%}.ast-field-settings-modal .astra-popover-color .ast-color-palette{padding:8px 0 0 13px;margin-bottom:-8px}.ast-field-settings-modal .astra-popover-color .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: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}.customize-control-ast-color+.customize-control-ast-color{margin-top:30px}@media (max-width:1845px){.ast-color-palette .components-circular-option-picker__option-wrapper{height:23px;width:23px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option{padding:6px 10px}.ast-color-palette .components-circular-option-picker__option.is-pressed+svg{width:18px;left:4px;top:1px}.ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after{width:24px;height:24px}.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-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:22px;width:22px}.ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed+svg{left:2.5px;top:-1px;width:18px}}@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%}.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-top-divider.customize-control-ast-responsive-color .ast-divider-title+.ast-control-wrap .ast-responsive-btns{top:70px}.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{position:relative;margin-bottom:0;margin-top:25px}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -20px 0 -20px}#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}.components-base-control .components-base-control__field{margin-bottom:0}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:20px}.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-font-variant .select2{margin-bottom:12px}.customize-control .ast-control-tooltip{position:absolute;top:0;right:0}.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 .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 20px 25px 20px}@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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{width:20%}.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}.customize-control-ast-description .ast-description{font-style:italic}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial}.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 .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 #ddd;padding-bottom:25px}.ast-top-divider{border-top:1px solid #ddd;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 .ast-responsive-btns{top:28px}.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-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-color+.customize-control-ast-heading,.customize-control-ast-responsive-background+.customize-control-ast-heading{margin-top:30px}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -20px}.customize-control-ast-heading .customize-control-title{display:block;padding:13px 20px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;background-color:#fff;font-size:11.5px;font-weight:600;letter-spacing:1px;line-height:1;text-transform:uppercase}.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}.ast-link-open-in-new-tab-wrapper{margin:25px 0}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-right:12px}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:#fff;border-radius:3px;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.components-button-group.ahfb-radio-container-control,.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 .ast-radio-img-svg svg{width:75px;height:50px}#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg{width:37px;height:49px}.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%}.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}.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:0}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:absolute;right:64px;top:3px}.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}}.ast-responsive-select-container{display:none}.ast-responsive-select-container.active{display:block}.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;opacity:.75;outline:0}.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 #ddd}.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:#1e8cbe;border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-slider .wrapper .ast-range-unit{display:flex;align-items:center;justify-content:center;width:35px;height:28px;background:#fff;cursor:default;font-size:10px;font-weight:600;line-height:normal;letter-spacing:1px;align-self:auto;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .1s ease,font-weight .1s ease;padding:0;border-width:1px 1px 1px 0;border-style:solid;border-color:#ddd;border-radius:0 2px 2px 0}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-left:5px}.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-slider .ast-resp-slider-reset-wrap{top:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap{top:2px}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap{right:15px}.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::-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-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-responsive-spacing .ast-spacing-responsive-btns>li{margin-bottom:0;display:none;width:35px;height:26px;padding:2px 0}.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;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:13px;height:15px;line-height: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;transform:translateY(-100%);font-size:11px;text-transform:uppercase;top:0;right:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-left:6px;width:16px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa}.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 #ddd;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;opacity:.75}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-left:2px}.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:35px;height:26px;line-height:28px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px 0 0 3px;border-right-width:0}.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}.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{width:90%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:unset;float:right}.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;opacity:.75;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:sub}.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;opacity:.75;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns{margin-top:6px;position:absolute;right:15px;top:0}.customize-control-ast-responsive .input-wrapper{overflow:hidden}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;top:2px;right:0}.customize-control-ast-responsive .input-wrapper input{display:none;width:82%;float:none}.customize-control-ast-responsive .input-wrapper input.active{display:block}.customize-control-ast-responsive .input-wrapper .ast-responsive-select{width:50px;margin:0;margin-left:2px;padding:0 24px 0 8px;font-size:13px;text-transform:uppercase;float:none;display:none}.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{display:block;width:25%;float:none}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select{display:none}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input{width:100%}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-right:0;align-items:flex-start;flex:0 1;width:100%}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;right:0;top:1px}.ast-adv-toggle-icon{right:2px;top:0;position:absolute;width:18px;height:18px;font-size:18px;border:1px solid #ddd;border-radius:2px;padding:4px;color:#0073aa;background:#fff}.ast-adv-toggle-icon:hover{color:#099fd6}.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:10000;background-color:#fff}.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:15px;padding-right:15px;box-sizing:border-box}.ast-field-settings-modal .customize-control:first-child{margin-top:15px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:20px}.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;display:block}.ast-field-settings-modal .customize-control{margin-top:20px}.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-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}.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-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap{top:25px}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:28px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable div{padding:0 0 0 12px;border:1px solid #ddd;color:#556068;background:#fff;cursor:move;line-height:38px;margin:0 0 10px;border-radius:3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div .dashicons.visibility{float:right;position:relative;font-size:18px;padding:9px 12px;line-height:20px;border-left:1px solid #ddd}.customize-control-ast-sortable .sortable div.invisible{opacity:.6}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:20px;height:2px;top:18px;left:12px;background:#656565;border-radius:5px;transform:rotate(-45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.customize-control-ast-sortable .sortable div:hover{opacity:.8}.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-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:20px 0}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto}.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-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{position:relative;margin-bottom:0;margin-top:25px}[ID*="-builder-layout-ast-context-tabs"]{margin-top:10px}.customize-section-title{margin:-12px -20px 0 -20px}#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}.components-base-control .components-base-control__field{margin-bottom:0}.customize-control .customize-inside-control-row{padding-top:0;padding-bottom:0}.customize-control-title{display:inline-block;margin-bottom:20px}.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-font-variant .select2{margin-bottom:12px}.customize-control .ast-control-tooltip{position:absolute;top:0;right:0}.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 .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 20px 25px 20px}@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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{width:20%}.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}.customize-control-ast-description .ast-description{font-style:italic}.customize-control-ast-description a.button{margin-top:10px;font-style:normal}.customize-control-ast-description p{margin:0;cursor:initial}.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 .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 #ddd;padding-bottom:25px}.ast-top-divider{border-top:1px solid #ddd;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 .ast-responsive-btns{top:28px}.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-wrap .customize-control-ast-heading{margin:0 0 15px 0}.customize-control-ast-color+.customize-control-ast-heading,.customize-control-ast-responsive-background+.customize-control-ast-heading{margin-top:30px}.customize-control-ast-heading{margin-top:25px;margin-bottom:0}.customize-control-ast-heading .ast-heading-wrapper{margin:0 -20px}.customize-control-ast-heading .customize-control-title{display:block;padding:13px 20px;margin:0;border-width:1px 0;border-style:solid;border-color:#ddd;background-color:#fff;font-size:11.5px;font-weight:600;letter-spacing:1px;line-height:1;text-transform:uppercase}.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}.ast-link-open-in-new-tab-wrapper{margin:25px 0}.customize-control-ast-radio-image label{position:relative;display:inline-block;margin-right:12px}.customize-control-ast-radio-image input{display:none}.customize-control-ast-radio-image input:checked+label svg{background:#fff;border-radius:3px;box-shadow:0 0 3px 0 rgba(0,133,186,.67)}.customize-control-ast-radio-image input+label .image-clickable{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.components-button-group.ahfb-radio-container-control,.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 .ast-radio-img-svg svg{width:75px;height:50px}#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg,#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg{width:37px;height:49px}.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%}.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}.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:0}.customize-control-ast-responsive-background .ast-responsive-btns,.customize-control-ast-responsive-color .ast-responsive-btns{position:absolute;right:64px;top:3px}.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}}.ast-responsive-select-container{display:none}.ast-responsive-select-container.active{display:block}.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;opacity:.75;outline:0}.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 #ddd}.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:#1e8cbe;border-radius:2px;outline:0}.customize-control-ast-responsive-slider .ast-range-unit,.customize-control-ast-slider .wrapper .ast-range-unit{display:flex;align-items:center;justify-content:center;width:35px;height:28px;background:#fff;cursor:default;font-size:10px;font-weight:600;line-height:normal;letter-spacing:1px;align-self:auto;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .1s ease,font-weight .1s ease;padding:0;border-width:1px 1px 1px 0;border-style:solid;border-color:#ddd;border-radius:0 2px 2px 0}.customize-control-ast-responsive-slider .components-input-control__container,.customize-control-ast-slider .components-input-control__container{margin-left:5px}.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-slider .ast-resp-slider-reset-wrap{top:0}.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap{top:2px}.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap{right:15px}.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::-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-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-responsive-spacing .ast-spacing-responsive-btns>li{margin-bottom:0;display:none;width:35px;height:26px;padding:2px 0}.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;opacity:.75;outline:0;width:100%;height:100%}.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type=button]>i{font-size:13px;height:15px;line-height: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;transform:translateY(-100%);font-size:11px;text-transform:uppercase;top:0;right:0}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit{display:inline-block;margin-left:6px;width:16px;text-align:center;user-select:none;opacity:.6}.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active{opacity:1;font-weight:600;color:#0073aa}.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 #ddd;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;opacity:.75}.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link{order:2;margin-left:2px}.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:35px;height:26px;line-height:28px;font-size:14px;border:1px solid #ddd;background-color:#fff;border-radius:3px 0 0 3px;border-right-width:0}.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}.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{width:90%;display:inline-block;vertical-align:middle}.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns{position:unset;float:right}.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;opacity:.75;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:sub}.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;opacity:.75;outline:0}.ast-responsive-btns button[type=button]>i{width:15px;height:15px;font-size:15px}.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns{margin-top:6px;position:absolute;right:15px;top:0}.customize-control-ast-responsive .input-wrapper{overflow:hidden}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;top:2px;right:0}.customize-control-ast-responsive .input-wrapper input{display:none;width:82%;float:none}.customize-control-ast-responsive .input-wrapper input.active{display:block}.customize-control-ast-responsive .input-wrapper .ast-responsive-select{width:50px;margin:0;margin-left:2px;padding:0 24px 0 8px;font-size:13px;text-transform:uppercase;float:none;display:none}.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active+.ast-responsive-select{display:block;width:25%;float:none}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active{display:inline-block}.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper{display:inline-block}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select{display:none}#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input{width:100%}.input-wrapper.ast-responsive-wrapper{display:inline-flex;justify-content:space-between;margin-right:0;align-items:flex-start;flex:0 1;width:100%}.customize-control-ast-responsive .ast-responsive-btns{position:absolute;right:0;top:1px}.ast-adv-toggle-icon{right:2px;top:0;position:absolute;width:18px;height:18px;font-size:18px;border:1px solid #ddd;border-radius:2px;padding:4px;color:#0073aa;background:#fff}.ast-adv-toggle-icon:hover{color:#099fd6}.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:10000;background-color:#fff}.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:15px;padding-right:15px;box-sizing:border-box}.ast-field-settings-modal .customize-control:first-child{margin-top:15px}.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child{margin-top:0}.ast-field-settings-modal .customize-control:last-child{padding-bottom:20px}.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;display:block}.ast-field-settings-modal .customize-control{margin-top:20px}.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-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}.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-responsive-slider .ast-resp-slider-reset-wrap,.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap{top:25px}.ast-top-divider.customize-control-ast-slider .ast-divider-title+.ast-slider-wrap .ast-resp-slider-reset-wrap{top:68px}.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns{top:28px}.customize-control-ast-sortable .sortable{cursor:default}.customize-control-ast-sortable .sortable .dashicons-visibility{cursor:pointer}.customize-control-ast-sortable .sortable div{padding:0 0 0 12px;border:1px solid #ddd;color:#556068;background:#fff;cursor:move;line-height:38px;margin:0 0 10px;border-radius:3px}.customize-control-ast-sortable .sortable div:last-child{margin:0}.customize-control-ast-sortable .sortable div .dashicons.visibility{float:right;position:relative;font-size:18px;padding:9px 12px;line-height:20px;border-left:1px solid #ddd}.customize-control-ast-sortable .sortable div.invisible{opacity:.6}.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after{opacity:1;position:absolute;content:'';width:20px;height:2px;top:18px;left:12px;background:#656565;border-radius:5px;transform:rotate(-45deg);box-shadow:0 0 0 1px #fff;transition:opacity .2s ease}.customize-control-ast-sortable .sortable div:hover{opacity:.8}.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-control .components-toggle-control .components-form-toggle{margin:0;order:2}.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field{margin:20px 0}.ast-togglecontrol-wrapper label,.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label{display:flex;flex:1 1 auto}.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} \ No newline at end of file diff --git a/inc/customizer/custom-controls/assets/css/unminified/alignment-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/alignment-rtl.css new file mode 100644 index 0000000..2c10549 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/alignment-rtl.css @@ -0,0 +1,92 @@ +.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: nowrap; + background: rgba(255,255,255,0); + color: rgba(0, 0, 0, 0.966); + text-decoration: none; + text-shadow: none; + outline: unset; + border: 1px solid #d2d2d2; + width: 100%; + height: 100%; + text-align: center; + justify-content: center; + border-radius: unset; + transition: none; +} +.ast-alignment-inner-wrap.active .components-button.is-primary { + color: #ffffff; + background: #007cba; +} +.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover { + color: #000 !important; + background: rgba(255,255,255,0); +} + +.customize-control-ast-selector .components-button .ahfb-icon-set svg { + width: 16px; + height: 16px; + fill: black; +} +.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: #ffffff; +} + +.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button { + border-radius: 0px 2px 2px 0px; +} +.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button { + border-radius: 2px 0px 0px 2px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button { + margin-right: -1px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button { + border-left: none; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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: 8px 12px; +} +.customize-control-ast-selector .ast-selector-responsive-wrap.active { + display: flex; + flex: 1 1 0; +} +.customize-control-ast-selector .ast-responsive-btns { + position: absolute; + left: 0; +} +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/alignment.css b/inc/customizer/custom-controls/assets/css/unminified/alignment.css new file mode 100644 index 0000000..85a04ae --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/alignment.css @@ -0,0 +1,92 @@ +.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: nowrap; + background: rgba(255,255,255,0); + color: rgba(0, 0, 0, 0.966); + text-decoration: none; + text-shadow: none; + outline: unset; + border: 1px solid #d2d2d2; + width: 100%; + height: 100%; + text-align: center; + justify-content: center; + border-radius: unset; + transition: none; +} +.ast-alignment-inner-wrap.active .components-button.is-primary { + color: #ffffff; + background: #007cba; +} +.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover { + color: #000 !important; + background: rgba(255,255,255,0); +} + +.customize-control-ast-selector .components-button .ahfb-icon-set svg { + width: 16px; + height: 16px; + fill: black; +} +.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: #ffffff; +} + +.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button { + border-radius: 2px 0px 0px 2px; +} +.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button { + border-radius: 0px 2px 2px 0px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button { + margin-left: -1px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button { + border-right: none; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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: 8px 12px; +} +.customize-control-ast-selector .ast-selector-responsive-wrap.active { + display: flex; + flex: 1 1 0; +} +.customize-control-ast-selector .ast-responsive-btns { + position: absolute; + right: 0; +} +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/background-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/background-rtl.css new file mode 100644 index 0000000..331a40c --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/background-rtl.css @@ -0,0 +1,113 @@ +#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-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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/background.css b/inc/customizer/custom-controls/assets/css/unminified/background.css new file mode 100644 index 0000000..9c4dae4 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/background.css @@ -0,0 +1,113 @@ +#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-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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/border-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/border-rtl.css new file mode 100644 index 0000000..f0b7600 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/border-rtl.css @@ -0,0 +1,152 @@ +.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 #dddddd; + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.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; + opacity: .75; +} + +.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: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + background-color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected, +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + padding: 2px 0; + font-size: 12px; + line-height: 28px; + background-color: #ffffff +} +.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: #1e8cbe; +} +.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 .ast-border-input-item-link .ast-border-connected { + color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + color: #2D3748; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/border.css b/inc/customizer/custom-controls/assets/css/unminified/border.css new file mode 100644 index 0000000..c5ed081 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/border.css @@ -0,0 +1,152 @@ +.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 #dddddd; + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.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; + opacity: .75; +} + +.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: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + background-color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected, +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + padding: 2px 0; + font-size: 12px; + line-height: 28px; + background-color: #ffffff +} +.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: #1e8cbe; +} +.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 .ast-border-input-item-link .ast-border-connected { + color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + color: #2D3748; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/color-group-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/color-group-rtl.css new file mode 100644 index 0000000..001c50f --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/color-group-rtl.css @@ -0,0 +1,137 @@ +.color-group-item .components-tooltip .components-popover__content { + margin-bottom: 12px; + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.color-group-item .components-tooltip:before { + content: ''; + position: absolute; + right: -5px; + top: -12px; + bottom: 100%; + width: 0; + height: 0; + border-bottom: 5px solid transparent; + border-top: 5px solid #1f1f1f; + border-right: 5px solid transparent; + border-left: 5px solid transparent; +} + +.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; +} + +.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: absolute; + left: 100px; + top: 9px; +} + +.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: 132px; +} + +.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group { + 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-responsive-btns { + top: 33px; +} + +.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-responsive-btns { + top: 78px; +} + +.ast-top-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 .ast-responsive-btns { + top: 50px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/color-group.css b/inc/customizer/custom-controls/assets/css/unminified/color-group.css new file mode 100644 index 0000000..10e9787 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/color-group.css @@ -0,0 +1,137 @@ +.color-group-item .components-tooltip .components-popover__content { + margin-bottom: 12px; + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.color-group-item .components-tooltip:before { + content: ''; + position: absolute; + left: -5px; + top: -12px; + bottom: 100%; + width: 0; + height: 0; + border-bottom: 5px solid transparent; + border-top: 5px solid #1f1f1f; + border-left: 5px solid transparent; + border-right: 5px solid transparent; +} + +.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; +} + +.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: absolute; + right: 100px; + top: 9px; +} + +.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: 132px; +} + +.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group { + 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-responsive-btns { + top: 33px; +} + +.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-responsive-btns { + top: 78px; +} + +.ast-top-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 .ast-responsive-btns { + top: 50px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/color-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/color-rtl.css new file mode 100644 index 0000000..ef3f1f6 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/color-rtl.css @@ -0,0 +1,506 @@ + /** 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; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; +} +.component-color-indicator { + width: 25px; + height: 16px; + margin-right: 0.8rem; + display: inline-block; + 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: -4.5px; + 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%; + box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%); + 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.2) !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: 24px; + height: 24px; + font-size: 24px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin-top: 10px; + background-color: #ffffff; + border: 1px solid #a29090; + border-radius: 4px; +} + +.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: 1; + top: 30px; + right: 0; + left: 0; + bottom: 0; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 27px; + height: 27px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 6px; +} +/* 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, +.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: 1.5px; +} +.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; +} +.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: #c5c5c5; +} +/** 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: 0; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + left: 78px; +} +.ast-field-settings-modal .customize-control-ast-color.customize-control, +.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child { + margin-top: 25px; +} +.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; +} +/** 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 .astra-popover-color .ast-color-palette { + padding: 8px 13px 0px 0px; + margin-bottom: -8px; +} +.ast-field-settings-modal .astra-popover-color .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: 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; +} +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 23px; + width: 23px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + padding: 6px 10px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 18px; + right: 4px; + top: 1px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .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-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: 22px; + width: 22px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 2.5px; + top: -1px; + width: 18px; + } +} +@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%; +} + +.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-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap .ast-responsive-btns { + top: 70px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/color.css b/inc/customizer/custom-controls/assets/css/unminified/color.css new file mode 100644 index 0000000..c04d4b4 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/color.css @@ -0,0 +1,506 @@ + /** 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; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; +} +.component-color-indicator { + width: 25px; + height: 16px; + margin-left: 0.8rem; + display: inline-block; + 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: -4.5px; + 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%; + box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%); + 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.2) !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: 24px; + height: 24px; + font-size: 24px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin-top: 10px; + background-color: #ffffff; + border: 1px solid #a29090; + border-radius: 4px; +} + +.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: 1; + top: 30px; + left: 0; + right: 0; + bottom: 0; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 27px; + height: 27px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-right: 6px; +} +/* 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, +.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: 1.5px; +} +.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; +} +.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: #c5c5c5; +} +/** 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: 0; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + right: 78px; +} +.ast-field-settings-modal .customize-control-ast-color.customize-control, +.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child { + margin-top: 25px; +} +.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; +} +/** 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 .astra-popover-color .ast-color-palette { + padding: 8px 0px 0px 13px; + margin-bottom: -8px; +} +.ast-field-settings-modal .astra-popover-color .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: 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; +} +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 23px; + width: 23px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + padding: 6px 10px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 18px; + left: 4px; + top: 1px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .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-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: 22px; + width: 22px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 2.5px; + top: -1px; + width: 18px; + } +} +@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%; +} + +.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-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap .ast-responsive-btns { + top: 70px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/custom-controls-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/custom-controls-rtl.css new file mode 100644 index 0000000..a04ff18 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/custom-controls-rtl.css @@ -0,0 +1,5569 @@ +.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: nowrap; + background: rgba(255,255,255,0); + color: rgba(0, 0, 0, 0.966); + text-decoration: none; + text-shadow: none; + outline: unset; + border: 1px solid #d2d2d2; + width: 100%; + height: 100%; + text-align: center; + justify-content: center; + border-radius: unset; + transition: none; +} +.ast-alignment-inner-wrap.active .components-button.is-primary { + color: #ffffff; + background: #007cba; +} +.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover { + color: #000 !important; + background: rgba(255,255,255,0); +} + +.customize-control-ast-selector .components-button .ahfb-icon-set svg { + width: 16px; + height: 16px; + fill: black; +} +.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: #ffffff; +} + +.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button { + border-radius: 0px 2px 2px 0px; +} +.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button { + border-radius: 2px 0px 0px 2px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button { + margin-right: -1px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button { + border-left: none; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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: 8px 12px; +} +.customize-control-ast-selector .ast-selector-responsive-wrap.active { + display: flex; + flex: 1 1 0; +} +.customize-control-ast-selector .ast-responsive-btns { + position: absolute; + left: 0; +} +.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; +} + +#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-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 #dddddd; + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.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; + opacity: .75; +} + +.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: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + background-color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected, +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + padding: 2px 0; + font-size: 12px; + line-height: 28px; + background-color: #ffffff +} +.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: #1e8cbe; +} +.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 .ast-border-input-item-link .ast-border-connected { + color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + color: #2D3748; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} + +.color-group-item .components-tooltip .components-popover__content { + margin-bottom: 12px; + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.color-group-item .components-tooltip:before { + content: ''; + position: absolute; + right: -5px; + top: -12px; + bottom: 100%; + width: 0; + height: 0; + border-bottom: 5px solid transparent; + border-top: 5px solid #1f1f1f; + border-right: 5px solid transparent; + border-left: 5px solid transparent; +} + +.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; +} + +.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: absolute; + left: 100px; + top: 9px; +} + +.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: 132px; +} + +.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group { + 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-responsive-btns { + top: 33px; +} + +.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-responsive-btns { + top: 78px; +} + +.ast-top-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 .ast-responsive-btns { + top: 50px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + + /** 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; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; +} +.component-color-indicator { + width: 25px; + height: 16px; + margin-right: 0.8rem; + display: inline-block; + 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: -4.5px; + 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%; + box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%); + 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.2) !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: 24px; + height: 24px; + font-size: 24px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin-top: 10px; + background-color: #ffffff; + border: 1px solid #a29090; + border-radius: 4px; +} + +.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: 1; + top: 30px; + right: 0; + left: 0; + bottom: 0; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 27px; + height: 27px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 6px; +} +/* 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, +.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: 1.5px; +} +.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; +} +.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: #c5c5c5; +} +/** 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: 0; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + left: 78px; +} +.ast-field-settings-modal .customize-control-ast-color.customize-control, +.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child { + margin-top: 25px; +} +.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; +} +/** 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 .astra-popover-color .ast-color-palette { + padding: 8px 13px 0px 0px; + margin-bottom: -8px; +} +.ast-field-settings-modal .astra-popover-color .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: 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; +} +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 23px; + width: 23px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + padding: 6px 10px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 18px; + right: 4px; + top: 1px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .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-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: 22px; + width: 22px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 2.5px; + top: -1px; + width: 18px; + } +} +@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%; +} + +.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-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap .ast-responsive-btns { + top: 70px; +} + +.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: nowrap; + background: rgba(255,255,255,0); + color: rgba(0, 0, 0, 0.966); + text-decoration: none; + text-shadow: none; + outline: unset; + border: 1px solid #d2d2d2; + width: 100%; + height: 100%; + text-align: center; + justify-content: center; + border-radius: unset; + transition: none; +} +.ast-alignment-inner-wrap.active .components-button.is-primary { + color: #ffffff; + background: #007cba; +} +.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover { + color: #000 !important; + background: rgba(255,255,255,0); +} + +.customize-control-ast-selector .components-button .ahfb-icon-set svg { + width: 16px; + height: 16px; + fill: black; +} +.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: #ffffff; +} + +.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button { + border-radius: 0px 2px 2px 0px; +} +.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button { + border-radius: 2px 0px 0px 2px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button { + margin-right: -1px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button { + border-left: none; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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: 8px 12px; +} +.customize-control-ast-selector .ast-selector-responsive-wrap.active { + display: flex; + flex: 1 1 0; +} +.customize-control-ast-selector .ast-responsive-btns { + position: absolute; + left: 0; +} +.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; +} + +#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-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 #dddddd; + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.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; + opacity: .75; +} + +.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: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + background-color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected, +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + padding: 2px 0; + font-size: 12px; + line-height: 28px; + background-color: #ffffff +} +.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: #1e8cbe; +} +.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 .ast-border-input-item-link .ast-border-connected { + color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + color: #2D3748; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} + +.color-group-item .components-tooltip .components-popover__content { + margin-bottom: 12px; + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.color-group-item .components-tooltip:before { + content: ''; + position: absolute; + right: -5px; + top: -12px; + bottom: 100%; + width: 0; + height: 0; + border-bottom: 5px solid transparent; + border-top: 5px solid #1f1f1f; + border-right: 5px solid transparent; + border-left: 5px solid transparent; +} + +.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; +} + +.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: absolute; + left: 100px; + top: 9px; +} + +.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: 132px; +} + +.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group { + 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-responsive-btns { + top: 33px; +} + +.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-responsive-btns { + top: 78px; +} + +.ast-top-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 .ast-responsive-btns { + top: 50px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + + /** 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; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; +} +.component-color-indicator { + width: 25px; + height: 16px; + margin-right: 0.8rem; + display: inline-block; + 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: -4.5px; + 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%; + box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%); + 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.2) !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: 24px; + height: 24px; + font-size: 24px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin-top: 10px; + background-color: #ffffff; + border: 1px solid #a29090; + border-radius: 4px; +} + +.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: 1; + top: 30px; + right: 0; + left: 0; + bottom: 0; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 27px; + height: 27px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-left: 6px; +} +/* 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, +.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: 1.5px; +} +.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; +} +.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: #c5c5c5; +} +/** 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: 0; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + left: 78px; +} +.ast-field-settings-modal .customize-control-ast-color.customize-control, +.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child { + margin-top: 25px; +} +.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; +} +/** 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 .astra-popover-color .ast-color-palette { + padding: 8px 13px 0px 0px; + margin-bottom: -8px; +} +.ast-field-settings-modal .astra-popover-color .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: 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; +} +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 23px; + width: 23px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + padding: 6px 10px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 18px; + right: 4px; + top: 1px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .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-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: 22px; + width: 22px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + right: 2.5px; + top: -1px; + width: 18px; + } +} +@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%; +} + +.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-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap .ast-responsive-btns { + top: 70px; +} + +.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 { + position: relative; + margin-bottom: 0; + margin-top: 25px; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -20px 0 -20px; +} + +.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; +} + +.components-base-control .components-base-control__field { + margin-bottom: 0; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 20px; +} + +.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-font-variant .select2 { + margin-bottom: 12px; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + left: 0; +} + +.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; +} + +/* 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 20px 25px 20px; +} + +/* 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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + width: 20%; + } + .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; +} + +.customize-control-ast-description .ast-description { + font-style: italic; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; +} + +.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 .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 #ddd; + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid #ddd; + 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 .ast-responsive-btns { + top: 28px; +} + +.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-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-responsive-background + .customize-control-ast-heading, .customize-control-ast-color + .customize-control-ast-heading { + margin-top: 30px; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -20px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 13px 20px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + background-color: #fff; + font-size: 11.5px; + font-weight: 600; + letter-spacing: 1px; + line-height: 1; + text-transform: uppercase; +} + +.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; +} + +.ast-link-open-in-new-tab-wrapper { + margin: 25px 0; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-left: 12px; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.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, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg { + width: 37px; + height: 49px; +} + +.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%; +} + +.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; +} + +.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: 0; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: absolute; + left: 64px; + top: 3px; +} +.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; + } +} + +.ast-responsive-select-container { + display: none; +} + +.ast-responsive-select-container.active { + display: block; +} + +.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; + opacity: .75; + outline: none; +} + +.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 #ddd; +} +.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: #1e8cbe; + border-radius: 2px; + outline: none; +} +.customize-control-ast-slider .wrapper .ast-range-unit, .customize-control-ast-responsive-slider .ast-range-unit { + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 28px; + background: #fff; + cursor: default; + font-size: 10px; + font-weight: 600; + line-height: normal; + letter-spacing: 1px; + align-self: auto; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color 0.1s ease, font-weight 0.1s ease; + padding: 0; + border-width: 1px 0 1px 1px; + border-style: solid; + border-color: #ddd; + border-radius: 2px 0 0 2px; +} +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-right: 5px; +} +.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-slider .ast-resp-slider-reset-wrap { + top: 0; +} +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 2px; +} +.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + left: 15px; +} + +.customize-control-ast-responsive-spacing { + /* Unit Screen wrap */ +} + +.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::-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-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-responsive-spacing .ast-spacing-responsive-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; + padding: 2px 0; +} + +.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; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 13px; + height: 15px; + line-height: 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; + transform: translateY(-100%); + font-size: 11px; + text-transform: uppercase; + top: 0; + left: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; +} + +.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 #dddddd; + 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; + opacity: .75; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-right: 2px; +} + +.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: 35px; + height: 26px; + line-height: 28px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; + border-left-width: 0; +} + +.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; +} + +.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 { + width: 90%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: unset; + float: left; +} + +.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; + opacity: .75; + 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: sub; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns { + margin-top: 6px; + position: absolute; + left: 15px; + top: 0px; +} + +.customize-control-ast-responsive .input-wrapper { + overflow: hidden; +} + +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + top: 2px; + left: 0; +} + +.customize-control-ast-responsive .input-wrapper input { + display: none; + width: 82%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper input.active { + display: block; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + width: 50px; + margin: 0; + margin-right: 2px; + padding: 0 8px 0 24px; + font-size: 13px; + text-transform: uppercase; + float: none; + display: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + display: block; + width: 25%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + display: none; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input { + width: 100%; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-left: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + left: 0px; + top: 1px; +} + +.ast-adv-toggle-icon { + left: 2px; + top: 0; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border: 1px solid #ddd; + border-radius: 2px; + padding: 4px; + color: #0073aa; + background: #fff; +} + +.ast-adv-toggle-icon:hover { + color: #099fd6; +} + +.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: 10000; + background-color: #fff; +} + +.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: 15px; + padding-left: 15px; + box-sizing: border-box; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 15px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 20px; +} + +.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; + display: block; +} + +.ast-field-settings-modal .customize-control { + margin-top: 20px; +} + +/** + * 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-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; +} + +.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; +} +.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap, +.ast-top-divider.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 25px; +} +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} +.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 28px; +} + +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable div { + padding: 0 12px 0 0; + border: 1px solid #dddddd; + color: #556068; + background: #ffffff; + cursor: move; + line-height: 38px; + margin: 0 0 10px; + border-radius: 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div .dashicons.visibility { + float: left; + position: relative; + font-size: 18px; + padding: 9px 12px; + line-height: 20px; + border-right: 1px solid #ddd; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 20px; + height: 2px; + top: 18px; + right: 12px; + background: #656565; + border-radius: 5px; + transform: rotate(45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +.customize-control-ast-sortable .sortable div:hover { + opacity: 0.8; +} + +.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 { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; +} + +.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-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 { + position: relative; + margin-bottom: 0; + margin-top: 25px; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -20px 0 -20px; +} + +.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; +} + +.components-base-control .components-base-control__field { + margin-bottom: 0; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 20px; +} + +.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-font-variant .select2 { + margin-bottom: 12px; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + left: 0; +} + +.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; +} + +/* 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 20px 25px 20px; +} + +/* 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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + width: 20%; + } + .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; +} + +.customize-control-ast-description .ast-description { + font-style: italic; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; +} + +.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 .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 #ddd; + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid #ddd; + 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 .ast-responsive-btns { + top: 28px; +} + +.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-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-responsive-background + .customize-control-ast-heading, .customize-control-ast-color + .customize-control-ast-heading { + margin-top: 30px; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -20px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 13px 20px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + background-color: #fff; + font-size: 11.5px; + font-weight: 600; + letter-spacing: 1px; + line-height: 1; + text-transform: uppercase; +} + +.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; +} + +.ast-link-open-in-new-tab-wrapper { + margin: 25px 0; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-left: 12px; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.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, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg { + width: 37px; + height: 49px; +} + +.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%; +} + +.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; +} + +.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: 0; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: absolute; + left: 64px; + top: 3px; +} +.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; + } +} + +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: sub; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns { + margin-top: 6px; + position: absolute; + left: 15px; + top: 0px; +} + +.customize-control-ast-responsive .input-wrapper { + overflow: hidden; +} + +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + top: 2px; + left: 0; +} + +.customize-control-ast-responsive .input-wrapper input { + display: none; + width: 82%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper input.active { + display: block; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + width: 50px; + margin: 0; + margin-right: 2px; + padding: 0 8px 0 24px; + font-size: 13px; + text-transform: uppercase; + float: none; + display: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + display: block; + width: 25%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + display: none; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input { + width: 100%; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-left: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + left: 0px; + top: 1px; +} + +.ast-responsive-select-container { + display: none; +} + +.ast-responsive-select-container.active { + display: block; +} + +.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; + opacity: .75; + outline: none; +} + +.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 #ddd; +} +.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: #1e8cbe; + border-radius: 2px; + outline: none; +} +.customize-control-ast-slider .wrapper .ast-range-unit, .customize-control-ast-responsive-slider .ast-range-unit { + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 28px; + background: #fff; + cursor: default; + font-size: 10px; + font-weight: 600; + line-height: normal; + letter-spacing: 1px; + align-self: auto; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color 0.1s ease, font-weight 0.1s ease; + padding: 0; + border-width: 1px 0 1px 1px; + border-style: solid; + border-color: #ddd; + border-radius: 2px 0 0 2px; +} +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-right: 5px; +} +.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-slider .ast-resp-slider-reset-wrap { + top: 0; +} +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 2px; +} +.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + left: 15px; +} + +.customize-control-ast-responsive-spacing { + /* Unit Screen wrap */ +} + +.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::-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-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-responsive-spacing .ast-spacing-responsive-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; + padding: 2px 0; +} + +.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; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 13px; + height: 15px; + line-height: 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; + transform: translateY(-100%); + font-size: 11px; + text-transform: uppercase; + top: 0; + left: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; +} + +.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 #dddddd; + 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; + opacity: .75; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-right: 2px; +} + +.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: 35px; + height: 26px; + line-height: 28px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; + border-left-width: 0; +} + +.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; +} + +.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 { + width: 90%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: unset; + float: left; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} +.ast-adv-toggle-icon { + left: 2px; + top: 0; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border: 1px solid #ddd; + border-radius: 2px; + padding: 4px; + color: #0073aa; + background: #fff; +} + +.ast-adv-toggle-icon:hover { + color: #099fd6; +} + +.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: 10000; + background-color: #fff; +} + +.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: 15px; + padding-left: 15px; + box-sizing: border-box; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 15px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 20px; +} + +.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; + display: block; +} + +.ast-field-settings-modal .customize-control { + margin-top: 20px; +} + +/** + * 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-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; +} + +.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; +} +.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap, +.ast-top-divider.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 25px; +} +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} +.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 28px; +} + +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable div { + padding: 0 12px 0 0; + border: 1px solid #dddddd; + color: #556068; + background: #ffffff; + cursor: move; + line-height: 38px; + margin: 0 0 10px; + border-radius: 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div .dashicons.visibility { + float: left; + position: relative; + font-size: 18px; + padding: 9px 12px; + line-height: 20px; + border-right: 1px solid #ddd; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 20px; + height: 2px; + top: 18px; + right: 12px; + background: #656565; + border-radius: 5px; + transform: rotate(45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +.customize-control-ast-sortable .sortable div:hover { + opacity: 0.8; +} + +.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 { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; +} + +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/custom-controls.css b/inc/customizer/custom-controls/assets/css/unminified/custom-controls.css new file mode 100644 index 0000000..cac956b --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/custom-controls.css @@ -0,0 +1,2784 @@ +.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: nowrap; + background: rgba(255,255,255,0); + color: rgba(0, 0, 0, 0.966); + text-decoration: none; + text-shadow: none; + outline: unset; + border: 1px solid #d2d2d2; + width: 100%; + height: 100%; + text-align: center; + justify-content: center; + border-radius: unset; + transition: none; +} +.ast-alignment-inner-wrap.active .components-button.is-primary { + color: #ffffff; + background: #007cba; +} +.customize-control-ast-selector .ast-alignment-wrapper .ast-alignment-inner-wrap.active .components-button:not(.is-primary):hover { + color: #000 !important; + background: rgba(255,255,255,0); +} + +.customize-control-ast-selector .components-button .ahfb-icon-set svg { + width: 16px; + height: 16px; + fill: black; +} +.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: #ffffff; +} + +.customize-control-ast-selector .ast-alignment-inner-wrap:first-child .components-button { + border-radius: 2px 0px 0px 2px; +} +.customize-control-ast-selector .ast-alignment-inner-wrap:last-child .components-button { + border-radius: 0px 2px 2px 0px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:not(:first-child) .components-button { + margin-left: -1px; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(2):not(:last-child) .components-button { + border-right: none; +} +.ast-alignment-wrapper .ast-alignment-inner-wrap:nth-child(3):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: 8px 12px; +} +.customize-control-ast-selector .ast-selector-responsive-wrap.active { + display: flex; + flex: 1 1 0; +} +.customize-control-ast-selector .ast-responsive-btns { + position: absolute; + right: 0; +} +.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; +} + +#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-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 #dddddd; + border-radius: 3px; + box-shadow: none; + transition: all 0.3s; +} + +.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; + opacity: .75; +} + +.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: 35px; + height: 26px; + line-height: 26px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px; +} + +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected { + background-color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-connected, +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + padding: 2px 0; + font-size: 12px; + line-height: 28px; + background-color: #ffffff +} +.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: #1e8cbe; +} +.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 .ast-border-input-item-link .ast-border-connected { + color: #1e8cbe; +} +.customize-control-ast-border .input-wrapper .ast-border-wrapper .ast-border-input-item-link .ast-border-disconnected { + color: #2D3748; +} +.customize-control-ast-border .input-wrapper.ast-border-wrapper { + margin-bottom: 8px; +} + +.color-group-item .components-tooltip .components-popover__content { + margin-bottom: 12px; + border-radius: 3px; +} + +.color-group-item .components-tooltip .components-popover__content > div { + padding: 5px 10px; + line-height: 1; +} + +.color-group-item .components-tooltip:before { + content: ''; + position: absolute; + left: -5px; + top: -12px; + bottom: 100%; + width: 0; + height: 0; + border-bottom: 5px solid transparent; + border-top: 5px solid #1f1f1f; + border-left: 5px solid transparent; + border-right: 5px solid transparent; +} + +.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; +} + +.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: absolute; + right: 100px; + top: 9px; +} + +.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: 132px; +} + +.customize-control-ast-color-group .ast-responsive-btns.ast-multiple-colors-group { + 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-responsive-btns { + top: 33px; +} + +.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-responsive-btns { + top: 78px; +} + +.ast-top-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 .ast-responsive-btns { + top: 50px; +} + +.customize-control-ast-color-group .ast-divider-title + .ast-control-wrap .astra-color-picker-wrap { + top: 73px; +} + + /** 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; +} + +.components-button.astra-color-icon-indicate .component-color-indicator.astra-advanced-color-indicate { + width: 28px; + height: 28px; + border-radius: 50%; + margin: 0; +} +.component-color-indicator { + width: 25px; + height: 16px; + margin-left: 0.8rem; + display: inline-block; + 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: -4.5px; + 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%; + box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%); + 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.2) !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: 24px; + height: 24px; + font-size: 24px; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.astra-popover-color { + margin-top: 10px; + background-color: #ffffff; + border: 1px solid #a29090; + border-radius: 4px; +} + +.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: 1; + top: 30px; + left: 0; + right: 0; + bottom: 0; +} +.ast-field-settings-modal .astra-color-picker-wrap { + position: relative; + top: 10px; +} +.components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 27px; + height: 27px; +} +.ast-color-palette .components-circular-option-picker__option-wrapper { + margin-right: 6px; +} +/* 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, +.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: 1.5px; +} +.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; +} +.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: #c5c5c5; +} +/** 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: 0; +} +.ast-field-settings-modal .ast-color-btn-clear-wrap { + right: 78px; +} +.ast-field-settings-modal .customize-control-ast-color.customize-control, +.ast-field-settings-modal .customize-control-ast-color.customize-control:first-child { + margin-top: 25px; +} +.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; +} +/** 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 .astra-popover-color .ast-color-palette { + padding: 8px 0px 0px 13px; + margin-bottom: -8px; +} +.ast-field-settings-modal .astra-popover-color .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: 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; +} +.customize-control-ast-color + .customize-control-ast-color { + margin-top: 30px; +} +@media (max-width: 1845px) { + /** Responsive Devices - Compatibility CSS */ + .ast-color-palette .components-circular-option-picker__option-wrapper { + height: 23px; + width: 23px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option { + padding: 6px 10px; + } + .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + width: 18px; + left: 4px; + top: 1px; + } + .ast-color-palette .components-circular-option-picker__option-wrapper .components-circular-option-picker__option:focus::after { + width: 24px; + height: 24px; + } + .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-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: 22px; + width: 22px; + } + .ast-field-settings-modal .ast-color-palette .components-circular-option-picker__option.is-pressed + svg { + left: 2.5px; + top: -1px; + width: 18px; + } +} +@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%; +} + +.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-top-divider.customize-control-ast-responsive-color .ast-divider-title + .ast-control-wrap .ast-responsive-btns { + top: 70px; +} + +.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 { + position: relative; + margin-bottom: 0; + margin-top: 25px; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -20px 0 -20px; +} + +.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; +} + +.components-base-control .components-base-control__field { + margin-bottom: 0; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 20px; +} + +.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-font-variant .select2 { + margin-bottom: 12px; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + right: 0; +} + +.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; +} + +/* 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 20px 25px 20px; +} + +/* 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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + width: 20%; + } + .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; +} + +.customize-control-ast-description .ast-description { + font-style: italic; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; +} + +.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 .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 #ddd; + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid #ddd; + 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 .ast-responsive-btns { + top: 28px; +} + +.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-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-responsive-background + .customize-control-ast-heading, .customize-control-ast-color + .customize-control-ast-heading { + margin-top: 30px; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -20px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 13px 20px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + background-color: #fff; + font-size: 11.5px; + font-weight: 600; + letter-spacing: 1px; + line-height: 1; + text-transform: uppercase; +} + +.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; +} + +.ast-link-open-in-new-tab-wrapper { + margin: 25px 0; +} + +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-right: 12px; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.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, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg { + width: 37px; + height: 49px; +} + +.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%; +} + +.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; +} + +.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: 0; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: absolute; + right: 64px; + top: 3px; +} +.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; + } +} + +.ast-responsive-select-container { + display: none; +} + +.ast-responsive-select-container.active { + display: block; +} + +.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; + opacity: .75; + outline: none; +} + +.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 #ddd; +} +.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: #1e8cbe; + border-radius: 2px; + outline: none; +} +.customize-control-ast-slider .wrapper .ast-range-unit, .customize-control-ast-responsive-slider .ast-range-unit { + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 28px; + background: #fff; + cursor: default; + font-size: 10px; + font-weight: 600; + line-height: normal; + letter-spacing: 1px; + align-self: auto; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color 0.1s ease, font-weight 0.1s ease; + padding: 0; + border-width: 1px 1px 1px 0; + border-style: solid; + border-color: #ddd; + border-radius: 0 2px 2px 0; +} +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-left: 5px; +} +.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-slider .ast-resp-slider-reset-wrap { + top: 0; +} +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 2px; +} +.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + right: 15px; +} + +.customize-control-ast-responsive-spacing { + /* Unit Screen wrap */ +} + +.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::-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-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-responsive-spacing .ast-spacing-responsive-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; + padding: 2px 0; +} + +.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; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 13px; + height: 15px; + line-height: 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; + transform: translateY(-100%); + font-size: 11px; + text-transform: uppercase; + top: 0; + right: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-left: 6px; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; +} + +.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 #dddddd; + 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; + opacity: .75; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-left: 2px; +} + +.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: 35px; + height: 26px; + line-height: 28px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px 0 0 3px; + border-right-width: 0; +} + +.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; +} + +.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 { + width: 90%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: unset; + float: right; +} + +.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; + opacity: .75; + 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: sub; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns { + margin-top: 6px; + position: absolute; + right: 15px; + top: 0px; +} + +.customize-control-ast-responsive .input-wrapper { + overflow: hidden; +} + +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + top: 2px; + right: 0; +} + +.customize-control-ast-responsive .input-wrapper input { + display: none; + width: 82%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper input.active { + display: block; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + width: 50px; + margin: 0; + margin-left: 2px; + padding: 0 24px 0 8px; + font-size: 13px; + text-transform: uppercase; + float: none; + display: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + display: block; + width: 25%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + display: none; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input { + width: 100%; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-right: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + right: 0px; + top: 1px; +} + +.ast-adv-toggle-icon { + right: 2px; + top: 0; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border: 1px solid #ddd; + border-radius: 2px; + padding: 4px; + color: #0073aa; + background: #fff; +} + +.ast-adv-toggle-icon:hover { + color: #099fd6; +} + +.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: 10000; + background-color: #fff; +} + +.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: 15px; + padding-right: 15px; + box-sizing: border-box; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 15px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 20px; +} + +.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; + display: block; +} + +.ast-field-settings-modal .customize-control { + margin-top: 20px; +} + +/** + * 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-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; +} + +.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; +} +.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap, +.ast-top-divider.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 25px; +} +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} +.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 28px; +} + +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable div { + padding: 0 0 0 12px; + border: 1px solid #dddddd; + color: #556068; + background: #ffffff; + cursor: move; + line-height: 38px; + margin: 0 0 10px; + border-radius: 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div .dashicons.visibility { + float: right; + position: relative; + font-size: 18px; + padding: 9px 12px; + line-height: 20px; + border-left: 1px solid #ddd; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 20px; + height: 2px; + top: 18px; + left: 12px; + background: #656565; + border-radius: 5px; + transform: rotate(-45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +.customize-control-ast-sortable .sortable div:hover { + opacity: 0.8; +} + +.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 { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; +} + +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/customizer-link-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/customizer-link-rtl.css new file mode 100644 index 0000000..cb96ae0 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/customizer-link-rtl.css @@ -0,0 +1,8 @@ +.customize-control-ast-customizer-link .customizer-link { + font-style: italic; + text-decoration: none; +} + +.customize-control-ast-customizer-link:empty { + display:none; +} \ No newline at end of file diff --git a/inc/customizer/custom-controls/assets/css/unminified/customizer-link.css b/inc/customizer/custom-controls/assets/css/unminified/customizer-link.css new file mode 100644 index 0000000..cb96ae0 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/customizer-link.css @@ -0,0 +1,8 @@ +.customize-control-ast-customizer-link .customizer-link { + font-style: italic; + text-decoration: none; +} + +.customize-control-ast-customizer-link:empty { + display:none; +} \ No newline at end of file diff --git a/inc/customizer/custom-controls/assets/css/unminified/customizer-style-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/customizer-style-rtl.css new file mode 100644 index 0000000..ab4861c --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/customizer-style-rtl.css @@ -0,0 +1,171 @@ +/* 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 { + position: relative; + margin-bottom: 0; + margin-top: 25px; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -20px 0 -20px; +} + +.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; +} + +.components-base-control .components-base-control__field { + margin-bottom: 0; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 20px; +} + +.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-font-variant .select2 { + margin-bottom: 12px; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + left: 0; +} + +.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; +} + +/* 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 20px 25px 20px; +} + +/* 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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + width: 20%; + } + .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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/customizer-style.css b/inc/customizer/custom-controls/assets/css/unminified/customizer-style.css new file mode 100644 index 0000000..dc9c8a1 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/customizer-style.css @@ -0,0 +1,171 @@ +/* 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 { + position: relative; + margin-bottom: 0; + margin-top: 25px; +} + +[ID*="-builder-layout-ast-context-tabs"] { + margin-top: 10px; +} + +.customize-section-title { + margin: -12px -20px 0 -20px; +} + +.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; +} + +.components-base-control .components-base-control__field { + margin-bottom: 0; +} + +.customize-control .customize-inside-control-row { + padding-top: 0; + padding-bottom: 0; +} + +.customize-control-title { + display: inline-block; + margin-bottom: 20px; +} + +.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-font-variant .select2 { + margin-bottom: 12px; +} + +.customize-control .ast-control-tooltip { + position: absolute; + top: 0; + right: 0; +} + +.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; +} + +/* 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 20px 25px 20px; +} + +/* 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-field-settings-modal .customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + width: 20%; + } + .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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/description-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/description-rtl.css new file mode 100644 index 0000000..188033c --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/description-rtl.css @@ -0,0 +1,13 @@ +.customize-control-ast-description .ast-description { + font-style: italic; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/description.css b/inc/customizer/custom-controls/assets/css/unminified/description.css new file mode 100644 index 0000000..188033c --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/description.css @@ -0,0 +1,13 @@ +.customize-control-ast-description .ast-description { + font-style: italic; +} + +.customize-control-ast-description a.button { + margin-top: 10px; + font-style: normal; +} + +.customize-control-ast-description p { + margin: 0; + cursor: initial; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/divider-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/divider-rtl.css new file mode 100644 index 0000000..70e5803 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/divider-rtl.css @@ -0,0 +1,86 @@ +.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 .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 #ddd; + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid #ddd; + 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 .ast-responsive-btns { + top: 28px; +} + +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/divider.css b/inc/customizer/custom-controls/assets/css/unminified/divider.css new file mode 100644 index 0000000..70e5803 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/divider.css @@ -0,0 +1,86 @@ +.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 .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 #ddd; + padding-bottom: 25px; +} + +.ast-top-divider { + border-top: 1px solid #ddd; + 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 .ast-responsive-btns { + top: 28px; +} + +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/heading-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/heading-rtl.css new file mode 100644 index 0000000..0ff856e --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/heading-rtl.css @@ -0,0 +1,69 @@ +.ast-field-settings-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-responsive-background + .customize-control-ast-heading, .customize-control-ast-color + .customize-control-ast-heading { + margin-top: 30px; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -20px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 13px 20px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + background-color: #fff; + font-size: 11.5px; + font-weight: 600; + letter-spacing: 1px; + line-height: 1; + text-transform: uppercase; +} + +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/heading.css b/inc/customizer/custom-controls/assets/css/unminified/heading.css new file mode 100644 index 0000000..103f91d --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/heading.css @@ -0,0 +1,69 @@ +.ast-field-settings-wrap .customize-control-ast-heading { + margin: 0px 0 15px 0; +} + +.customize-control-ast-responsive-background + .customize-control-ast-heading, .customize-control-ast-color + .customize-control-ast-heading { + margin-top: 30px; +} + +.customize-control-ast-heading { + margin-top: 25px; + margin-bottom: 0; +} + +.customize-control-ast-heading .ast-heading-wrapper { + margin: 0 -20px; +} + +.customize-control-ast-heading .customize-control-title { + display: block; + padding: 13px 20px; + margin: 0; + border-width: 1px 0; + border-style: solid; + border-color: #dddddd; + background-color: #fff; + font-size: 11.5px; + font-weight: 600; + letter-spacing: 1px; + line-height: 1; + text-transform: uppercase; +} + +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/link-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/link-rtl.css new file mode 100644 index 0000000..a13d180 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/link-rtl.css @@ -0,0 +1,3 @@ +.ast-link-open-in-new-tab-wrapper { + margin: 25px 0; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/link.css b/inc/customizer/custom-controls/assets/css/unminified/link.css new file mode 100644 index 0000000..a13d180 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/link.css @@ -0,0 +1,3 @@ +.ast-link-open-in-new-tab-wrapper { + margin: 25px 0; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/radio-image-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/radio-image-rtl.css new file mode 100644 index 0000000..9e8d453 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/radio-image-rtl.css @@ -0,0 +1,44 @@ +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-left: 12px; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.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, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg { + width: 37px; + height: 49px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/radio-image.css b/inc/customizer/custom-controls/assets/css/unminified/radio-image.css new file mode 100644 index 0000000..394d020 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/radio-image.css @@ -0,0 +1,44 @@ +.customize-control-ast-radio-image label { + position: relative; + display: inline-block; + margin-right: 12px; +} + +.customize-control-ast-radio-image input { + display: none; +} + +.customize-control-ast-radio-image input:checked + label svg { + background: #ffffff; + border-radius: 3px; + box-shadow: 0 0 3px 0px rgba(0, 133, 186, 0.67); +} + +.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, .components-button-group.ahfb-radio-container-control { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 5px; + grid-row-gap: 5px; +} + +.customize-control-ast-radio-image .ast-radio-img-svg svg { + width: 75px; + height: 50px; +} + +#customize-control-astra-settings-above-header-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-header-main-menu-align .ast-radio-img-svg svg, +#customize-control-astra-settings-below-header-menu-align .ast-radio-img-svg svg { + width: 37px; + height: 49px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-background-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-background-rtl.css new file mode 100644 index 0000000..ba850c5 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-background-rtl.css @@ -0,0 +1,307 @@ +.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%; +} + +.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; +} + +.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: 0; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: absolute; + left: 64px; + top: 3px; +} +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-background.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-background.css new file mode 100644 index 0000000..841120a --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-background.css @@ -0,0 +1,307 @@ +.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%; +} + +.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; +} + +.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: 0; +} +.customize-control-ast-responsive-background .ast-responsive-btns, +.customize-control-ast-responsive-color .ast-responsive-btns { + position: absolute; + right: 64px; + top: 3px; +} +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-color-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-color-rtl.css new file mode 100644 index 0000000..98b23db --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-color-rtl.css @@ -0,0 +1,70 @@ +.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; + } +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-color.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-color.css new file mode 100644 index 0000000..8b67011 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-color.css @@ -0,0 +1,70 @@ +.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; + } +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-rtl.css new file mode 100644 index 0000000..6ab981a --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-rtl.css @@ -0,0 +1,111 @@ +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: sub; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns { + margin-top: 6px; + position: absolute; + left: 15px; + top: 0px; +} + +.customize-control-ast-responsive .input-wrapper { + overflow: hidden; +} + +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + top: 2px; + left: 0; +} + +.customize-control-ast-responsive .input-wrapper input { + display: none; + width: 82%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper input.active { + display: block; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + width: 50px; + margin: 0; + margin-right: 2px; + padding: 0 8px 0 24px; + font-size: 13px; + text-transform: uppercase; + float: none; + display: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + display: block; + width: 25%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + display: none; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input { + width: 100%; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-left: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + left: 0px; + top: 1px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-select-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-select-rtl.css new file mode 100644 index 0000000..b2571e5 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-select-rtl.css @@ -0,0 +1,7 @@ +.ast-responsive-select-container { + display: none; +} + +.ast-responsive-select-container.active { + display: block; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-select.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-select.css new file mode 100644 index 0000000..b2571e5 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-select.css @@ -0,0 +1,7 @@ +.ast-responsive-select-container { + display: none; +} + +.ast-responsive-select-container.active { + display: block; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css new file mode 100644 index 0000000..6a87839 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider-rtl.css @@ -0,0 +1,167 @@ +.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; + opacity: .75; + outline: none; +} + +.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 #ddd; +} +.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: #1e8cbe; + border-radius: 2px; + outline: none; +} +.customize-control-ast-slider .wrapper .ast-range-unit, .customize-control-ast-responsive-slider .ast-range-unit { + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 28px; + background: #fff; + cursor: default; + font-size: 10px; + font-weight: 600; + line-height: normal; + letter-spacing: 1px; + align-self: auto; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color 0.1s ease, font-weight 0.1s ease; + padding: 0; + border-width: 1px 0 1px 1px; + border-style: solid; + border-color: #ddd; + border-radius: 2px 0 0 2px; +} +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-right: 5px; +} +.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-slider .ast-resp-slider-reset-wrap { + top: 0; +} +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 2px; +} +.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + left: 15px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css new file mode 100644 index 0000000..a09b6aa --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-slider.css @@ -0,0 +1,167 @@ +.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; + opacity: .75; + outline: none; +} + +.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 #ddd; +} +.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: #1e8cbe; + border-radius: 2px; + outline: none; +} +.customize-control-ast-slider .wrapper .ast-range-unit, .customize-control-ast-responsive-slider .ast-range-unit { + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 28px; + background: #fff; + cursor: default; + font-size: 10px; + font-weight: 600; + line-height: normal; + letter-spacing: 1px; + align-self: auto; + text-transform: uppercase; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color 0.1s ease, font-weight 0.1s ease; + padding: 0; + border-width: 1px 1px 1px 0; + border-style: solid; + border-color: #ddd; + border-radius: 0 2px 2px 0; +} +.customize-control-ast-slider .components-input-control__container, .customize-control-ast-responsive-slider .components-input-control__container { + margin-left: 5px; +} +.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-slider .ast-resp-slider-reset-wrap { + top: 0; +} +.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 2px; +} +.customize-control-ast-settings-group .customize-control-ast-slider .ast-resp-slider-reset-wrap, +.customize-control-ast-settings-group .customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + right: 15px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-spacing-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-spacing-rtl.css new file mode 100644 index 0000000..8bae579 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-spacing-rtl.css @@ -0,0 +1,171 @@ +.customize-control-ast-responsive-spacing { + /* Unit Screen wrap */ +} + +.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::-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-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-responsive-spacing .ast-spacing-responsive-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; + padding: 2px 0; +} + +.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; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 13px; + height: 15px; + line-height: 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; + transform: translateY(-100%); + font-size: 11px; + text-transform: uppercase; + top: 0; + left: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-right: 6px; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; +} + +.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 #dddddd; + 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; + opacity: .75; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-right: 2px; +} + +.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: 35px; + height: 26px; + line-height: 28px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 0 3px 3px 0; + border-left-width: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-wrapper > li:nth-child(2) { + margin-right: 0; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-spacing.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-spacing.css new file mode 100644 index 0000000..db6febf --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-spacing.css @@ -0,0 +1,171 @@ +.customize-control-ast-responsive-spacing { + /* Unit Screen wrap */ +} + +.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::-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-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-responsive-spacing .ast-spacing-responsive-btns > li { + margin-bottom: 0; + display: none; + width: 35px; + height: 26px; + padding: 2px 0; +} + +.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; + opacity: .75; + outline: none; + width: 100%; + height: 100%; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-btns button[type="button"] > i { + font-size: 13px; + height: 15px; + line-height: 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; + transform: translateY(-100%); + font-size: 11px; + text-transform: uppercase; + top: 0; + right: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit { + display: inline-block; + margin-left: 6px; + width: 16px; + text-align: center; + user-select: none; + opacity: 0.6; +} + +.customize-control-ast-responsive-spacing .ast-spacing-responsive-units li.single-unit.active { + opacity: 1; + font-weight: 600; + color: #0073aa; +} + +.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 #dddddd; + 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; + opacity: .75; +} + +.customize-control-ast-responsive-spacing .input-wrapper .ast-spacing-wrapper .ast-spacing-input-item-link { + order: 2; + margin-left: 2px; +} + +.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: 35px; + height: 26px; + line-height: 28px; + font-size: 14px; + border: 1px solid #dddddd; + background-color: #ffffff; + border-radius: 3px 0 0 3px; + border-right-width: 0; +} + +.customize-control-ast-responsive-spacing .ast-spacing-wrapper > li:nth-child(2) { + margin-left: 0; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control-rtl.css new file mode 100644 index 0000000..557da27 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control-rtl.css @@ -0,0 +1,61 @@ +.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; +} + +.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 { + width: 90%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: unset; + float: left; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} \ No newline at end of file diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control.css b/inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control.css new file mode 100644 index 0000000..0cb052f --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive-toggle-control.css @@ -0,0 +1,61 @@ +.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; +} + +.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 { + width: 90%; + display: inline-block; + vertical-align: middle; +} + +.customize-control-ast-responsive-toggle-control .ast-responsive-toggle-control-wrapper .ast-responsive-toggle-btns { + position: unset; + float: right; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-toggle-btns button[type="button"] > i { + cursor: pointer; + width: 15px; + height: 15px; + font-size: 15px; +} \ No newline at end of file diff --git a/inc/customizer/custom-controls/assets/css/unminified/responsive.css b/inc/customizer/custom-controls/assets/css/unminified/responsive.css new file mode 100644 index 0000000..0cb552a --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/responsive.css @@ -0,0 +1,111 @@ +.ast-responsive-btns { + display: inline-block; + line-height: 1; + vertical-align: sub; +} + +.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; + opacity: .75; + outline: none; +} + +.ast-responsive-btns button[type="button"] > i { + width: 15px; + height: 15px; + font-size: 15px; +} + +.ast-field-settings-modal .customize-control-ast-responsive .ast-responsive-btns { + margin-top: 6px; + position: absolute; + right: 15px; + top: 0px; +} + +.customize-control-ast-responsive .input-wrapper { + overflow: hidden; +} + +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + top: 2px; + right: 0; +} + +.customize-control-ast-responsive .input-wrapper input { + display: none; + width: 82%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper input.active { + display: block; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + width: 50px; + margin: 0; + margin-left: 2px; + padding: 0 24px 0 8px; + font-size: 13px; + text-transform: uppercase; + float: none; + display: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-responsive-input.active + .ast-responsive-select { + display: block; + width: 25%; + float: none; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-input.active { + display: inline-block; +} + +.customize-control-ast-responsive .input-wrapper .ast-non-reponsive.ast-responsive-select { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper { + display: inline-block; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-select { + display: none; +} + +#customize-control-astra-settings-font-size-body.customize-control-ast-responsive .input-wrapper .ast-responsive-input { + width: 100%; +} + +.input-wrapper.ast-responsive-wrapper { + display: inline-flex; + justify-content: space-between; + margin-right: 0; + align-items: flex-start; + flex: 0 1; + width: 100%; +} +.customize-control-ast-responsive .ast-responsive-btns { + position: absolute; + right: 0px; + top: 1px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/settings-group-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/settings-group-rtl.css new file mode 100644 index 0000000..3671ed5 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/settings-group-rtl.css @@ -0,0 +1,314 @@ +.ast-adv-toggle-icon { + left: 2px; + top: 0; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border: 1px solid #ddd; + border-radius: 2px; + padding: 4px; + color: #0073aa; + background: #fff; +} + +.ast-adv-toggle-icon:hover { + color: #099fd6; +} + +.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: 10000; + background-color: #fff; +} + +.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: 15px; + padding-left: 15px; + box-sizing: border-box; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 15px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 20px; +} + +.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; + display: block; +} + +.ast-field-settings-modal .customize-control { + margin-top: 20px; +} + +/** + * 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-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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/settings-group.css b/inc/customizer/custom-controls/assets/css/unminified/settings-group.css new file mode 100644 index 0000000..3122234 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/settings-group.css @@ -0,0 +1,314 @@ +.ast-adv-toggle-icon { + right: 2px; + top: 0; + position: absolute; + width: 18px; + height: 18px; + font-size: 18px; + border: 1px solid #ddd; + border-radius: 2px; + padding: 4px; + color: #0073aa; + background: #fff; +} + +.ast-adv-toggle-icon:hover { + color: #099fd6; +} + +.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: 10000; + background-color: #fff; +} + +.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: 15px; + padding-right: 15px; + box-sizing: border-box; +} + +.ast-field-settings-modal .customize-control:first-child { + margin-top: 15px; +} + +.ast-field-settings-modal .ui-tabs-nav .customize-control:first-child { + margin-top: 0; +} + +.ast-field-settings-modal .customize-control:last-child { + padding-bottom: 20px; +} + +.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; + display: block; +} + +.ast-field-settings-modal .customize-control { + margin-top: 20px; +} + +/** + * 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-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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/slider-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/slider-rtl.css new file mode 100644 index 0000000..1671a23 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/slider-rtl.css @@ -0,0 +1,55 @@ +.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; +} +.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap, +.ast-top-divider.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 25px; +} +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} +.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 28px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/slider.css b/inc/customizer/custom-controls/assets/css/unminified/slider.css new file mode 100644 index 0000000..e5e407c --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/slider.css @@ -0,0 +1,55 @@ +.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; +} +.customize-control-ast-slider.ast-top-divider .ast-resp-slider-reset-wrap, +.ast-top-divider.customize-control-ast-responsive-slider .ast-resp-slider-reset-wrap { + top: 25px; +} +.ast-top-divider.customize-control-ast-slider .ast-divider-title + .ast-slider-wrap .ast-resp-slider-reset-wrap { + top: 68px; +} +.ast-top-divider.customize-control-ast-responsive-slider .ast-responsive-slider-btns { + top: 28px; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/sortable-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/sortable-rtl.css new file mode 100644 index 0000000..e026fcd --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/sortable-rtl.css @@ -0,0 +1,53 @@ +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable div { + padding: 0 12px 0 0; + border: 1px solid #dddddd; + color: #556068; + background: #ffffff; + cursor: move; + line-height: 38px; + margin: 0 0 10px; + border-radius: 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div .dashicons.visibility { + float: left; + position: relative; + font-size: 18px; + padding: 9px 12px; + line-height: 20px; + border-right: 1px solid #ddd; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 20px; + height: 2px; + top: 18px; + right: 12px; + background: #656565; + border-radius: 5px; + transform: rotate(45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +.customize-control-ast-sortable .sortable div:hover { + opacity: 0.8; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/sortable.css b/inc/customizer/custom-controls/assets/css/unminified/sortable.css new file mode 100644 index 0000000..e12f420 --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/sortable.css @@ -0,0 +1,53 @@ +.customize-control-ast-sortable .sortable { + cursor: default; +} + +.customize-control-ast-sortable .sortable .dashicons-visibility { + cursor: pointer; +} + +.customize-control-ast-sortable .sortable div { + padding: 0 0 0 12px; + border: 1px solid #dddddd; + color: #556068; + background: #ffffff; + cursor: move; + line-height: 38px; + margin: 0 0 10px; + border-radius: 3px; +} +.customize-control-ast-sortable .sortable div:last-child { + margin: 0; +} + +.customize-control-ast-sortable .sortable div .dashicons.visibility { + float: right; + position: relative; + font-size: 18px; + padding: 9px 12px; + line-height: 20px; + border-left: 1px solid #ddd; +} + +.customize-control-ast-sortable .sortable div.invisible { + opacity: 0.6; +} + +.customize-control-ast-sortable .sortable div.invisible .dashicons.visibility:after { + opacity: 1; + position: absolute; + content: ''; + width: 20px; + height: 2px; + top: 18px; + left: 12px; + background: #656565; + border-radius: 5px; + transform: rotate(-45deg); + box-shadow: 0px 0px 0px 1px #fff; + transition: opacity 0.2s ease; +} + +.customize-control-ast-sortable .sortable div:hover { + opacity: 0.8; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/toggle-control-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/toggle-control-rtl.css new file mode 100644 index 0000000..ac4803a --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/toggle-control-rtl.css @@ -0,0 +1,17 @@ +.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 { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/toggle-control.css b/inc/customizer/custom-controls/assets/css/unminified/toggle-control.css new file mode 100644 index 0000000..ac4803a --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/toggle-control.css @@ -0,0 +1,17 @@ +.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 { + margin: 0; + order: 2; +} + +.customize-control-ast-link .ast-togglecontrol-wrapper .components-base-control__field { + margin: 20px 0; +} + +.customize-control-ast-toggle-control .components-toggle-control .components-toggle-control__label, .ast-togglecontrol-wrapper label { + display: flex; + flex: 1 1 auto; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/typography-rtl.css b/inc/customizer/custom-controls/assets/css/unminified/typography-rtl.css new file mode 100644 index 0000000..bd55e3b --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/typography-rtl.css @@ -0,0 +1,36 @@ +.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; +} diff --git a/inc/customizer/custom-controls/assets/css/unminified/typography.css b/inc/customizer/custom-controls/assets/css/unminified/typography.css new file mode 100644 index 0000000..bd55e3b --- /dev/null +++ b/inc/customizer/custom-controls/assets/css/unminified/typography.css @@ -0,0 +1,36 @@ +.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; +} diff --git a/inc/customizer/custom-controls/assets/js/minified/custom-controls.min.js b/inc/customizer/custom-controls/assets/js/minified/custom-controls.min.js new file mode 100644 index 0000000..f1a673e --- /dev/null +++ b/inc/customizer/custom-controls/assets/js/minified/custom-controls.min.js @@ -0,0 +1 @@ +!function(v){var g=wp.customize;AstTypography={init:function(){AstTypography._initFonts()},_initFonts:function(){v(".customize-control-ast-font-family select").each(function(e){var c,t;void 0!==astra.customizer&&(c=astra.customizer.settings.google_fonts,t=v(this).data("name"),v(this).html(c),v("select[data-name='"+t+"'] option[value='inherit']").text(v(this).data("inherit")),t=v(this).data("value"),v(this).val(t))}),v(".customize-control-ast-font-family select").each(AstTypography._initFont),v(".customize-control-ast-font-family select, .customize-control-ast-font-variant select").selectWoo(),v(".customize-control-ast-font-variant select").on("select2:unselecting",function(e){var c=v(this).data("customize-setting-link");(e.params.args.data.id||"")&&(v(this).find('option[value="'+e.params.args.data.id+'"]').removeAttr("selected"),null===v(this).val()&&g(c).set(""))})},_initFont:function(){var e=v(this),c=e.data("customize-setting-link"),t=e.data("connected-control"),e=e.data("connected-variant");void 0!==t&&(g(c).bind(AstTypography._fontSelectChange),AstTypography._setFontWeightOptions.apply(g(c),[!0])),void 0!==e&&(g(c).bind(AstTypography._fontSelectChange),AstTypography._setFontVarianttOptions.apply(g(c),[!0]))},_fontSelectChange:function(){var e=g.control(this.id).container.find("select").data("connected-variant");AstTypography._setFontWeightOptions.apply(this,[!1]),void 0!==e&&AstTypography._setFontVarianttOptions.apply(this,[!1])},_cleanGoogleFonts:function(e){if(!e.includes(","))return e;var c=e.split(","),t=new RegExp("'","gi"),t=c[0].replace(t,"");return e=void 0!==AstFontFamilies.google[t]?t:e},_getWeightObject:function(e){var c=["400","600"];return"inherit"==e?c=["100","200","300","400","500","600","700","800","900"]:void 0!==AstFontFamilies.system[e]?c=AstFontFamilies.system[e].weights:void 0!==AstFontFamilies.google[e]?(c=AstFontFamilies.google[e][0],c=Object.keys(c).map(function(e){return c[e]})):void 0!==AstFontFamilies.custom[e]&&(c=AstFontFamilies.custom[e].weights),c},_setFontWeightOptions:function(e){var c=0,t=g.control(this.id).container.find("select"),s=this(),a="",l=t.data("connected-control"),r=g.control(l).container.find("select"),t=r.data("inherit"),o=e?r.val():"400",n=["400","600"],i="",h=astraTypo;"inherit"==s&&(o=e?r.val():"inherit");s=AstTypography._cleanGoogleFonts(s),n=AstTypography._getWeightObject(s);for(n=v.merge(["inherit"],n),h.inherit=t;c"+h[n[c]]+"");r.html(i),e||(g(l).set(""),g(l).set(o))},_setFontVarianttOptions:function(e){var c=0,t=g.control(this.id).container.find("select"),s=this(),a="",l=t.data("connected-variant"),r=g.control(l).container.find("select"),o=g.control(l).container.find(".ast-font-variant-hidden-value"),n="",i="",h=r.data("inherit"),v=astraTypo,p=o.val().split(",");"Google"==(t.find('option[value="'+t.val()+'"]').closest("optgroup").attr("label")||"")?r.parent().removeClass("ast-hide"):r.parent().addClass("ast-hide");var s=AstTypography._cleanGoogleFonts(s),d=AstTypography._getWeightObject(s);v.inherit=h;for(c=0;c"+v[d[c]]+""}r.html(i),e||g(l).set("")}},v(function(){AstTypography.init()})}(jQuery),function(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&module.exports?module.exports=function(e,c){return void 0===c&&(c="undefined"!=typeof window?require("jquery"):require("jquery")(e)),t(c),c}:t(jQuery)}(function(c){var e,t,s,p,l,r,d,m,g,u,w,z,a,o,f,s=((h=c&&c.fn&&c.fn.select2&&c.fn.select2.amd?c.fn.select2.amd:h)&&h.requirejs||(h?t=h:h={},g={},u={},w={},z={},a=Object.prototype.hasOwnProperty,o=[].slice,f=/\.js$/,d=function(e,c){var t,s,a=i(e),l=a[0],c=c[1];return e=a[1],l&&(t=x(l=n(l,c))),l?e=t&&t.normalize?t.normalize(e,(s=c,function(e){return n(e,s)})):n(e,c):(l=(a=i(e=n(e,c)))[0],e=a[1],l&&(t=x(l))),{f:l?l+"!"+e:e,n:e,pr:l,p:t}},m={require:function(e){return M(e)},exports:function(e){var c=g[e];return void 0!==c?c:g[e]={}},module:function(e){return{id:e,uri:"",exports:g[e],config:(c=e,function(){return w&&w.config&&w.config[c]||{}})};var c}},l=function(e,c,t,s){var a,l,r,o,n,i=[],h=typeof t,v=y(s=s||e);if("undefined"==h||"function"==h){for(c=!c.length&&t.length?["require","exports","module"]:c,o=0;o":">",'"':""","'":"'","/":"/"};return"string"!=typeof e?e:String(e).replace(/[&<>"'\/\\]/g,function(e){return c[e]})},e.entityDecode=function(e){var c=document.createElement("textarea");return c.innerHTML=e,c.value},e.appendMany=function(e,c){var t;"1.7"===l.fn.jquery.substr(0,3)&&(t=l(),l.map(c,function(e){t=t.add(e)}),c=t),e.append(c)},e.isTouchscreen=function(){return void 0===e._isTouchscreenCache&&(e._isTouchscreenCache="ontouchstart"in document.documentElement),e._isTouchscreenCache},e}),h.define("select2/results",["jquery","./utils"],function(v,e){function s(e,c,t){this.$element=e,this.data=t,this.options=c,s.__super__.constructor.call(this)}return e.Extend(s,e.Observable),s.prototype.render=function(){var e=v('
      ');return this.options.get("multiple")&&e.attr("aria-multiselectable","true"),this.$results=e},s.prototype.clear=function(){this.$results.empty()},s.prototype.displayMessage=function(e){var c=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var t=v(''),s=this.options.get("translations").get(e.message);t.append(c(s(e.args))),t[0].className+=" select2-results__message",this.$results.append(t)},s.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},s.prototype.append=function(e){this.hideLoading();var c=[];if(null!=e.results&&0!==e.results.length){e.results=this.sort(e.results);for(var t=0;t",{class:"select2-results__options select2-results__options--nested",role:"listbox"});o.append(n),l.attr("role","list"),l.append(r),l.append(o)}else this.template(e,c);return v.data(c,"data",e),c},s.prototype.bind=function(c,e){var a=this,t=c.id+"-results";this.$results.attr("id",t),c.on("results:all",function(e){a.clear(),a.append(e.data),c.isOpen()&&(a.setClasses(),a.highlightFirstItem())}),c.on("results:append",function(e){a.append(e.data),c.isOpen()&&a.setClasses()}),c.on("query",function(e){a.hideMessages(),a.showLoading(e)}),c.on("select",function(){c.isOpen()&&(a.setClasses(),a.highlightFirstItem())}),c.on("unselect",function(){c.isOpen()&&(a.setClasses(),a.highlightFirstItem())}),c.on("open",function(){a.$results.attr("aria-expanded","true"),a.$results.attr("aria-hidden","false"),a.setClasses(),a.ensureHighlightVisible()}),c.on("close",function(){a.$results.attr("aria-expanded","false"),a.$results.attr("aria-hidden","true"),a.$results.removeAttr("aria-activedescendant")}),c.on("results:toggle",function(){var e=a.getHighlightedResults();0!==e.length&&e.trigger("mouseup")}),c.on("results:select",function(){var e,c=a.getHighlightedResults();0!==c.length&&(e=c.data("data"),"true"==c.attr("data-selected")?a.trigger("close",{}):a.trigger("select",{data:e}))}),c.on("results:previous",function(){var e,c=a.getHighlightedResults(),t=a.$results.find("[data-selected]"),s=t.index(c);0!==s&&(e=s-1,0===c.length&&(e=0),(s=t.eq(e)).trigger("mouseenter"),c=a.$results.offset().top,t=s.offset().top,s=a.$results.scrollTop()+(t-c),0===e?a.$results.scrollTop(0):t-c<0&&a.$results.scrollTop(s))}),c.on("results:next",function(){var e,c=a.getHighlightedResults(),t=a.$results.find("[data-selected]"),s=t.index(c)+1;s>=t.length||((e=t.eq(s)).trigger("mouseenter"),c=a.$results.offset().top+a.$results.outerHeight(!1),t=e.offset().top+e.outerHeight(!1),e=a.$results.scrollTop()+t-c,0===s?a.$results.scrollTop(0):cthis.$results.outerHeight()||s<0)&&this.$results.scrollTop(t))},s.prototype.template=function(e,c){var t=this.options.get("templateResult"),s=this.options.get("escapeMarkup"),e=t(e,c);null==e?c.style.display="none":"string"==typeof e?c.innerHTML=s(e):v(c).append(e)},s}),h.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),h.define("select2/selection/base",["jquery","../utils","../keys"],function(s,e,a){function t(e,c){this.$element=e,this.options=c,t.__super__.constructor.call(this)}return e.Extend(t,e.Observable),t.prototype.render=function(){var e=s('');return this._tabindex=0,null!=this.$element.data("old-tabindex")?this._tabindex=this.$element.data("old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),e.attr("title",this.$element.attr("title")),e.attr("tabindex",this._tabindex),this.$selection=e},t.prototype.bind=function(e,c){var t=this,s=e.id+"-results";this.container=e,this.$selection.on("focus",function(e){t.trigger("focus",e)}),this.$selection.on("blur",function(e){t._handleBlur(e)}),this.$selection.on("keydown",function(e){t.trigger("keypress",e),e.which===a.SPACE&&e.preventDefault()}),e.on("results:focus",function(e){t.$selection.attr("aria-activedescendant",e.data._resultId)}),e.on("selection:update",function(e){t.update(e.data)}),e.on("open",function(){t.$selection.attr("aria-expanded","true"),t.$selection.attr("aria-owns",s),t._attachCloseHandler(e)}),e.on("close",function(){t.$selection.attr("aria-expanded","false"),t.$selection.removeAttr("aria-activedescendant"),t.$selection.removeAttr("aria-owns"),window.setTimeout(function(){t.$selection.focus()},1),t._detachCloseHandler(e)}),e.on("enable",function(){t.$selection.attr("tabindex",t._tabindex)}),e.on("disable",function(){t.$selection.attr("tabindex","-1")})},t.prototype._handleBlur=function(e){var c=this;window.setTimeout(function(){document.activeElement==c.$selection[0]||s.contains(c.$selection[0],document.activeElement)||c.trigger("blur",e)},1)},t.prototype._attachCloseHandler=function(e){s(document.body).on("mousedown.select2."+e.id,function(e){var c=s(e.target),t=c.closest(".select2");s(".select2.select2-container--open").each(function(){var e=s(this);this!=t[0]&&(e.data("element").select2("close"),setTimeout(function(){e.find("*:focus").blur(),c.focus()},1))})})},t.prototype._detachCloseHandler=function(e){s(document.body).off("mousedown.select2."+e.id)},t.prototype.position=function(e,c){c.find(".selection").append(e)},t.prototype.destroy=function(){this._detachCloseHandler(this.container)},t.prototype.update=function(e){throw new Error("The `update` method must be defined in child classes.")},t}),h.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(e,c,s,t){function a(){a.__super__.constructor.apply(this,arguments)}return s.Extend(a,c),a.prototype.render=function(){var e=a.__super__.render.call(this);return e.addClass("select2-selection--single"),e.html(''),e},a.prototype.bind=function(c,e){var t=this;a.__super__.bind.apply(this,arguments);var s=c.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",s).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",s),this.$selection.attr("role","combobox"),this.$selection.on("mousedown",function(e){1===e.which&&t.trigger("toggle",{originalEvent:e})}),this.$selection.on("focus",function(e){}),this.$selection.on("keydown",function(e){!c.isOpen()&&48<=e.which&&e.which<=90&&c.open()}),this.$selection.on("blur",function(e){}),c.on("focus",function(e){c.isOpen()||t.$selection.focus()}),c.on("selection:update",function(e){t.update(e.data)})},a.prototype.clear=function(){this.$selection.find(".select2-selection__rendered").empty()},a.prototype.display=function(e,c){var t=this.options.get("templateSelection");return this.options.get("escapeMarkup")(t(e,c))},a.prototype.selectionContainer=function(){return e("")},a.prototype.update=function(e){var c,t;0!==e.length?(c=e[0],t=this.$selection.find(".select2-selection__rendered"),e=s.entityDecode(this.display(c,t)),t.empty().text(e),t.prop("title",c.title||c.text)):this.clear()},a}),h.define("select2/selection/multiple",["jquery","./base","../utils"],function(s,e,o){function a(e,c){a.__super__.constructor.apply(this,arguments)}return o.Extend(a,e),a.prototype.render=function(){var e=a.__super__.render.call(this);return e.addClass("select2-selection--multiple"),e.html('
        '),e},a.prototype.bind=function(c,e){var t=this;a.__super__.bind.apply(this,arguments),this.$selection.on("click",function(e){t.trigger("toggle",{originalEvent:e})}),this.$selection.on("click",".select2-selection__choice__remove",function(e){var c;t.options.get("disabled")||(c=s(this).parent().data("data"),t.trigger("unselect",{originalEvent:e,data:c}))}),this.$selection.on("keydown",function(e){!c.isOpen()&&48<=e.which&&e.which<=90&&c.open()}),c.on("focus",function(){t.focusOnSearch()})},a.prototype.clear=function(){this.$selection.find(".select2-selection__rendered").empty()},a.prototype.display=function(e,c){var t=this.options.get("templateSelection");return this.options.get("escapeMarkup")(t(e,c))},a.prototype.selectionContainer=function(){return s('
        • ')},a.prototype.focusOnSearch=function(){var e=this;void 0!==e.$search&&setTimeout(function(){e._keyUpPrevented=!0,e.$search.focus()},1)},a.prototype.update=function(e){if(this.clear(),0!==e.length){for(var c=[],t=0;t