Astra_Dynamic_CSS::return_output( string $dynamic_css, string $dynamic_css_filtered = '' )
Return CSS Output
Description
Parameters
- $dynamic_css
-
(string) (Required) Astra Dynamic CSS.
- $dynamic_css_filtered
-
(string) (Optional) Astra Dynamic CSS Filters.
Default value: ''
Return
(string) Generated CSS.
Source
File: inc/class-astra-dynamic-css.php
public static function return_output( $dynamic_css, $dynamic_css_filtered = '' ) { /** * * Contents * - Variable Declaration * - Global CSS * - Typography * - Page Layout * - Sidebar Positions CSS * - Full Width Layout CSS * - Fluid Width Layout CSS * - Box Layout CSS * - Padded Layout CSS * - Blog * - Single Blog * - Typography of Headings * - Header * - Footer * - Main Footer CSS * - Small Footer CSS * - 404 Page * - Secondary * - Global CSS */ /** * - Variable Declaration */ $is_site_rtl = is_rtl(); $site_content_width = astra_get_option( 'site-content-width', 1200 ); $header_logo_width = astra_get_option( 'ast-header-responsive-logo-width' ); $container_layout = astra_get_option( 'site-content-layout' ); $title_color = astra_get_option( 'header-color-site-title' ); $title_hover_color = astra_get_option( 'header-color-h-site-title' ); $tagline_color = astra_get_option( 'header-color-site-tagline' ); $site_title_setting = astra_get_option( 'display-site-title-responsive' ); $desktop_title_visibility = $site_title_setting['desktop'] ? 'block' : 'none'; $tablet_title_visibility = $site_title_setting['tablet'] ? 'block' : 'none'; $mobile_title_visibility = $site_title_setting['mobile'] ? 'block' : 'none'; $site_tagline_setting = astra_get_option( 'display-site-tagline-responsive' ); $desktop_tagline_visibility = ( $site_tagline_setting['desktop'] ) ? 'block' : 'none'; $tablet_tagline_visibility = ( $site_tagline_setting['tablet'] ) ? 'block' : 'none'; $mobile_tagline_visibility = ( $site_tagline_setting['mobile'] ) ? 'block' : 'none'; // Site Background Color. $box_bg_obj = astra_get_option( 'site-layout-outside-bg-obj-responsive' ); // Color Options. $text_color = astra_get_option( 'text-color' ); $theme_color = astra_get_option( 'theme-color' ); $link_color = astra_get_option( 'link-color', $theme_color ); $link_hover_color = astra_get_option( 'link-h-color' ); $heading_base_color = astra_get_option( 'heading-base-color' ); // Typography. $body_font_size = astra_get_option( 'font-size-body' ); $body_line_height = astra_get_option( 'body-line-height' ); $para_margin_bottom = astra_get_option( 'para-margin-bottom' ); $body_text_transform = astra_get_option( 'body-text-transform' ); $headings_font_family = astra_get_option( 'headings-font-family' ); $headings_font_weight = astra_get_option( 'headings-font-weight' ); $headings_text_transform = astra_get_option( 'headings-text-transform' ); $headings_line_height = astra_get_option( 'headings-line-height' ); $site_title_font_size = astra_get_option( 'font-size-site-title' ); $site_tagline_font_size = astra_get_option( 'font-size-site-tagline' ); $single_post_title_font_size = astra_get_option( 'font-size-entry-title' ); $archive_summary_title_font_size = astra_get_option( 'font-size-archive-summary-title' ); $archive_post_title_font_size = astra_get_option( 'font-size-page-title' ); $heading_h1_font_size = astra_get_option( 'font-size-h1' ); $heading_h2_font_size = astra_get_option( 'font-size-h2' ); $heading_h3_font_size = astra_get_option( 'font-size-h3' ); $heading_h4_font_size = astra_get_option( 'font-size-h4' ); $heading_h5_font_size = astra_get_option( 'font-size-h5' ); $heading_h6_font_size = astra_get_option( 'font-size-h6' ); /** * Heading Typography - h1 - h3. */ $headings_font_transform = astra_get_option( 'headings-text-transform', $body_text_transform ); $h1_font_family = astra_get_option( 'font-family-h1' ); $h1_font_weight = astra_get_option( 'font-weight-h1' ); $h1_line_height = astra_get_option( 'line-height-h1' ); $h1_text_transform = astra_get_option( 'text-transform-h1' ); $h2_font_family = astra_get_option( 'font-family-h2' ); $h2_font_weight = astra_get_option( 'font-weight-h2' ); $h2_line_height = astra_get_option( 'line-height-h2' ); $h2_text_transform = astra_get_option( 'text-transform-h2' ); $h3_font_family = astra_get_option( 'font-family-h3' ); $h3_font_weight = astra_get_option( 'font-weight-h3' ); $h3_line_height = astra_get_option( 'line-height-h3' ); $h3_text_transform = astra_get_option( 'text-transform-h3' ); $h4_font_family = ''; $h4_font_weight = ''; $h4_line_height = ''; $h4_text_transform = ''; $h5_font_family = ''; $h5_font_weight = ''; $h5_line_height = ''; $h5_text_transform = ''; $h6_font_family = ''; $h6_font_weight = ''; $h6_line_height = ''; $h6_text_transform = ''; $is_widget_title_support_font_weight = self::support_font_css_to_widget_and_in_editor(); $font_weight_prop = ( $is_widget_title_support_font_weight ) ? 'inherit' : 'normal'; // Fallback for H1 - headings typography. if ( 'inherit' == $h1_font_family ) { $h1_font_family = $headings_font_family; } if ( $font_weight_prop === $h1_font_weight ) { $h1_font_weight = $headings_font_weight; } if ( '' == $h1_text_transform ) { $h1_text_transform = $headings_font_transform; } if ( '' == $h1_line_height ) { $h1_line_height = $headings_line_height; } // Fallback for H2 - headings typography. if ( 'inherit' == $h2_font_family ) { $h2_font_family = $headings_font_family; } if ( $font_weight_prop === $h2_font_weight ) { $h2_font_weight = $headings_font_weight; } if ( '' == $h2_text_transform ) { $h2_text_transform = $headings_font_transform; } if ( '' == $h2_line_height ) { $h2_line_height = $headings_line_height; } // Fallback for H3 - headings typography. if ( 'inherit' == $h3_font_family ) { $h3_font_family = $headings_font_family; } if ( $font_weight_prop === $h3_font_weight ) { $h3_font_weight = $headings_font_weight; } if ( '' == $h3_text_transform ) { $h3_text_transform = $headings_font_transform; } if ( '' == $h3_line_height ) { $h3_line_height = $headings_line_height; } // Fallback for H4 - headings typography. $h4_line_height = $headings_line_height; // Fallback for H5 - headings typography. $h5_line_height = $headings_line_height; // Fallback for H6 - headings typography. $h6_line_height = $headings_line_height; if ( astra_has_gcp_typo_preset_compatibility() ) { $h4_font_family = astra_get_option( 'font-family-h4' ); $h4_font_weight = astra_get_option( 'font-weight-h4' ); $h4_line_height = astra_get_option( 'line-height-h4' ); $h4_text_transform = astra_get_option( 'text-transform-h4' ); $h5_font_family = astra_get_option( 'font-family-h5' ); $h5_font_weight = astra_get_option( 'font-weight-h5' ); $h5_line_height = astra_get_option( 'line-height-h5' ); $h5_text_transform = astra_get_option( 'text-transform-h5' ); $h6_font_family = astra_get_option( 'font-family-h6' ); $h6_font_weight = astra_get_option( 'font-weight-h6' ); $h6_line_height = astra_get_option( 'line-height-h6' ); $h6_text_transform = astra_get_option( 'text-transform-h6' ); // Fallback for H4 - headings typography. if ( 'inherit' == $h4_font_family ) { $h4_font_family = $headings_font_family; } if ( $font_weight_prop === $h4_font_weight ) { $h4_font_weight = $headings_font_weight; } if ( '' == $h4_text_transform ) { $h4_text_transform = $headings_font_transform; } // Fallback for H5 - headings typography. if ( 'inherit' == $h5_font_family ) { $h5_font_family = $headings_font_family; } if ( $font_weight_prop === $h5_font_weight ) { $h5_font_weight = $headings_font_weight; } if ( '' == $h5_text_transform ) { $h5_text_transform = $headings_font_transform; } // Fallback for H6 - headings typography. if ( 'inherit' == $h6_font_family ) { $h6_font_family = $headings_font_family; } if ( $font_weight_prop === $h6_font_weight ) { $h6_font_weight = $headings_font_weight; } if ( '' == $h6_text_transform ) { $h6_text_transform = $headings_font_transform; } } // Button Styling. $btn_border_radius = astra_get_option( 'button-radius' ); $theme_btn_padding = astra_get_option( 'theme-button-padding' ); $highlight_theme_color = astra_get_foreground_color( $theme_color ); // Submenu Bordercolor. $submenu_border = astra_get_option( 'primary-submenu-border' ); $primary_submenu_item_border = astra_get_option( 'primary-submenu-item-border' ); $primary_submenu_b_color = astra_get_option( 'primary-submenu-b-color', $theme_color ); $primary_submenu_item_b_color = astra_get_option( 'primary-submenu-item-b-color', '#eaeaea' ); // Astra and WordPress-5.8 compatibility. $is_wp_5_8_support_enabled = self::is_block_editor_support_enabled(); if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { // Footer Bar Colors. $footer_bg_obj = astra_get_option( 'footer-bg-obj' ); $footer_color = astra_get_option( 'footer-color' ); $footer_link_color = astra_get_option( 'footer-link-color' ); $footer_link_h_color = astra_get_option( 'footer-link-h-color' ); // Color. $footer_adv_bg_obj = astra_get_option( 'footer-adv-bg-obj' ); $footer_adv_text_color = astra_get_option( 'footer-adv-text-color' ); $footer_adv_widget_title_color = astra_get_option( 'footer-adv-wgt-title-color' ); $footer_adv_link_color = astra_get_option( 'footer-adv-link-color' ); $footer_adv_link_h_color = astra_get_option( 'footer-adv-link-h-color' ); // Header Break Point. $header_break_point = astra_header_break_point(); // Custom Buttom menu item. $header_custom_button_style = astra_get_option( 'header-main-rt-section-button-style' ); $header_custom_button_text_color = astra_get_option( 'header-main-rt-section-button-text-color' ); $header_custom_button_text_h_color = astra_get_option( 'header-main-rt-section-button-text-h-color' ); $header_custom_button_back_color = astra_get_option( 'header-main-rt-section-button-back-color' ); $header_custom_button_back_h_color = astra_get_option( 'header-main-rt-section-button-back-h-color' ); $header_custom_button_spacing = astra_get_option( 'header-main-rt-section-button-padding' ); $header_custom_button_radius = astra_get_option( 'header-main-rt-section-button-border-radius' ); $header_custom_button_border_color = astra_get_option( 'header-main-rt-section-button-border-color' ); $header_custom_button_border_h_color = astra_get_option( 'header-main-rt-section-button-border-h-color' ); $header_custom_button_border_size = astra_get_option( 'header-main-rt-section-button-border-size' ); $header_custom_trans_button_text_color = astra_get_option( 'header-main-rt-trans-section-button-text-color' ); $header_custom_trans_button_text_h_color = astra_get_option( 'header-main-rt-trans-section-button-text-h-color' ); $header_custom_trans_button_back_color = astra_get_option( 'header-main-rt-trans-section-button-back-color' ); $header_custom_trans_button_back_h_color = astra_get_option( 'header-main-rt-trans-section-button-back-h-color' ); $header_custom_trans_button_spacing = astra_get_option( 'header-main-rt-trans-section-button-padding' ); $header_custom_trans_button_radius = astra_get_option( 'header-main-rt-trans-section-button-border-radius' ); $header_custom_trans_button_border_color = astra_get_option( 'header-main-rt-trans-section-button-border-color' ); $header_custom_trans_button_border_h_color = astra_get_option( 'header-main-rt-trans-section-button-border-h-color' ); $header_custom_trans_button_border_size = astra_get_option( 'header-main-rt-trans-section-button-border-size' ); } $global_custom_button_border_size = astra_get_option( 'theme-button-border-group-border-size' ); $btn_border_color = astra_get_option( 'theme-button-border-group-border-color' ); $btn_border_h_color = astra_get_option( 'theme-button-border-group-border-h-color' ); /** * Theme Button Typography */ $theme_btn_font_family = astra_get_option( 'font-family-button' ); $theme_btn_font_size = astra_get_option( 'font-size-button' ); $theme_btn_font_weight = astra_get_option( 'font-weight-button' ); $theme_btn_text_transform = astra_get_option( 'text-transform-button' ); $theme_btn_line_height = astra_get_option( 'theme-btn-line-height' ); $theme_btn_letter_spacing = astra_get_option( 'theme-btn-letter-spacing' ); if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { /** * Custom Header Button Typography */ $header_custom_btn_font_family = astra_get_option( 'primary-header-button-font-family' ); $header_custom_btn_font_weight = astra_get_option( 'primary-header-button-font-weight' ); $header_custom_btn_font_size = astra_get_option( 'primary-header-button-font-size' ); $header_custom_btn_text_transform = astra_get_option( 'primary-header-button-text-transform' ); $header_custom_btn_line_height = astra_get_option( 'primary-header-button-line-height' ); $header_custom_btn_letter_spacing = astra_get_option( 'primary-header-button-letter-spacing' ); $footer_adv_border_width = astra_get_option( 'footer-adv-border-width' ); $footer_adv_border_color = astra_get_option( 'footer-adv-border-color' ); } /** * Apply text color depends on link color */ $btn_text_color = astra_get_option( 'button-color' ); if ( empty( $btn_text_color ) ) { $btn_text_color = astra_get_foreground_color( $theme_color ); } /** * Apply text hover color depends on link hover color */ $btn_text_hover_color = astra_get_option( 'button-h-color' ); if ( empty( $btn_text_hover_color ) ) { $btn_text_hover_color = astra_get_foreground_color( $link_hover_color ); } $btn_bg_color = astra_get_option( 'button-bg-color', $theme_color ); $btn_preset_style = astra_get_option( 'button-preset-style' ); if ( 'button_04' === $btn_preset_style || 'button_05' === $btn_preset_style || 'button_06' === $btn_preset_style ) { if ( empty( $btn_border_color ) ) { $btn_border_color = $btn_bg_color; } if ( '' === astra_get_option( 'button-bg-color' ) && '' === astra_get_option( 'button-color' ) ) { $btn_text_color = $theme_color; } elseif ( '' === astra_get_option( 'button-color' ) ) { $btn_text_color = $btn_bg_color; } $btn_bg_color = 'transparent'; } $btn_bg_hover_color = astra_get_option( 'button-bg-h-color', $link_hover_color ); if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { // Spacing of Big Footer. $small_footer_divider_color = astra_get_option( 'footer-sml-divider-color' ); $small_footer_divider = astra_get_option( 'footer-sml-divider' ); /** * Small Footer Styling */ $small_footer_layout = astra_get_option( 'footer-sml-layout', 'footer-sml-layout-1' ); $astra_footer_width = astra_get_option( 'footer-layout-width' ); } // Blog Post Title Typography Options. $single_post_max = astra_get_option( 'blog-single-width' ); $single_post_max_width = astra_get_option( 'blog-single-max-width' ); $blog_width = astra_get_option( 'blog-width' ); $blog_max_width = astra_get_option( 'blog-max-width' ); $mobile_header_toggle_btn_style_color = astra_get_option( 'mobile-header-toggle-btn-style-color', $btn_bg_color ); $mobile_header_toggle_btn_border_radius = astra_get_option( 'mobile-header-toggle-btn-border-radius' ); /** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort $btn_style_color = astra_get_option( 'mobile-header-toggle-btn-style-color', false ); if ( ! $btn_style_color ) { // button text color. $menu_btn_color = esc_attr( astra_get_option( 'button-color' ) ); } else { // toggle button color. $menu_btn_color = astra_get_foreground_color( $btn_style_color ); } $css_output = array(); // Body Font Family. $body_font_family = astra_body_font_family(); $body_font_weight = astra_get_option( 'body-font-weight' ); if ( is_array( $body_font_size ) ) { $body_font_size_desktop = ( isset( $body_font_size['desktop'] ) && '' != $body_font_size['desktop'] ) ? $body_font_size['desktop'] : 15; } else { $body_font_size_desktop = ( '' != $body_font_size ) ? $body_font_size : 15; } // check the selection color incase of empty/no theme color. $selection_text_color = ( 'transparent' === $highlight_theme_color ) ? '' : $highlight_theme_color; $h4_properties = array( 'font-size' => astra_responsive_font( $heading_h4_font_size, 'desktop' ), 'line-height' => esc_attr( $headings_line_height ), ); $h5_properties = array( 'font-size' => astra_responsive_font( $heading_h5_font_size, 'desktop' ), 'line-height' => esc_attr( $headings_line_height ), ); $h6_properties = array( 'font-size' => astra_responsive_font( $heading_h6_font_size, 'desktop' ), 'line-height' => esc_attr( $headings_line_height ), ); if ( astra_has_gcp_typo_preset_compatibility() ) { $h4_font_properties = array( 'font-weight' => astra_get_css_value( $h4_font_weight, 'font' ), 'font-family' => astra_get_css_value( $h4_font_family, 'font' ), 'text-transform' => esc_attr( $h4_text_transform ), 'line-height' => esc_attr( $h4_line_height ), ); $h4_properties = array_merge( $h4_properties, $h4_font_properties ); $h5_font_properties = array( 'font-weight' => astra_get_css_value( $h5_font_weight, 'font' ), 'font-family' => astra_get_css_value( $h5_font_family, 'font' ), 'text-transform' => esc_attr( $h5_text_transform ), 'line-height' => esc_attr( $h5_line_height ), ); $h5_properties = array_merge( $h5_properties, $h5_font_properties ); $h6_font_properties = array( 'font-weight' => astra_get_css_value( $h6_font_weight, 'font' ), 'font-family' => astra_get_css_value( $h6_font_family, 'font' ), 'text-transform' => esc_attr( $h6_text_transform ), 'line-height' => esc_attr( $h6_line_height ), ); $h6_properties = array_merge( $h6_properties, $h6_font_properties ); } $css_output = array( // HTML. 'html' => array( 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 6.25, '%' ), ), 'a, .page-title' => array( 'color' => esc_attr( $link_color ), ), 'a:hover, a:focus' => array( 'color' => esc_attr( $link_hover_color ), ), 'body, button, input, select, textarea, .ast-button, .ast-custom-button' => array( 'font-family' => astra_get_font_family( $body_font_family ), 'font-weight' => esc_attr( $body_font_weight ), 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ), 'line-height' => esc_attr( $body_line_height ), 'text-transform' => esc_attr( $body_text_transform ), ), 'blockquote' => array( 'border-color' => astra_hex_to_rgba( $link_color, 0.15 ), ), 'p, .entry-content p' => array( 'margin-bottom' => astra_get_css_value( $para_margin_bottom, 'em' ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a', 'h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a' ) => array( 'font-family' => astra_get_css_value( $headings_font_family, 'font' ), 'font-weight' => astra_get_css_value( $headings_font_weight, 'font' ), 'text-transform' => esc_attr( $headings_text_transform ), ), '.ast-site-identity .site-title a' => array( 'color' => esc_attr( $title_color ), ), '.ast-site-identity .site-title a:hover' => array( 'color' => esc_attr( $title_hover_color ), ), '.ast-site-identity .site-description' => array( 'color' => esc_attr( $tagline_color ), ), '.site-title' => array( 'font-size' => astra_responsive_font( $site_title_font_size, 'desktop' ), 'display' => esc_attr( $desktop_title_visibility ), ), 'header .custom-logo-link img' => array( 'max-width' => astra_get_css_value( $header_logo_width['desktop'], 'px' ), ), '.astra-logo-svg' => array( 'width' => astra_get_css_value( $header_logo_width['desktop'], 'px' ), ), '.astra-logo-svg:not(.sticky-custom-logo .astra-logo-svg, .transparent-custom-logo .astra-logo-svg, .advanced-header-logo .astra-logo-svg)' => array( 'height' => astra_get_css_value( ( ! empty( $header_logo_width['desktop-svg-height'] ) && ! is_customize_preview() ) ? $header_logo_width['desktop-svg-height'] : '', 'px' ), ), '.ast-archive-description .ast-archive-title' => array( 'font-size' => astra_responsive_font( $archive_summary_title_font_size, 'desktop' ), ), '.site-header .site-description' => array( 'font-size' => astra_responsive_font( $site_tagline_font_size, 'desktop' ), 'display' => esc_attr( $desktop_tagline_visibility ), ), '.entry-title' => array( 'font-size' => astra_responsive_font( $archive_post_title_font_size, 'desktop' ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h1, .entry-content h1, .entry-content h1 a', 'h1, .entry-content h1' ) => array( 'font-size' => astra_responsive_font( $heading_h1_font_size, 'desktop' ), 'font-weight' => astra_get_css_value( $h1_font_weight, 'font' ), 'font-family' => astra_get_css_value( $h1_font_family, 'font' ), 'line-height' => esc_attr( $h1_line_height ), 'text-transform' => esc_attr( $h1_text_transform ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h2, .entry-content h2, .entry-content h2 a', 'h2, .entry-content h2' ) => array( 'font-size' => astra_responsive_font( $heading_h2_font_size, 'desktop' ), 'font-weight' => astra_get_css_value( $h2_font_weight, 'font' ), 'font-family' => astra_get_css_value( $h2_font_family, 'font' ), 'line-height' => esc_attr( $h2_line_height ), 'text-transform' => esc_attr( $h2_text_transform ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h3, .entry-content h3, .entry-content h3 a', 'h3, .entry-content h3' ) => array( 'font-size' => astra_responsive_font( $heading_h3_font_size, 'desktop' ), 'font-weight' => astra_get_css_value( $h3_font_weight, 'font' ), 'font-family' => astra_get_css_value( $h3_font_family, 'font' ), 'line-height' => esc_attr( $h3_line_height ), 'text-transform' => esc_attr( $h3_text_transform ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h4, .entry-content h4, .entry-content h4 a', 'h4, .entry-content h4' ) => $h4_properties, // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h5, .entry-content h5, .entry-content h5 a', 'h5, .entry-content h5' ) => $h5_properties, // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h6, .entry-content h6, .entry-content h6 a', 'h6, .entry-content h6' ) => $h6_properties, '.ast-single-post .entry-title, .page-title' => array( 'font-size' => astra_responsive_font( $single_post_title_font_size, 'desktop' ), ), // Global CSS. '::selection' => array( 'background-color' => esc_attr( $theme_color ), 'color' => esc_attr( $selection_text_color ), ), // Conditionally select selectors with annchors or withour anchors for text color. self::conditional_headings_css_selectors( 'body, h1, .entry-title a, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a', 'body, h1, .entry-title a, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6' ) => array( 'color' => esc_attr( $text_color ), ), // Typography. '.tagcloud a:hover, .tagcloud a:focus, .tagcloud a.current-item' => array( 'color' => astra_get_foreground_color( $link_color ), 'border-color' => esc_attr( $link_color ), 'background-color' => esc_attr( $link_color ), ), // Input tags. 'input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, textarea:focus' => array( 'border-color' => esc_attr( $link_color ), ), 'input[type="radio"]:checked, input[type=reset], input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked, input[type=range]::-webkit-slider-thumb' => array( 'border-color' => esc_attr( $link_color ), 'background-color' => esc_attr( $link_color ), 'box-shadow' => 'none', ), // Small Footer. '.site-footer a:hover + .post-count, .site-footer a:focus + .post-count' => array( 'background' => esc_attr( $link_color ), 'border-color' => esc_attr( $link_color ), ), '.single .nav-links .nav-previous, .single .nav-links .nav-next' => array( 'color' => esc_attr( $link_color ), ), // Blog Post Meta Typography. '.entry-meta, .entry-meta *' => array( 'line-height' => '1.45', 'color' => esc_attr( $link_color ), ), '.entry-meta a:hover, .entry-meta a:hover *, .entry-meta a:focus, .entry-meta a:focus *, .page-links > .page-link, .page-links .page-link:hover, .post-navigation a:hover' => array( 'color' => esc_attr( $link_hover_color ), ), // Blockquote Text Color. 'blockquote' => array( 'color' => astra_adjust_brightness( $text_color, 75, 'darken' ), ), '#cat option, .secondary .calendar_wrap thead a, .secondary .calendar_wrap thead a:visited' => array( 'color' => esc_attr( $link_color ), ), '.secondary .calendar_wrap #today, .ast-progress-val span' => array( 'background' => esc_attr( $link_color ), ), '.secondary a:hover + .post-count, .secondary a:focus + .post-count' => array( 'background' => esc_attr( $link_color ), 'border-color' => esc_attr( $link_color ), ), '.calendar_wrap #today > a' => array( 'color' => astra_get_foreground_color( $link_color ), ), // Pagination. '.page-links .page-link, .single .post-navigation a' => array( 'color' => esc_attr( $link_color ), ), // Menu Toggle Border Radius. '.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle' => array( 'border-radius' => ( '' !== $mobile_header_toggle_btn_border_radius ) ? esc_attr( $mobile_header_toggle_btn_border_radius ) . 'px' : '', ), ); if ( astra_has_global_color_format_support() ) { $css_output['.ast-archive-title'] = array( 'color' => esc_attr( $heading_base_color ), ); } // Default widget title color. $css_output['.widget-title'] = array( 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 1.428571429 ), 'color' => astra_has_global_color_format_support() ? esc_attr( $heading_base_color ) : esc_attr( $text_color ), ); // Remove this condition after 2-3 updates of add-on. if ( defined( 'ASTRA_EXT_VER' ) && version_compare( ASTRA_EXT_VER, '3.0.1', '>=' ) ) { $css_output['.single .ast-author-details .author-title'] = array( 'color' => esc_attr( $link_hover_color ), ); } if ( 'no-sidebar' !== astra_page_layout() ) { $css_output['#secondary, #secondary button, #secondary input, #secondary select, #secondary textarea'] = array( 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ), ); } // Add underline to every link in content area. $content_links_underline = astra_get_option( 'underline-content-links' ); if ( $content_links_underline ) { $css_output['.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a)'] = array( 'text-decoration' => 'underline', ); $reset_underline_from_anchors = self::unset_builder_elements_underline(); $excluding_anchor_selectors = $reset_underline_from_anchors ? '.ast-single-post .wp-block-button .wp-block-button__link, .ast-single-post .elementor-button-wrapper .elementor-button, .ast-single-post .entry-content .uagb-tab a, .ast-single-post .entry-content .uagb-ifb-cta a, .ast-single-post .entry-content .wp-block-uagb-buttons a, .ast-single-post .entry-content .uabb-module-content a, .ast-single-post .entry-content .uagb-post-grid a, .ast-single-post .entry-content .uagb-timeline a, .ast-single-post .entry-content .uagb-toc__wrap a, .ast-single-post .entry-content .uagb-taxomony-box a, .ast-single-post .entry-content .woocommerce a' : '.ast-single-post .wp-block-button .wp-block-button__link, .ast-single-post .elementor-button-wrapper .elementor-button'; $excluding_anchor_selectors = apply_filters( 'astra_remove_underline_anchor_links', $excluding_anchor_selectors ); $css_output[ $excluding_anchor_selectors ] = array( 'text-decoration' => 'none', ); } /** * Loaded the following CSS conditionally because of following scenarios - * * 1. $text_color is applying to menu-link anchors as well though $link_color should apply over there. * 2. $link_color applying in old header as hover color for menu-anchors. * * @since 3.0.0 */ if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { // Header - Main Header CSS. $css_output['.main-header-menu .menu-link, .ast-header-custom-item a'] = array( 'color' => esc_attr( $text_color ), ); // Main - Menu Items. $css_output['.main-header-menu .menu-item:hover > .menu-link, .main-header-menu .menu-item:hover > .ast-menu-toggle, .main-header-menu .ast-masthead-custom-menu-items a:hover, .main-header-menu .menu-item.focus > .menu-link, .main-header-menu .menu-item.focus > .ast-menu-toggle, .main-header-menu .current-menu-item > .menu-link, .main-header-menu .current-menu-ancestor > .menu-link, .main-header-menu .current-menu-item > .ast-menu-toggle, .main-header-menu .current-menu-ancestor > .ast-menu-toggle'] = array( 'color' => esc_attr( $link_color ), ); $css_output['.header-main-layout-3 .ast-main-header-bar-alignment'] = array( 'margin-right' => 'auto', ); if ( $is_site_rtl ) { $css_output['.header-main-layout-2 .site-header-section-left .ast-site-identity'] = array( 'text-align' => 'right', ); } else { $css_output['.header-main-layout-2 .site-header-section-left .ast-site-identity'] = array( 'text-align' => 'left', ); } } $page_header_logo = ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'advanced-headers' ) && Astra_Ext_Advanced_Headers_Loader::astra_advanced_headers_design_option( 'logo-url' ) ) ? true : false; if ( astra_get_option( 'logo-title-inline' ) ) { $css_output['.ast-logo-title-inline .site-logo-img'] = array( 'padding-right' => '1em', ); } if ( get_theme_mod( 'custom_logo' ) || astra_get_option( 'transparent-header-logo' ) || astra_get_option( 'sticky-header-logo' ) || $page_header_logo || is_customize_preview() ) { $css_output['.site-logo-img img'] = array( ' transition' => 'all 0.2s linear', ); } /* Parse CSS from array() */ $parse_css = astra_parse_css( $css_output ); if ( ! Astra_Builder_Helper::$is_header_footer_builder_active ) { $old_header_mobile_toggle = array( // toggle style // Menu Toggle Minimal. '.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle' => array( 'background' => 'transparent', 'color' => esc_attr( $mobile_header_toggle_btn_style_color ), ), // Menu Toggle Outline. '.ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle' => array( 'background' => 'transparent', 'border' => '1px solid ' . $mobile_header_toggle_btn_style_color, 'color' => esc_attr( $mobile_header_toggle_btn_style_color ), ), // Menu Toggle Fill. '.ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle' => array( 'background' => esc_attr( $mobile_header_toggle_btn_style_color ), 'color' => $menu_btn_color, ), ); $parse_css .= astra_parse_css( $old_header_mobile_toggle ); } $parse_css .= astra_container_layout_css(); if ( 'no-sidebar' !== astra_page_layout() ) { $parse_css .= Astra_Enqueue_Scripts::trim_css( self::load_sidebar_static_css() ); } if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { $parse_css .= astra_parse_css( array( '#ast-desktop-header' => array( 'display' => 'none', ), ), '', astra_get_tablet_breakpoint() ); $parse_css .= astra_parse_css( array( '#ast-mobile-header' => array( 'display' => 'none', ), ), astra_get_tablet_breakpoint() ); } // Comments CSS. if ( ! Astra_Builder_Helper::apply_flex_based_css() ) { require_once ASTRA_THEME_DIR . 'inc/dynamic-css/comments.php'; // PHPCS:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound } else { require_once ASTRA_THEME_DIR . 'inc/dynamic-css/comments-flex.php'; // PHPCS:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound } if ( Astra_Builder_Helper::is_component_loaded( 'woo-cart', 'header' ) || Astra_Builder_Helper::is_component_loaded( 'edd-cart', 'header' ) ) { $parse_css .= Astra_Enqueue_Scripts::trim_css( self::load_cart_static_css() ); } if ( ! Astra_Builder_Helper::$is_header_footer_builder_active ) { $footer_css_output = array( '.ast-small-footer' => array( 'color' => esc_attr( $footer_color ), ), '.ast-small-footer > .ast-footer-overlay' => astra_get_background_obj( $footer_bg_obj ), '.ast-small-footer a' => array( 'color' => esc_attr( $footer_link_color ), ), '.ast-small-footer a:hover' => array( 'color' => esc_attr( $footer_link_h_color ), ), // Advanced Footer colors/fonts. '.footer-adv .footer-adv-overlay' => array( 'border-top-style' => 'solid', 'border-top-width' => astra_get_css_value( $footer_adv_border_width, 'px' ), 'border-top-color' => esc_attr( $footer_adv_border_color ), ), '.footer-adv .widget-title,.footer-adv .widget-title a' => array( 'color' => esc_attr( $footer_adv_widget_title_color ), ), '.footer-adv' => array( 'color' => esc_attr( $footer_adv_text_color ), ), '.footer-adv a' => array( 'color' => esc_attr( $footer_adv_link_color ), ), '.footer-adv .tagcloud a:hover, .footer-adv .tagcloud a.current-item' => array( 'border-color' => esc_attr( $footer_adv_link_color ), 'background-color' => esc_attr( $footer_adv_link_color ), ), '.footer-adv a:hover, .footer-adv .no-widget-text a:hover, .footer-adv a:focus, .footer-adv .no-widget-text a:focus' => array( 'color' => esc_attr( $footer_adv_link_h_color ), ), '.footer-adv .calendar_wrap #today, .footer-adv a:hover + .post-count' => array( 'background-color' => esc_attr( $footer_adv_link_color ), ), '.footer-adv-overlay' => astra_get_background_obj( $footer_adv_bg_obj ), ); $parse_css .= astra_parse_css( $footer_css_output ); } // Paginaiton CSS. require_once ASTRA_THEME_DIR . 'inc/dynamic-css/pagination.php'; // PHPCS:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound // Related Posts Dynamic CSS. /** * * Fix button aligment issue comming from the gutenberg plugin (v9.3.0). */ $gtn_plugin_button_center_alignment = array( '.wp-block-buttons.aligncenter' => array( 'justify-content' => 'center', ), ); $parse_css .= astra_parse_css( $gtn_plugin_button_center_alignment ); $ast_container_layout = astra_get_content_layout(); /* * Fix the wide width issue in gutenberg * check if the current user is existing user or new user. * if new user load the CSS bty default if existing provide a filter */ if ( self::gtn_image_group_css_comp() ) { if ( 'content-boxed-container' == $ast_container_layout || 'boxed-container' == $ast_container_layout ) { $parse_css .= astra_parse_css( array( '.ast-separate-container.ast-right-sidebar .entry-content .wp-block-image.alignfull,.ast-separate-container.ast-left-sidebar .entry-content .wp-block-image.alignfull,.ast-separate-container.ast-right-sidebar .entry-content .wp-block-cover.alignfull,.ast-separate-container.ast-left-sidebar .entry-content .wp-block-cover.alignfull' => array( 'margin-left' => '-6.67em', 'margin-right' => '-6.67em', 'max-width' => 'unset', 'width' => 'unset', ), '.ast-separate-container.ast-right-sidebar .entry-content .wp-block-image.alignwide,.ast-separate-container.ast-left-sidebar .entry-content .wp-block-image.alignwide,.ast-separate-container.ast-right-sidebar .entry-content .wp-block-cover.alignwide,.ast-separate-container.ast-left-sidebar .entry-content .wp-block-cover.alignwide' => array( 'margin-left' => '-20px', 'margin-right' => '-20px', 'max-width' => 'unset', 'width' => 'unset', ), ), '1200' ); } $gtn_full_wide_image_css = array( '.wp-block-group .has-background' => array( 'padding' => '20px', ), ); $parse_css .= astra_parse_css( $gtn_full_wide_image_css, '1200' ); } else { $gtn_tablet_column_css = array( '.entry-content .wp-block-columns .wp-block-column' => array( 'margin-left' => '0px', ), ); $parse_css .= astra_parse_css( $gtn_tablet_column_css, '', '782' ); } if ( self::gtn_group_cover_css_comp() ) { if ( 'no-sidebar' !== astra_page_layout() ) { switch ( $ast_container_layout ) { case 'content-boxed-container': case 'boxed-container': $parse_css .= astra_parse_css( array( // With container - Sidebar. '.ast-separate-container.ast-right-sidebar .entry-content .wp-block-group.alignwide, .ast-separate-container.ast-left-sidebar .entry-content .wp-block-group.alignwide, .ast-separate-container.ast-right-sidebar .entry-content .wp-block-cover.alignwide, .ast-separate-container.ast-left-sidebar .entry-content .wp-block-cover.alignwide' => array( 'margin-left' => '-20px', 'margin-right' => '-20px', 'padding-left' => '20px', 'padding-right' => '20px', ), '.ast-separate-container.ast-right-sidebar .entry-content .wp-block-group.alignfull, .ast-separate-container.ast-left-sidebar .entry-content .wp-block-group.alignfull, .ast-separate-container.ast-right-sidebar .entry-content .wp-block-cover.alignfull, .ast-separate-container.ast-left-sidebar .entry-content .wp-block-cover.alignfull' => array( 'margin-left' => '-6.67em', 'margin-right' => '-6.67em', 'padding-left' => '6.67em', 'padding-right' => '6.67em', ), ), '1200' ); break; case 'plain-container': $parse_css .= astra_parse_css( array( // Without container - Sidebar. '.ast-plain-container.ast-right-sidebar .entry-content .wp-block-group.alignwide, .ast-plain-container.ast-left-sidebar .entry-content .wp-block-group.alignwide, .ast-plain-container.ast-right-sidebar .entry-content .wp-block-group.alignfull, .ast-plain-container.ast-left-sidebar .entry-content .wp-block-group.alignfull' => array( 'padding-left' => '20px', 'padding-right' => '20px', ), ), '1200' ); break; case 'page-builder': $parse_css .= astra_parse_css( array( '.ast-page-builder-template.ast-left-sidebar .entry-content .wp-block-cover.alignwide, .ast-page-builder-template.ast-right-sidebar .entry-content .wp-block-cover.alignwide, .ast-page-builder-template.ast-left-sidebar .entry-content .wp-block-cover.alignfull, .ast-page-builder-template.ast-right-sidebar .entry-content .wp-block-cover.alignful' => array( 'padding-right' => '0', 'padding-left' => '0', ), ), '1200' ); break; } } else { switch ( $container_layout ) { case 'content-boxed-container': case 'boxed-container': $parse_css .= astra_parse_css( array( // With container - No Sidebar. '.ast-no-sidebar.ast-separate-container .entry-content .wp-block-group.alignwide, .ast-no-sidebar.ast-separate-container .entry-content .wp-block-cover.alignwide' => array( 'margin-left' => '-20px', 'margin-right' => '-20px', 'padding-left' => '20px', 'padding-right' => '20px', ), '.ast-no-sidebar.ast-separate-container .entry-content .wp-block-cover.alignfull, .ast-no-sidebar.ast-separate-container .entry-content .wp-block-group.alignfull' => array( 'margin-left' => '-6.67em', 'margin-right' => '-6.67em', 'padding-left' => '6.67em', 'padding-right' => '6.67em', ), ), '1200' ); break; case 'plain-container': $parse_css .= astra_parse_css( array( // Without container - No Sidebar. '.ast-plain-container.ast-no-sidebar .entry-content .alignwide .wp-block-cover__inner-container, .ast-plain-container.ast-no-sidebar .entry-content .alignfull .wp-block-cover__inner-container' => array( 'width' => astra_get_css_value( $site_content_width + 40, 'px' ), ), ), '1200' ); break; case 'page-builder': $parse_css .= astra_parse_css( array( '.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-cover.alignwide, .ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-cover.alignfull' => array( 'padding-right' => '0', 'padding-left' => '0', ), ), '1200' ); break; } } $parse_css .= astra_parse_css( array( '.wp-block-cover-image.alignwide .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container, .wp-block-cover-image.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignfull .wp-block-cover__inner-container' => array( 'width' => '100%', ), ), '1200' ); // Remove margin top when Primary Header is not set and No Sidebar is added in Full-Width / Contained Layout. if ( is_singular() ) { $display_header = get_post_meta( get_the_ID(), 'ast-main-header-display', true ); if ( 'disabled' === $display_header && apply_filters( 'astra_content_margin_full_width_contained', true ) || ( Astra_Ext_Transparent_Header_Markup::is_transparent_header() ) || ( self::gutenberg_core_blocks_css_comp() ) ) { $gtn_margin_top = array( '.ast-plain-container.ast-no-sidebar #primary' => array( 'margin-top' => '0', 'margin-bottom' => '0', ), ); $parse_css .= astra_parse_css( $gtn_margin_top ); } } } if ( self::gutenberg_core_blocks_css_comp() ) { /** * If transparent header is activated then it adds top 1.5em padding space, so this CSS will fix this issue. * This issue is only visible on responsive devices. * * @since 2.6.0 */ if ( is_singular() ) { $trans_header_responsive_top_space_css_fix = array( '.ast-theme-transparent-header #primary, .ast-theme-transparent-header #secondary' => array( 'padding' => 0, ), ); /* Parse CSS from array() -> max-width: (tablet-breakpoint)px CSS */ $parse_css .= astra_parse_css( $trans_header_responsive_top_space_css_fix, '', astra_get_tablet_breakpoint() ); } $desktop_screen_gb_css = array( // Group block, Columns block, Gallery block, Table block & has-text-align-center selector compatibility Desktop CSS. '.wp-block-columns' => array( 'margin-bottom' => 'unset', ), '.wp-block-image.size-full' => array( 'margin' => '2rem 0', ), '.wp-block-separator.has-background' => array( 'padding' => '0', ), '.wp-block-gallery' => array( 'margin-bottom' => '1.6em', ), '.wp-block-group' => array( 'padding-top' => '4em', 'padding-bottom' => '4em', ), '.wp-block-group__inner-container .wp-block-columns:last-child, .wp-block-group__inner-container :last-child, .wp-block-table table' => array( 'margin-bottom' => '0', ), '.blocks-gallery-grid' => array( 'width' => '100%', ), '.wp-block-navigation-link__content' => array( 'padding' => '5px 0', ), '.wp-block-group .wp-block-group .has-text-align-center, .wp-block-group .wp-block-column .has-text-align-center' => array( 'max-width' => '100%', ), '.has-text-align-center' => array( 'margin' => '0 auto', ), ); /* Parse CSS from array() -> Desktop CSS */ $parse_css .= astra_parse_css( $desktop_screen_gb_css ); $middle_screen_min_gb_css = array( // Group & Column block > align compatibility (min-width:1200px) CSS. '.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container' => array( 'max-width' => '1200px', 'margin' => '0 auto', ), '.wp-block-group.alignnone, .wp-block-group.aligncenter, .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-group.alignwide, .wp-block-columns.alignwide' => array( 'margin' => '2rem 0 1rem 0', ), ); /* Parse CSS from array() -> min-width: (1200)px CSS */ $parse_css .= astra_parse_css( $middle_screen_min_gb_css, '1200' ); $middle_screen_max_gb_css = array( // Group & Column block (max-width:1200px) CSS. '.wp-block-group' => array( 'padding' => '3em', ), '.wp-block-group .wp-block-group' => array( 'padding' => '1.5em', ), '.wp-block-columns, .wp-block-column' => array( 'margin' => '1rem 0', ), ); /* Parse CSS from array() -> max-width: (1200)px CSS */ $parse_css .= astra_parse_css( $middle_screen_max_gb_css, '', '1200' ); $tablet_screen_min_gb_css = array( // Columns inside Group block compatibility (min-width: tablet-breakpoint) CSS. '.wp-block-columns .wp-block-group' => array( 'padding' => '2em', ), ); /* Parse CSS from array() -> min-width: (tablet-breakpoint)px CSS */ $parse_css .= astra_parse_css( $tablet_screen_min_gb_css, astra_get_tablet_breakpoint() ); $mobile_screen_max_gb_css = array( // Content | image | video inside Media & Text block, Cover block, Image inside cover block compatibility (max-width: mobile-breakpoint) CSS. '.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container' => array( 'width' => 'unset', ), '.wp-block-cover, .wp-block-cover-image' => array( 'padding' => '2em 0', ), '.wp-block-group, .wp-block-cover' => array( 'padding' => '2em', ), '.wp-block-media-text__media img, .wp-block-media-text__media video' => array( 'width' => 'unset', 'max-width' => '100%', ), '.wp-block-media-text.has-background .wp-block-media-text__content' => array( 'padding' => '1em', ), ); if ( ! self::gutenberg_media_text_block_css_compat() ) { // Added this [! self::gutenberg_media_text_block_css_compat()] condition as we update the same selector CSS in gutenberg_media_text_block_css_compat() function with new padding: 8% 0; CSS for max-width: (mobile-breakpoint). $mobile_screen_max_gb_css['.wp-block-media-text .wp-block-media-text__content'] = array( 'padding' => '3em 2em', ); } /* Parse CSS from array() -> max-width: (mobile-breakpoint)px CSS */ $parse_css .= astra_parse_css( $mobile_screen_max_gb_css, '', astra_get_mobile_breakpoint() ); } if ( self::gutenberg_media_text_block_css_compat() ) { /** * Remove #primary padding on mobile devices which compromises deigned layout. * * @since 2.6.1 */ if ( is_singular() ) { $remove_primary_padding_on_mobile_css = array( '.ast-plain-container.ast-no-sidebar #primary' => array( 'padding' => 0, ), ); /* Parse CSS from array() -> max-width: (tablet-breakpoint)px CSS */ $parse_css .= astra_parse_css( $remove_primary_padding_on_mobile_css, '', astra_get_tablet_breakpoint() ); } $media_text_block_padding_css = array( // Media & Text block CSS compatibility (min-width: mobile-breakpoint) CSS. '.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content' => array( 'padding' => '0 8% 0 0', ), '.entry-content .wp-block-media-text .wp-block-media-text__content' => array( 'padding' => '0 0 0 8%', ), '.ast-plain-container .site-content .entry-content .has-custom-content-position.is-position-bottom-left > *, .ast-plain-container .site-content .entry-content .has-custom-content-position.is-position-bottom-right > *, .ast-plain-container .site-content .entry-content .has-custom-content-position.is-position-top-left > *, .ast-plain-container .site-content .entry-content .has-custom-content-position.is-position-top-right > *, .ast-plain-container .site-content .entry-content .has-custom-content-position.is-position-center-right > *, .ast-plain-container .site-content .entry-content .has-custom-content-position.is-position-center-left > *' => array( 'margin' => 0, ), ); /* Parse CSS from array() -> min-width: (mobile-breakpoint)px CSS */ $parse_css .= astra_parse_css( $media_text_block_padding_css, astra_get_mobile_breakpoint() ); $mobile_screen_media_text_block_css = array( // Media & Text block padding CSS for (max-width: mobile-breakpoint) CSS. '.entry-content .wp-block-media-text .wp-block-media-text__content' => array( 'padding' => '8% 0', ), '.wp-block-media-text .wp-block-media-text__media img' => array( 'width' => 'auto', 'max-width' => '100%', ), ); /* Parse CSS from array() -> max-width: (mobile-breakpoint)px CSS */ $parse_css .= astra_parse_css( $mobile_screen_media_text_block_css, '', astra_get_mobile_breakpoint() ); } /** * When supporting GB button outline patterns in v3.3.0 we have given 2px as default border for GB outline button, where we restrict button border for flat type buttons. * But now while reverting this change there is no need of default border because whatever customizer border will set it should behave accordingly. Although it is empty ('') WP applying 2px as default border for outline buttons. * * @since 3.6.3 */ $default_border_size = '2px'; if ( astra_button_default_padding_updated() ) { $default_border_size = ''; } // Outline Gutenberg button compatibility CSS. $theme_btn_top_border = ( isset( $global_custom_button_border_size['top'] ) && ( '' !== $global_custom_button_border_size['top'] && '0' !== $global_custom_button_border_size['top'] ) ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : $default_border_size; $theme_btn_right_border = ( isset( $global_custom_button_border_size['right'] ) && ( '' !== $global_custom_button_border_size['right'] && '0' !== $global_custom_button_border_size['right'] ) ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : $default_border_size; $theme_btn_left_border = ( isset( $global_custom_button_border_size['left'] ) && ( '' !== $global_custom_button_border_size['left'] && '0' !== $global_custom_button_border_size['left'] ) ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : $default_border_size; $theme_btn_bottom_border = ( isset( $global_custom_button_border_size['bottom'] ) && ( '' !== $global_custom_button_border_size['bottom'] && '0' !== $global_custom_button_border_size['bottom'] ) ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : $default_border_size; if ( self::gutenberg_core_patterns_compat() ) { $outline_button_css = array( '.wp-block-button.is-style-outline .wp-block-button__link' => array( 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), 'border-top-width' => esc_attr( $theme_btn_top_border ), 'border-right-width' => esc_attr( $theme_btn_right_border ), 'border-bottom-width' => esc_attr( $theme_btn_bottom_border ), 'border-left-width' => esc_attr( $theme_btn_left_border ), ), '.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color)' => array( 'color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), ), '.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus' => array( 'color' => esc_attr( $btn_text_hover_color ) . ' !important', 'background-color' => esc_attr( $btn_bg_hover_color ), 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_hover_color ) : esc_attr( $btn_border_h_color ), ), // Adding CSS to highlight current paginated number. '.post-page-numbers.current .page-link, .ast-pagination .page-numbers.current' => array( 'color' => astra_get_foreground_color( $theme_color ), 'border-color' => esc_attr( $theme_color ), 'background-color' => esc_attr( $theme_color ), 'border-radius' => '2px', ), ); /* Parse CSS from array() -> All media CSS */ $parse_css .= astra_parse_css( $outline_button_css ); if ( ! astra_button_default_padding_updated() ) { // Tablet CSS. $outline_button_tablet_css = array( '.wp-block-button.is-style-outline .wp-block-button__link' => array( 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', ), ); $parse_css .= astra_parse_css( $outline_button_tablet_css, '', astra_get_tablet_breakpoint() ); // Mobile CSS. $outline_button_mobile_css = array( '.wp-block-button.is-style-outline .wp-block-button__link' => array( 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', ), ); $parse_css .= astra_parse_css( $outline_button_mobile_css, '', astra_get_mobile_breakpoint() ); } if ( $is_site_rtl ) { $gb_patterns_min_mobile_css = array( '.entry-content > .alignleft' => array( 'margin-left' => '20px', ), '.entry-content > .alignright' => array( 'margin-right' => '20px', ), ); } else { $gb_patterns_min_mobile_css = array( '.entry-content > .alignleft' => array( 'margin-right' => '20px', ), '.entry-content > .alignright' => array( 'margin-left' => '20px', ), ); } if ( ! astra_button_default_padding_updated() ) { $gb_patterns_min_mobile_css['.wp-block-group.has-background'] = array( 'padding' => '20px', ); } /* Parse CSS from array() -> min-width: (mobile-breakpoint) px CSS */ $parse_css .= astra_parse_css( $gb_patterns_min_mobile_css, astra_get_mobile_breakpoint() ); } if ( astra_button_default_padding_updated() ) { $outline_button_css = array( '.wp-block-button.is-style-outline .wp-block-button__link' => array( 'border-top-width' => esc_attr( $theme_btn_top_border ), 'border-right-width' => esc_attr( $theme_btn_right_border ), 'border-bottom-width' => esc_attr( $theme_btn_bottom_border ), 'border-left-width' => esc_attr( $theme_btn_left_border ), ), ); /* Parse CSS from array() -> All media CSS */ $parse_css .= astra_parse_css( $outline_button_css ); } if ( $is_widget_title_support_font_weight ) { $widget_title_font_weight_support = array( 'h1.widget-title' => array( 'font-weight' => esc_attr( $h1_font_weight ), ), 'h2.widget-title' => array( 'font-weight' => esc_attr( $h2_font_weight ), ), 'h3.widget-title' => array( 'font-weight' => esc_attr( $h3_font_weight ), ), ); /* Parse CSS from array() -> All media CSS */ $parse_css .= astra_parse_css( $widget_title_font_weight_support ); } $static_layout_css = array( '.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single' => array( 'padding' => '1.5em 2.14em', ), '.ast-separate-container #primary, .ast-separate-container #secondary' => array( 'padding' => '1.5em 0', ), '#primary, #secondary' => array( 'padding' => '1.5em 0', 'margin' => 0, ), '.ast-left-sidebar #content > .ast-container' => array( 'display' => 'flex', 'flex-direction' => 'column-reverse', 'width' => '100%', ), '.ast-author-box img.avatar' => array( 'margin' => '20px 0 0 0', ), ); /* Parse CSS from array() -> max-width: (tablet-breakpoint)px CSS */ $parse_css .= astra_parse_css( $static_layout_css, '', astra_get_tablet_breakpoint() ); if ( is_author() ) { $parse_css .= astra_parse_css( array( '.ast-author-box img.avatar' => array( 'margin' => '20px 0 0 0', ), ), astra_get_tablet_breakpoint() ); } if ( 'no-sidebar' !== astra_page_layout() ) { $static_secondary_layout_css = array( '#secondary.secondary' => array( 'padding-top' => 0, ), '.ast-separate-container.ast-right-sidebar #secondary' => array( 'padding-left' => '1em', 'padding-right' => '1em', ), '.ast-separate-container.ast-two-container #secondary' => array( 'padding-left' => 0, 'padding-right' => 0, ), '.ast-page-builder-template .entry-header #secondary, .ast-page-builder-template #secondary' => array( 'margin-top' => '1.5em', ), ); $parse_css .= astra_parse_css( $static_secondary_layout_css, '', astra_get_tablet_breakpoint() ); } if ( 'no-sidebar' !== astra_page_layout() ) { if ( $is_site_rtl ) { $static_layout_lang_direction_css = array( '.ast-right-sidebar #primary' => array( 'padding-left' => 0, ), '.ast-page-builder-template.ast-left-sidebar #secondary, ast-page-builder-template.ast-right-sidebar #secondary' => array( 'padding-left' => '20px', 'padding-right' => '20px', ), '.ast-right-sidebar #secondary, .ast-left-sidebar #primary' => array( 'padding-right' => 0, ), '.ast-left-sidebar #secondary' => array( 'padding-left' => 0, ), ); } else { $static_layout_lang_direction_css = array( '.ast-right-sidebar #primary' => array( 'padding-right' => 0, ), '.ast-page-builder-template.ast-left-sidebar #secondary, .ast-page-builder-template.ast-right-sidebar #secondary' => array( 'padding-right' => '20px', 'padding-left' => '20px', ), '.ast-right-sidebar #secondary, .ast-left-sidebar #primary' => array( 'padding-left' => 0, ), '.ast-left-sidebar #secondary' => array( 'padding-right' => 0, ), ); } /* Parse CSS from array() -> max-width: (tablet-breakpoint)px CSS */ $parse_css .= astra_parse_css( $static_layout_lang_direction_css, '', astra_get_tablet_breakpoint() ); } $static_layout_css_min = array( '.ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary' => array( 'border' => 0, ), '.search-no-results.ast-separate-container #primary' => array( 'margin-bottom' => '4em', ), ); if ( is_author() ) { $author_table_css = array( '.ast-author-box' => array( '-js-display' => 'flex', 'display' => 'flex', ), '.ast-author-bio' => array( 'flex' => '1', ), ); $static_layout_css_min = array_merge( $static_layout_css_min, $author_table_css ); } /* Parse CSS from array() -> min-width: (tablet-breakpoint + 1)px CSS */ $parse_css .= astra_parse_css( $static_layout_css_min, astra_get_tablet_breakpoint( '', '1' ) ); // 404 Page. if ( is_404() ) { $page_404 = array( '.ast-404-layout-1 .ast-404-text' => array( 'font-size' => astra_get_font_css_value( '200' ), ), ); $parse_css .= astra_parse_css( $page_404 ); $parse_css .= astra_parse_css( array( '.error404.ast-separate-container #primary' => array( 'margin-bottom' => '4em', ), ), astra_get_tablet_breakpoint( '', '1' ) ); $parse_css .= astra_parse_css( array( '.ast-404-layout-1 .ast-404-text' => array( 'font-size' => astra_get_font_css_value( 100 ), ), ), '', '920' ); } if ( 'no-sidebar' !== astra_page_layout() ) { if ( $is_site_rtl ) { $static_layout_min_lang_direction_css = array( '.ast-right-sidebar #primary' => array( 'border-left' => '1px solid #eee', ), '.ast-right-sidebar #secondary' => array( 'border-right' => '1px solid #eee', 'margin-right' => '-1px', ), '.ast-left-sidebar #primary' => array( 'border-right' => '1px solid #eee', ), '.ast-left-sidebar #secondary' => array( 'border-left' => '1px solid #eee', 'margin-left' => '-1px', ), '.ast-separate-container.ast-two-container.ast-right-sidebar #secondary' => array( 'padding-right' => '30px', 'padding-left' => 0, ), '.ast-separate-container.ast-two-container.ast-left-sidebar #secondary' => array( 'padding-left' => '30px', 'padding-right' => 0, ), '.ast-separate-container.ast-right-sidebar #secondary, .ast-separate-container.ast-left-sidebar #secondary' => array( 'border' => 0, 'margin-left' => 'auto', 'margin-right' => 'auto', ), '.ast-separate-container.ast-two-container #secondary .widget:last-child' => array( 'margin-bottom' => 0, ), ); } else { $static_layout_min_lang_direction_css = array( '.ast-right-sidebar #primary' => array( 'border-right' => '1px solid #eee', ), '.ast-left-sidebar #primary' => array( 'border-left' => '1px solid #eee', ), '.ast-right-sidebar #secondary' => array( 'border-left' => '1px solid #eee', 'margin-left' => '-1px', ), '.ast-left-sidebar #secondary' => array( 'border-right' => '1px solid #eee', 'margin-right' => '-1px', ), '.ast-separate-container.ast-two-container.ast-right-sidebar #secondary' => array( 'padding-left' => '30px', 'padding-right' => 0, ), '.ast-separate-container.ast-two-container.ast-left-sidebar #secondary' => array( 'padding-right' => '30px', 'padding-left' => 0, ), '.ast-separate-container.ast-right-sidebar #secondary, .ast-separate-container.ast-left-sidebar #secondary' => array( 'border' => 0, 'margin-left' => 'auto', 'margin-right' => 'auto', ), '.ast-separate-container.ast-two-container #secondary .widget:last-child' => array( 'margin-bottom' => 0, ), ); } /* Parse CSS from array() -> min-width: (tablet-breakpoint + 1)px CSS */ $parse_css .= astra_parse_css( $static_layout_min_lang_direction_css, astra_get_tablet_breakpoint( '', '1' ) ); } /** * Elementor & Gutenberg button backward compatibility for default styling. */ if ( self::page_builder_button_style_css() ) { $search_button_selector = $is_wp_5_8_support_enabled ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : ''; $search_button_hover_selector = $is_wp_5_8_support_enabled ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus' : ''; /** * Global button CSS - Desktop. */ $global_button_desktop = array( '.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' . $search_button_selector => array( 'border-style' => 'solid', 'border-top-width' => ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '0', 'border-right-width' => ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '0', 'border-left-width' => ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '0', 'border-bottom-width' => ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '0', 'color' => esc_attr( $btn_text_color ), 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), 'background-color' => esc_attr( $btn_bg_color ), 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ), 'font-family' => astra_get_font_family( $theme_btn_font_family ), 'font-weight' => esc_attr( $theme_btn_font_weight ), 'font-size' => astra_get_font_css_value( $theme_btn_font_size['desktop'], $theme_btn_font_size['desktop-unit'] ), 'line-height' => esc_attr( $theme_btn_line_height ), 'text-transform' => esc_attr( $theme_btn_text_transform ), 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ), ), 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover , input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus' . $search_button_hover_selector => array( 'color' => esc_attr( $btn_text_hover_color ), 'background-color' => esc_attr( $btn_bg_hover_color ), 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_hover_color ) : esc_attr( $btn_border_h_color ), ), ); $btn_text_color_selectors = '.wp-block-button .wp-block-button__link, '; if ( 'color-typo' === self::elementor_default_color_font_setting() || 'color' === self::elementor_default_color_font_setting() || 'typo' === self::elementor_default_color_font_setting() ) { $ele_btn_default_desktop = array( '.elementor-button-wrapper .elementor-button' => array( 'border-style' => 'solid', 'text-decoration' => 'none', 'border-top-width' => ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '0', 'border-right-width' => ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '0', 'border-left-width' => ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '0', 'border-bottom-width' => ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '0', ), 'body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-xl, body .elementor-button' => array( 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $ele_btn_default_desktop ); $ele_btn_default_tablet = array( '.elementor-button-wrapper .elementor-button.elementor-size-sm, .elementor-button-wrapper .elementor-button.elementor-size-xs, .elementor-button-wrapper .elementor-button.elementor-size-md, .elementor-button-wrapper .elementor-button.elementor-size-lg, .elementor-button-wrapper .elementor-button.elementor-size-xl, .elementor-button-wrapper .elementor-button' => array( 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $ele_btn_default_tablet, '', astra_get_tablet_breakpoint() ); $ele_btn_default_mobile = array( '.elementor-button-wrapper .elementor-button.elementor-size-sm, .elementor-button-wrapper .elementor-button.elementor-size-xs, .elementor-button-wrapper .elementor-button.elementor-size-md, .elementor-button-wrapper .elementor-button.elementor-size-lg, .elementor-button-wrapper .elementor-button.elementor-size-xl, .elementor-button-wrapper .elementor-button' => array( 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $ele_btn_default_mobile, '', astra_get_mobile_breakpoint() ); } if ( 'color-typo' === self::elementor_default_color_font_setting() || 'color' === self::elementor_default_color_font_setting() ) { // Check if Global Elementor - Theme Style - button color is set. If yes then remove ( :visited ) CSS for the compatibility. if ( false === self::is_elementor_kit_button_color_set() ) { $btn_text_color_selectors .= '.elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited'; } else { $btn_text_color_selectors .= '.elementor-button-wrapper .elementor-button'; } $ele_btn_color_builder_desktop = array( '.elementor-button-wrapper .elementor-button' => array( 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), 'background-color' => esc_attr( $btn_bg_color ), ), '.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus' => array( 'color' => esc_attr( $btn_text_hover_color ), 'background-color' => esc_attr( $btn_bg_hover_color ), 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_hover_color ) : esc_attr( $btn_border_h_color ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $ele_btn_color_builder_desktop ); } $global_button_page_builder_text_color_desktop = array( $btn_text_color_selectors => array( 'color' => esc_attr( $btn_text_color ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $global_button_page_builder_text_color_desktop ); if ( 'color-typo' === self::elementor_default_color_font_setting() || 'typo' === self::elementor_default_color_font_setting() ) { $ele_btn_typo_builder_desktop = array( '.elementor-button-wrapper .elementor-button' => array( 'font-family' => astra_get_font_family( $theme_btn_font_family ), 'font-weight' => esc_attr( $theme_btn_font_weight ), 'line-height' => esc_attr( $theme_btn_line_height ), 'text-transform' => esc_attr( $theme_btn_text_transform ), 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ), ), 'body .elementor-button.elementor-size-sm, body .elementor-button.elementor-size-xs, body .elementor-button.elementor-size-md, body .elementor-button.elementor-size-lg, body .elementor-button.elementor-size-xl, body .elementor-button' => array( 'font-size' => astra_responsive_font( $theme_btn_font_size, 'desktop' ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $ele_btn_typo_builder_desktop ); } $global_button_page_builder_desktop = array( '.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus' => array( 'color' => esc_attr( $btn_text_hover_color ), 'background-color' => esc_attr( $btn_bg_hover_color ), 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_hover_color ) : esc_attr( $btn_border_h_color ), ), '.elementor-widget-heading h1.elementor-heading-title' => array( 'line-height' => esc_attr( $h1_line_height ), ), '.elementor-widget-heading h2.elementor-heading-title' => array( 'line-height' => esc_attr( $h2_line_height ), ), '.elementor-widget-heading h3.elementor-heading-title' => array( 'line-height' => esc_attr( $h3_line_height ), ), '.elementor-widget-heading h4.elementor-heading-title' => array( 'line-height' => esc_attr( $h4_line_height ), ), '.elementor-widget-heading h5.elementor-heading-title' => array( 'line-height' => esc_attr( $h5_line_height ), ), '.elementor-widget-heading h6.elementor-heading-title' => array( 'line-height' => esc_attr( $h6_line_height ), ), ); if ( self::gutenberg_core_patterns_compat() && ! astra_button_default_padding_updated() ) { $theme_outline_gb_btn_top_border = ( isset( $global_custom_button_border_size['top'] ) && ( '' !== $global_custom_button_border_size['top'] && '0' !== $global_custom_button_border_size['top'] ) ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '2px'; $theme_outline_gb_btn_right_border = ( isset( $global_custom_button_border_size['right'] ) && ( '' !== $global_custom_button_border_size['right'] && '0' !== $global_custom_button_border_size['right'] ) ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '2px'; $theme_outline_gb_btn_bottom_border = ( isset( $global_custom_button_border_size['bottom'] ) && ( '' !== $global_custom_button_border_size['bottom'] && '0' !== $global_custom_button_border_size['bottom'] ) ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '2px'; $theme_outline_gb_btn_left_border = ( isset( $global_custom_button_border_size['left'] ) && ( '' !== $global_custom_button_border_size['left'] && '0' !== $global_custom_button_border_size['left'] ) ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '2px'; $global_button_page_builder_desktop['.wp-block-button .wp-block-button__link'] = array( 'border' => 'none', 'background-color' => esc_attr( $btn_bg_color ), 'color' => esc_attr( $btn_text_color ), 'font-family' => astra_get_font_family( $theme_btn_font_family ), 'font-weight' => esc_attr( $theme_btn_font_weight ), 'line-height' => esc_attr( $theme_btn_line_height ), 'text-transform' => esc_attr( $theme_btn_text_transform ), 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ), 'font-size' => astra_responsive_font( $theme_btn_font_size, 'desktop' ), 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), 'padding' => '15px 30px', ); $global_button_page_builder_desktop['.wp-block-button.is-style-outline .wp-block-button__link'] = array( 'border-style' => 'solid', 'border-top-width' => esc_attr( $theme_outline_gb_btn_top_border ), 'border-right-width' => esc_attr( $theme_outline_gb_btn_right_border ), 'border-left-width' => esc_attr( $theme_outline_gb_btn_left_border ), 'border-bottom-width' => esc_attr( $theme_outline_gb_btn_bottom_border ), 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), 'padding-top' => 'calc(15px - ' . (int) $theme_outline_gb_btn_top_border . 'px)', 'padding-right' => 'calc(30px - ' . (int) $theme_outline_gb_btn_right_border . 'px)', 'padding-bottom' => 'calc(15px - ' . (int) $theme_outline_gb_btn_bottom_border . 'px)', 'padding-left' => 'calc(30px - ' . (int) $theme_outline_gb_btn_left_border . 'px)', ); $global_button_page_builder_tablet = array( '.wp-block-button .wp-block-button__link' => array( 'font-size' => astra_responsive_font( $theme_btn_font_size, 'tablet' ), 'border' => 'none', 'padding' => '15px 30px', ), '.wp-block-button.is-style-outline .wp-block-button__link' => array( 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', ), ); $global_button_page_builder_mobile = array( '.wp-block-button .wp-block-button__link' => array( 'font-size' => astra_responsive_font( $theme_btn_font_size, 'mobile' ), 'border' => 'none', 'padding' => '15px 30px', ), '.wp-block-button.is-style-outline .wp-block-button__link' => array( 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', ), ); } else { $default_border_size = '0'; if ( astra_button_default_padding_updated() ) { $default_border_size = ''; } $global_button_page_builder_desktop['.wp-block-button .wp-block-button__link'] = array( 'border-style' => 'solid', 'border-top-width' => ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : $default_border_size, 'border-right-width' => ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : $default_border_size, 'border-left-width' => ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : $default_border_size, 'border-bottom-width' => ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : $default_border_size, 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), 'background-color' => esc_attr( $btn_bg_color ), 'color' => esc_attr( $btn_text_color ), 'font-family' => astra_get_font_family( $theme_btn_font_family ), 'font-weight' => esc_attr( $theme_btn_font_weight ), 'line-height' => esc_attr( $theme_btn_line_height ), 'text-transform' => esc_attr( $theme_btn_text_transform ), 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ), 'font-size' => astra_responsive_font( $theme_btn_font_size, 'desktop' ), 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ), ); $global_button_page_builder_tablet = array( '.wp-block-button .wp-block-button__link' => array( 'font-size' => astra_responsive_font( $theme_btn_font_size, 'tablet' ), 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ), ), ); $global_button_page_builder_mobile = array( '.wp-block-button .wp-block-button__link' => array( 'font-size' => astra_responsive_font( $theme_btn_font_size, 'mobile' ), 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ), ), ); } /* Parse CSS from array() */ $parse_css .= astra_parse_css( $global_button_page_builder_desktop ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $global_button_page_builder_tablet, '', astra_get_tablet_breakpoint() ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $global_button_page_builder_mobile, '', astra_get_mobile_breakpoint() ); } else { $search_button_selector = $is_wp_5_8_support_enabled ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : ''; $search_button_hover_selector = $is_wp_5_8_support_enabled ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus' : ''; /** * Global button CSS - Desktop. */ $global_button_desktop = array( '.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' . $search_button_selector => array( 'color' => esc_attr( $btn_text_color ), 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), 'background-color' => esc_attr( $btn_bg_color ), 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ), 'font-family' => astra_get_font_family( $theme_btn_font_family ), 'font-weight' => esc_attr( $theme_btn_font_weight ), 'font-size' => astra_get_font_css_value( $theme_btn_font_size['desktop'], $theme_btn_font_size['desktop-unit'] ), 'text-transform' => esc_attr( $theme_btn_text_transform ), 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ), ), 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus' . $search_button_hover_selector => array( 'color' => esc_attr( $btn_text_hover_color ), 'background-color' => esc_attr( $btn_bg_hover_color ), 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_hover_color ) : esc_attr( $btn_border_h_color ), ), ); } /* Parse CSS from array() */ $parse_css .= astra_parse_css( $global_button_desktop ); /* Parse CSS from array() -> min-width: (tablet-breakpoint) px CSS */ if ( empty( $site_content_width ) ) { $container_min_tablet_css = array( '.ast-container' => array( 'max-width' => '100%', ), ); $parse_css .= astra_parse_css( $container_min_tablet_css, astra_get_tablet_breakpoint() ); } $container_min_mobile_css = array( '.ast-container' => array( 'max-width' => '100%', ), ); /* Parse CSS from array() -> min-width: (mobile-breakpoint) px CSS */ $parse_css .= astra_parse_css( $container_min_mobile_css, astra_get_mobile_breakpoint() ); $global_button_mobile = array( '.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .comments-title, .ast-separate-container .ast-archive-description' => array( 'padding' => '1.5em 1em', ), '.ast-separate-container #content .ast-container' => array( 'padding-left' => '0.54em', 'padding-right' => '0.54em', ), '.ast-separate-container .ast-comment-list li.depth-1' => array( 'padding' => '1.5em 1em', 'margin-bottom' => '1.5em', ), '.ast-separate-container .ast-comment-list .bypostauthor' => array( 'padding' => '.5em', ), '.ast-search-menu-icon.ast-dropdown-active .search-field' => array( 'width' => '170px', ), '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' => array( 'font-size' => astra_get_font_css_value( $theme_btn_font_size['mobile'], $theme_btn_font_size['mobile-unit'] ), ), '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' => array( 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ), 'font-size' => astra_responsive_font( $theme_btn_font_size, 'mobile' ), ), ); if ( 'no-sidebar' !== astra_page_layout() ) { $global_button_mobile['.ast-separate-container #secondary'] = array( 'padding-top' => 0, ); $global_button_mobile['.ast-separate-container.ast-two-container #secondary .widget'] = array( 'margin-bottom' => '1.5em', 'padding-left' => '1em', 'padding-right' => '1em', ); } // Add/Remove logo max-width: 100%; CSS for logo in old header layout. if ( false === Astra_Builder_Helper::$is_header_footer_builder_active && false === self::remove_logo_max_width_mobile_static_css() ) { $global_button_mobile['.site-branding img, .site-header .site-logo-img .custom-logo-link img'] = array( 'max-width' => '100%', ); } /* Parse CSS from array() -> max-width: (mobile-breakpoint) px */ $parse_css .= astra_parse_css( $global_button_mobile, '', astra_get_mobile_breakpoint() ); /** * Global button CSS - -> max-width: (tablet-breakpoint) px. */ $global_button_tablet = array( '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' => array( 'font-size' => astra_get_font_css_value( $theme_btn_font_size['tablet'], $theme_btn_font_size['tablet-unit'] ), ), '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' => array( 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ), 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ), 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ), 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ), 'font-size' => astra_responsive_font( $theme_btn_font_size, 'tablet' ), ), '.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon' => array( 'display' => 'inline-block', ), '.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon' => array( 'margin' => '0', ), '.ast-comment-avatar-wrap img' => array( 'max-width' => '2.5em', ), '.ast-separate-container .ast-comment-list li.depth-1' => array( 'padding' => '1.5em 2.14em', ), '.ast-separate-container .comment-respond' => array( 'padding' => '2em 2.14em', ), '.ast-comment-meta' => array( 'padding' => '0 1.8888em 1.3333em', ), ); /* Parse CSS from array() -> max-width: (tablet-breakpoint) px CSS */ $parse_css .= astra_parse_css( $global_button_tablet, '', astra_get_tablet_breakpoint() ); if ( Astra_Builder_Helper::is_component_loaded( 'search', 'header', 'mobile' ) ) { if ( $is_site_rtl ) { $global_button_tablet_lang_direction_css = array( '.ast-header-break-point .ast-search-menu-icon.slide-search .search-form' => array( 'left' => '0', ), '.ast-header-break-point .ast-mobile-header-stack .ast-search-menu-icon.slide-search .search-form' => array( 'left' => '-1em', ), ); } else { $global_button_tablet_lang_direction_css = array( '.ast-header-break-point .ast-search-menu-icon.slide-search .search-form' => array( 'right' => '0', ), '.ast-header-break-point .ast-mobile-header-stack .ast-search-menu-icon.slide-search .search-form' => array( 'right' => '-1em', ), ); } $parse_css .= astra_parse_css( $global_button_tablet_lang_direction_css, '', astra_get_tablet_breakpoint() ); } if ( false === Astra_Builder_Helper::$is_header_footer_builder_active && 'custom-button' === $header_custom_button_style ) { $css_output = array( // Header button typography stylings. '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'font-family' => astra_get_font_family( $header_custom_btn_font_family ), 'font-weight' => esc_attr( $header_custom_btn_font_weight ), 'font-size' => astra_responsive_font( $header_custom_btn_font_size, 'desktop' ), 'line-height' => esc_attr( $header_custom_btn_line_height ), 'text-transform' => esc_attr( $header_custom_btn_text_transform ), 'letter-spacing' => astra_get_css_value( $header_custom_btn_letter_spacing, 'px' ), ), // Custom menu item button - Default. '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'color' => esc_attr( $header_custom_button_text_color ), 'background-color' => esc_attr( $header_custom_button_back_color ), 'padding-top' => astra_responsive_spacing( $header_custom_button_spacing, 'top', 'desktop' ), 'padding-bottom' => astra_responsive_spacing( $header_custom_button_spacing, 'bottom', 'desktop' ), 'padding-left' => astra_responsive_spacing( $header_custom_button_spacing, 'left', 'desktop' ), 'padding-right' => astra_responsive_spacing( $header_custom_button_spacing, 'right', 'desktop' ), 'border-radius' => astra_get_css_value( $header_custom_button_radius, 'px' ), 'border-style' => 'solid', 'border-color' => esc_attr( $header_custom_button_border_color ), 'border-top-width' => ( isset( $header_custom_button_border_size['top'] ) && '' !== $header_custom_button_border_size['top'] ) ? astra_get_css_value( $header_custom_button_border_size['top'], 'px' ) : '0px', 'border-right-width' => ( isset( $header_custom_button_border_size['right'] ) && '' !== $header_custom_button_border_size['right'] ) ? astra_get_css_value( $header_custom_button_border_size['right'], 'px' ) : '0px', 'border-left-width' => ( isset( $header_custom_button_border_size['left'] ) && '' !== $header_custom_button_border_size['left'] ) ? astra_get_css_value( $header_custom_button_border_size['left'], 'px' ) : '0px', 'border-bottom-width' => ( isset( $header_custom_button_border_size['bottom'] ) && '' !== $header_custom_button_border_size['bottom'] ) ? astra_get_css_value( $header_custom_button_border_size['bottom'], 'px' ) : '0px', ), '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' => array( 'color' => esc_attr( $header_custom_button_text_h_color ), 'background-color' => esc_attr( $header_custom_button_back_h_color ), 'border-color' => esc_attr( $header_custom_button_border_h_color ), ), // Custom menu item button - Transparent. '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'color' => esc_attr( $header_custom_trans_button_text_color ), 'background-color' => esc_attr( $header_custom_trans_button_back_color ), 'padding-top' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'top', 'desktop' ), 'padding-bottom' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'bottom', 'desktop' ), 'padding-left' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'left', 'desktop' ), 'padding-right' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'right', 'desktop' ), 'border-radius' => astra_get_css_value( $header_custom_trans_button_radius, 'px' ), 'border-style' => 'solid', 'border-color' => esc_attr( $header_custom_trans_button_border_color ), 'border-top-width' => ( isset( $header_custom_trans_button_border_size['top'] ) && '' !== $header_custom_trans_button_border_size['top'] ) ? astra_get_css_value( $header_custom_trans_button_border_size['top'], 'px' ) : '', 'border-right-width' => ( isset( $header_custom_trans_button_border_size['right'] ) && '' !== $header_custom_trans_button_border_size['right'] ) ? astra_get_css_value( $header_custom_trans_button_border_size['right'], 'px' ) : '', 'border-left-width' => ( isset( $header_custom_trans_button_border_size['left'] ) && '' !== $header_custom_trans_button_border_size['left'] ) ? astra_get_css_value( $header_custom_trans_button_border_size['left'], 'px' ) : '', 'border-bottom-width' => ( isset( $header_custom_trans_button_border_size['bottom'] ) && '' !== $header_custom_trans_button_border_size['bottom'] ) ? astra_get_css_value( $header_custom_trans_button_border_size['bottom'], 'px' ) : '', ), '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' => array( 'color' => esc_attr( $header_custom_trans_button_text_h_color ), 'background-color' => esc_attr( $header_custom_trans_button_back_h_color ), 'border-color' => esc_attr( $header_custom_trans_button_border_h_color ), ), ); /* Parse CSS from array() */ $parse_css .= astra_parse_css( $css_output ); /* Parse CSS from array()*/ /* Custom Menu Item Button */ $custom_button_css = array( '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'font-size' => astra_responsive_font( $header_custom_btn_font_size, 'tablet' ), 'padding-top' => astra_responsive_spacing( $header_custom_button_spacing, 'top', 'tablet' ), 'padding-bottom' => astra_responsive_spacing( $header_custom_button_spacing, 'bottom', 'tablet' ), 'padding-left' => astra_responsive_spacing( $header_custom_button_spacing, 'left', 'tablet' ), 'padding-right' => astra_responsive_spacing( $header_custom_button_spacing, 'right', 'tablet' ), ), ); $custom_trans_button_css = array( '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'font-size' => astra_responsive_font( $header_custom_btn_font_size, 'tablet' ), 'padding-top' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'top', 'tablet' ), 'padding-bottom' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'bottom', 'tablet' ), 'padding-left' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'left', 'tablet' ), 'padding-right' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'right', 'tablet' ), ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( array_merge( $custom_button_css, $custom_trans_button_css ), '', astra_get_tablet_breakpoint() ); /* Custom Menu Item Button */ $custom_button = array( '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'font-size' => astra_responsive_font( $header_custom_btn_font_size, 'mobile' ), 'padding-top' => astra_responsive_spacing( $header_custom_button_spacing, 'top', 'mobile' ), 'padding-bottom' => astra_responsive_spacing( $header_custom_button_spacing, 'bottom', 'mobile' ), 'padding-left' => astra_responsive_spacing( $header_custom_button_spacing, 'left', 'mobile' ), 'padding-right' => astra_responsive_spacing( $header_custom_button_spacing, 'right', 'mobile' ), ), ); $custom_trans_button = array( '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' => array( 'font-size' => astra_responsive_font( $header_custom_btn_font_size, 'mobile' ), 'padding-top' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'top', 'mobile' ), 'padding-bottom' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'bottom', 'mobile' ), 'padding-left' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'left', 'mobile' ), 'padding-right' => astra_responsive_spacing( $header_custom_trans_button_spacing, 'right', 'mobile' ), ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( array_merge( $custom_button, $custom_trans_button ), '', astra_get_mobile_breakpoint() ); } if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { // Foreground color. if ( ! empty( $footer_adv_link_color ) ) { $footer_adv_tagcloud = array( '.footer-adv .tagcloud a:hover, .footer-adv .tagcloud a.current-item' => array( 'color' => astra_get_foreground_color( $footer_adv_link_color ), ), '.footer-adv .calendar_wrap #today' => array( 'color' => astra_get_foreground_color( $footer_adv_link_color ), ), ); $parse_css .= astra_parse_css( $footer_adv_tagcloud ); } } /* Width for Footer */ if ( false === Astra_Builder_Helper::$is_header_footer_builder_active && 'content' != $astra_footer_width ) { $genral_global_responsive = array( '.ast-small-footer .ast-container' => array( 'max-width' => '100%', 'padding-left' => '35px', 'padding-right' => '35px', ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( $genral_global_responsive, astra_get_tablet_breakpoint( '', 1 ) ); } /* Width for Comments for Full Width / Stretched Template */ if ( 'page-builder' == $container_layout ) { $page_builder_comment = array( '.ast-page-builder-template .comments-area, .single.ast-page-builder-template .entry-header, .single.ast-page-builder-template .post-navigation, .single.ast-page-builder-template .ast-single-related-posts-container' => array( 'max-width' => astra_get_css_value( $site_content_width + 40, 'px' ), 'margin-left' => 'auto', 'margin-right' => 'auto', ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( $page_builder_comment, astra_get_mobile_breakpoint( '', 1 ) ); } $separate_container_css = array( 'body, .ast-separate-container' => astra_get_responsive_background_obj( $box_bg_obj, 'desktop' ), ); $parse_css .= astra_parse_css( $separate_container_css ); $tablet_typo = array(); if ( isset( $body_font_size['tablet'] ) && '' != $body_font_size['tablet'] ) { $tablet_typo = array( // Widget Title. '.widget-title' => array( 'font-size' => astra_get_font_css_value( (int) $body_font_size['tablet'] * 1.428571429, 'px', 'tablet' ), ), ); } /* Tablet Typography */ $tablet_typography = array( 'body, button, input, select, textarea, .ast-button, .ast-custom-button' => array( 'font-size' => astra_responsive_font( $body_font_size, 'tablet' ), ), '#secondary, #secondary button, #secondary input, #secondary select, #secondary textarea' => array( 'font-size' => astra_responsive_font( $body_font_size, 'tablet' ), ), '.site-title' => array( 'font-size' => astra_responsive_font( $site_title_font_size, 'tablet' ), 'display' => esc_attr( $tablet_title_visibility ), ), '.ast-archive-description .ast-archive-title' => array( 'font-size' => astra_responsive_font( $archive_summary_title_font_size, 'tablet', 40 ), ), '.site-header .site-description' => array( 'font-size' => astra_responsive_font( $site_tagline_font_size, 'tablet' ), 'display' => esc_attr( $tablet_tagline_visibility ), ), '.entry-title' => array( 'font-size' => astra_responsive_font( $archive_post_title_font_size, 'tablet', 30 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h1, .entry-content h1, .entry-content h1 a', 'h1, .entry-content h1' ) => array( 'font-size' => astra_responsive_font( $heading_h1_font_size, 'tablet', 30 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h2, .entry-content h2, .entry-content h2 a', 'h2, .entry-content h2' ) => array( 'font-size' => astra_responsive_font( $heading_h2_font_size, 'tablet', 25 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h3, .entry-content h3, .entry-content h3 a', 'h3, .entry-content h3' ) => array( 'font-size' => astra_responsive_font( $heading_h3_font_size, 'tablet', 20 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h4, .entry-content h4, .entry-content h4 a', 'h4, .entry-content h4' ) => array( 'font-size' => astra_responsive_font( $heading_h4_font_size, 'tablet' ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h5, .entry-content h5, .entry-content h5 a', 'h5, .entry-content h5' ) => array( 'font-size' => astra_responsive_font( $heading_h5_font_size, 'tablet' ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h6, .entry-content h6, .entry-content h6 a', 'h6, .entry-content h6' ) => array( 'font-size' => astra_responsive_font( $heading_h6_font_size, 'tablet' ), ), '.ast-single-post .entry-title, .page-title' => array( 'font-size' => astra_responsive_font( $single_post_title_font_size, 'tablet', 30 ), ), '.astra-logo-svg' => array( 'width' => astra_get_css_value( $header_logo_width['tablet'], 'px' ), ), '.astra-logo-svg:not(.sticky-custom-logo .astra-logo-svg, .transparent-custom-logo .astra-logo-svg, .advanced-header-logo .astra-logo-svg)' => array( 'height' => astra_get_css_value( ( ! empty( $header_logo_width['tablet-svg-height'] ) && ! is_customize_preview() ) ? $header_logo_width['tablet-svg-height'] : '', 'px' ), ), 'header .custom-logo-link img, .ast-header-break-point .site-logo-img .custom-mobile-logo-link img' => array( 'max-width' => astra_get_css_value( $header_logo_width['tablet'], 'px' ), ), 'body, .ast-separate-container' => astra_get_responsive_background_obj( $box_bg_obj, 'tablet' ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( array_merge( $tablet_typo, $tablet_typography ), '', astra_get_tablet_breakpoint() ); $mobile_typo = array(); if ( isset( $body_font_size['mobile'] ) && '' != $body_font_size['mobile'] ) { $mobile_typo = array( // Widget Title. '.widget-title' => array( 'font-size' => astra_get_font_css_value( (int) $body_font_size['mobile'] * 1.428571429, 'px', 'mobile' ), ), ); } /* Mobile Typography */ $mobile_typography = array( 'body, button, input, select, textarea, .ast-button, .ast-custom-button' => array( 'font-size' => astra_responsive_font( $body_font_size, 'mobile' ), ), '#secondary, #secondary button, #secondary input, #secondary select, #secondary textarea' => array( 'font-size' => astra_responsive_font( $body_font_size, 'mobile' ), ), '.site-title' => array( 'font-size' => astra_responsive_font( $site_title_font_size, 'mobile' ), 'display' => esc_attr( $mobile_title_visibility ), ), '.ast-archive-description .ast-archive-title' => array( 'font-size' => astra_responsive_font( $archive_summary_title_font_size, 'mobile', 40 ), ), '.site-header .site-description' => array( 'font-size' => astra_responsive_font( $site_tagline_font_size, 'mobile' ), 'display' => esc_attr( $mobile_tagline_visibility ), ), '.entry-title' => array( 'font-size' => astra_responsive_font( $archive_post_title_font_size, 'mobile', 30 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h1, .entry-content h1, .entry-content h1 a', 'h1, .entry-content h1' ) => array( 'font-size' => astra_responsive_font( $heading_h1_font_size, 'mobile', 30 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h2, .entry-content h2, .entry-content h2 a', 'h2, .entry-content h2' ) => array( 'font-size' => astra_responsive_font( $heading_h2_font_size, 'mobile', 25 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h3, .entry-content h3, .entry-content h3 a', 'h3, .entry-content h3' ) => array( 'font-size' => astra_responsive_font( $heading_h3_font_size, 'mobile', 20 ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h4, .entry-content h4, .entry-content h4 a', 'h4, .entry-content h4' ) => array( 'font-size' => astra_responsive_font( $heading_h4_font_size, 'mobile' ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h5, .entry-content h5, .entry-content h5 a', 'h5, .entry-content h5' ) => array( 'font-size' => astra_responsive_font( $heading_h5_font_size, 'mobile' ), ), // Conditionally select the css selectors with or without achors. self::conditional_headings_css_selectors( 'h6, .entry-content h6, .entry-content h6 a', 'h6, .entry-content h6' ) => array( 'font-size' => astra_responsive_font( $heading_h6_font_size, 'mobile' ), ), '.ast-single-post .entry-title, .page-title' => array( 'font-size' => astra_responsive_font( $single_post_title_font_size, 'mobile', 30 ), ), 'header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img' => array( 'max-width' => astra_get_css_value( $header_logo_width['mobile'], 'px' ), ), '.astra-logo-svg' => array( 'width' => astra_get_css_value( $header_logo_width['mobile'], 'px' ), ), '.astra-logo-svg:not(.sticky-custom-logo .astra-logo-svg, .transparent-custom-logo .astra-logo-svg, .advanced-header-logo .astra-logo-svg)' => array( 'height' => astra_get_css_value( ( ! empty( $header_logo_width['mobile-svg-height'] ) && ! is_customize_preview() ) ? $header_logo_width['mobile-svg-height'] : '', 'px' ), ), '.ast-header-break-point .site-logo-img .custom-mobile-logo-link img' => array( 'max-width' => astra_get_css_value( $header_logo_width['mobile'], 'px' ), ), 'body, .ast-separate-container' => astra_get_responsive_background_obj( $box_bg_obj, 'mobile' ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( array_merge( $mobile_typo, $mobile_typography ), '', astra_get_mobile_breakpoint() ); /* * Responsive Font Size for Tablet & Mobile to the root HTML element */ // Tablet Font Size for HTML tag. if ( '' == $body_font_size['tablet'] ) { $html_tablet_typography = array( 'html' => array( 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 5.7, '%' ), ), ); $parse_css .= astra_parse_css( $html_tablet_typography, '', astra_get_tablet_breakpoint() ); } // Mobile Font Size for HTML tag. if ( '' == $body_font_size['mobile'] ) { $html_mobile_typography = array( 'html' => array( 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 5.7, '%' ), ), ); } else { $html_mobile_typography = array( 'html' => array( 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 6.25, '%' ), ), ); } /* Parse CSS from array()*/ $parse_css .= astra_parse_css( $html_mobile_typography, '', astra_get_mobile_breakpoint() ); /* Site width Responsive */ $site_width = array( '.ast-container' => array( 'max-width' => astra_get_css_value( $site_content_width + 40, 'px' ), ), ); /* Parse CSS from array()*/ $parse_css .= astra_parse_css( $site_width, astra_get_tablet_breakpoint( '', 1 ) ); if ( Astra_Builder_Helper::apply_flex_based_css() ) { $max_site_container_css = array( '.site-content .ast-container' => array( 'display' => 'flex', ), ); $parse_css .= astra_parse_css( $max_site_container_css, astra_get_tablet_breakpoint( '', 1 ) ); $min_site_container_css = array( '.site-content .ast-container' => array( 'flex-direction' => 'column', ), ); $parse_css .= astra_parse_css( $min_site_container_css, '', astra_get_tablet_breakpoint() ); } if ( is_astra_addon_3_5_0_version() ) { $mega_menu_css = array( '.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .astra-full-megamenu-wrapper .sub-menu, .ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .astra-megamenu .sub-menu' => array( 'box-shadow' => 'none', ), '.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .astra-full-megamenu-wrapper' => array( 'box-shadow' => '0 4px 10px -2px rgba(0, 0, 0, 0.1)', ), '.ast-desktop .main-header-menu > .menu-item .astra-full-megamenu-wrapper:before' => array( 'position' => 'absolute', 'content' => '', 'top' => '0', 'right' => '0', 'width' => '100%', 'transform' => 'translateY(-100%)', ), ); $parse_css .= astra_parse_css( $mega_menu_css ); } /** * Astra Fonts */ if ( apply_filters( 'astra_enable_default_fonts', true ) ) { $astra_fonts = '@font-face {'; $astra_fonts .= 'font-family: "Astra";'; $astra_fonts .= 'src: url(' . ASTRA_THEME_URI . 'assets/fonts/astra.woff) format("woff"),'; $astra_fonts .= 'url(' . ASTRA_THEME_URI . 'assets/fonts/astra.ttf) format("truetype"),'; $astra_fonts .= 'url(' . ASTRA_THEME_URI . 'assets/fonts/astra.svg#astra) format("svg");'; $astra_fonts .= 'font-weight: normal;'; $astra_fonts .= 'font-style: normal;'; $astra_fonts .= 'font-display: ' . astra_get_fonts_display_property() . ';'; $astra_fonts .= '}'; $parse_css .= $astra_fonts; } if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { /** * Hide the default naviagtion markup for responsive devices. * Once class .ast-header-break-point is added to the body below CSS will be override by the * .ast-header-break-point class */ $astra_navigation = '@media (max-width:' . $header_break_point . 'px) {'; $astra_navigation .= '.main-header-bar .main-header-bar-navigation{'; $astra_navigation .= 'display:none;'; $astra_navigation .= '}'; $astra_navigation .= '}'; $parse_css .= $astra_navigation; } /* Blog */ if ( 'custom' === $blog_width ) : /* Site width Responsive */ $blog_css = array( '.blog .site-content > .ast-container, .archive .site-content > .ast-container, .search .site-content > .ast-container' => array( 'max-width' => astra_get_css_value( $blog_max_width, 'px' ), ), ); $parse_css .= astra_parse_css( $blog_css, astra_get_tablet_breakpoint( '', 1 ) ); endif; /* Single Blog */ if ( 'custom' === $single_post_max ) : /* Site width Responsive */ $single_blog_css = array( '.single-post .site-content > .ast-container' => array( 'max-width' => astra_get_css_value( $single_post_max_width, 'px' ), ), ); $parse_css .= astra_parse_css( $single_blog_css, astra_get_tablet_breakpoint( '', 1 ) ); endif; // Primary Submenu Border Width & Color. $submenu_border_style = array( '.ast-desktop .main-header-menu.submenu-with-border .sub-menu, .ast-desktop .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper' => array( 'border-color' => esc_attr( $primary_submenu_b_color ), ), '.ast-desktop .main-header-menu.submenu-with-border .sub-menu' => array( 'border-top-width' => astra_get_css_value( $submenu_border['top'], 'px' ), 'border-right-width' => astra_get_css_value( $submenu_border['right'], 'px' ), 'border-left-width' => astra_get_css_value( $submenu_border['left'], 'px' ), 'border-bottom-width' => astra_get_css_value( $submenu_border['bottom'], 'px' ), 'border-style' => 'solid', ), '.ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu' => array( 'top' => ( isset( $submenu_border['top'] ) && '' != $submenu_border['top'] ) ? astra_get_css_value( '-' . $submenu_border['top'], 'px' ) : '', ), '.ast-desktop .main-header-menu.submenu-with-border .sub-menu .menu-link, .ast-desktop .main-header-menu.submenu-with-border .children .menu-link' => array( 'border-bottom-width' => ( $primary_submenu_item_border ) ? '1px' : '0px', 'border-style' => 'solid', 'border-color' => esc_attr( $primary_submenu_item_b_color ), ), ); // Submenu items goes outside? $submenu_border_for_left_align_menu = array( '.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu' => array( 'margin-left' => ( ( isset( $submenu_border['left'] ) && '' != $submenu_border['left'] ) || isset( $submenu_border['right'] ) && '' != $submenu_border['right'] ) ? astra_get_css_value( '-' . ( (int) $submenu_border['left'] + (int) $submenu_border['right'] ), 'px' ) : '', ), ); if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) { $parse_css .= astra_parse_css( $submenu_border_style ); } // Submenu items goes outside? $parse_css .= astra_parse_css( $submenu_border_for_left_align_menu, astra_get_tablet_breakpoint( '', 1 ) ); /* Small Footer CSS */ if ( false === Astra_Builder_Helper::$is_header_footer_builder_active && 'disabled' != $small_footer_layout ) : $sml_footer_css = array( '.ast-small-footer' => array( 'border-top-style' => 'solid', 'border-top-width' => astra_get_css_value( $small_footer_divider, 'px' ), 'border-top-color' => esc_attr( $small_footer_divider_color ), ), ); $parse_css .= astra_parse_css( $sml_footer_css ); if ( 'footer-sml-layout-2' != $small_footer_layout ) { $sml_footer_css = array( '.ast-small-footer-wrap' => array( 'text-align' => 'center', ), ); $parse_css .= astra_parse_css( $sml_footer_css ); } endif; /* Transparent Header - Comonent header specific CSS compatibility */ if ( true === Astra_Builder_Helper::$is_header_footer_builder_active && Astra_Ext_Transparent_Header_Markup::is_transparent_header() ) { $html_text_color = astra_get_option( 'transparent-header-html-text-color' ); $html_link_color = astra_get_option( 'transparent-header-html-link-color' ); $html_link_h_color = astra_get_option( 'transparent-header-html-link-h-color' ); $search_icon_color = astra_get_option( 'transparent-header-search-icon-color' ); $search_text_color = astra_get_option( 'transparent-header-search-box-placeholder-color' ); $search_box_bg_color = astra_get_option( 'transparent-header-search-box-background-color' ); $social_color = astra_get_option( 'transparent-header-social-icons-color' ); $social_hover_color = astra_get_option( 'transparent-header-social-icons-h-color' ); $social_bg_color = astra_get_option( 'transparent-header-social-icons-bg-color' ); $social_bg_hover_color = astra_get_option( 'transparent-header-social-icons-bg-h-color' ); $button_color = astra_get_option( 'transparent-header-button-text-color' ); $button_h_color = astra_get_option( 'transparent-header-button-text-h-color' ); $button_bg_color = astra_get_option( 'transparent-header-button-bg-color' ); $button_bg_h_color = astra_get_option( 'transparent-header-button-bg-h-color' ); $divider_color = astra_get_option( 'transparent-header-divider-color' ); $account_icon_color = astra_get_option( 'transparent-account-icon-color' ); $account_loggedout_text_color = astra_get_option( 'transparent-account-type-text-color' ); // Menu colors. $account_menu_color = astra_get_option( 'transparent-account-menu-color' ); $account_menu_bg_color = astra_get_option( 'transparent-account-menu-bg-obj' ); $account_menu_color_hover = astra_get_option( 'transparent-account-menu-h-color' ); $account_menu_bg_color_hover = astra_get_option( 'transparent-account-menu-h-bg-color' ); $account_menu_color_active = astra_get_option( 'transparent-account-menu-a-color' ); $account_menu_bg_color_active = astra_get_option( 'transparent-account-menu-a-bg-color' ); $transparent_header_builder_desktop_css = array( '.ast-theme-transparent-header [CLASS*="ast-header-html-"] .ast-builder-html-element' => array( 'color' => esc_attr( $html_text_color ), ), '.ast-theme-transparent-header [CLASS*="ast-header-html-"] .ast-builder-html-element a' => array( 'color' => esc_attr( $html_link_color ), ), '.ast-theme-transparent-header [CLASS*="ast-header-html-"] .ast-builder-html-element a:hover' => array( 'color' => esc_attr( $html_link_h_color ), ), '.ast-theme-transparent-header .ast-header-search .astra-search-icon, .ast-theme-transparent-header .ast-header-search .search-field::placeholder, .ast-theme-transparent-header .ast-header-search .ast-icon' => array( 'color' => esc_attr( $search_icon_color ), ), '.ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-field, .ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-field::placeholder' => array( 'color' => esc_attr( $search_text_color ), ), '.ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-field, .ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-form, .ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-submit' => array( 'background-color' => esc_attr( $search_box_bg_color ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element' => array( 'background' => esc_attr( $social_bg_color['desktop'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element svg' => array( 'fill' => esc_attr( $social_color['desktop'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover' => array( 'background' => esc_attr( $social_bg_hover_color['desktop'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg' => array( 'fill' => esc_attr( $social_hover_color['desktop'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element .social-item-label' => array( 'color' => esc_attr( $social_color['desktop'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover .social-item-label' => array( 'color' => esc_attr( $social_hover_color['desktop'] ), ), '.ast-theme-transparent-header [CLASS*="ast-header-button-"] .ast-custom-button' => array( 'color' => esc_attr( $button_color ), 'background' => esc_attr( $button_bg_color ), ), '.ast-theme-transparent-header [CLASS*="ast-header-button-"] .ast-custom-button:hover' => array( 'color' => esc_attr( $button_h_color ), 'background' => esc_attr( $button_bg_h_color ), ), '.ast-theme-transparent-header .ast-header-divider-element .ast-divider-wrapper' => array( 'border-color' => esc_attr( $divider_color ), ), '.ast-theme-transparent-header .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg path:not(.ast-hf-account-unfill), .ast-theme-transparent-header .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg circle' => array( 'fill' => esc_attr( $account_icon_color ), ), '.ast-theme-transparent-header .ast-header-account-wrap .ast-account-nav-menu .menu-item .menu-link' => array( 'color' => esc_attr( $account_menu_color ), ), '.ast-theme-transparent-header .ast-header-account-wrap .ast-account-nav-menu .menu-item:hover > .menu-link' => array( 'color' => $account_menu_color_hover, 'background' => $account_menu_bg_color_hover, ), '.ast-theme-transparent-header .ast-header-account-wrap .ast-account-nav-menu .menu-item.current-menu-item > .menu-link' => array( 'color' => $account_menu_color_active, 'background' => $account_menu_bg_color_active, ), '.ast-theme-transparent-header .ast-header-account-wrap .account-main-navigation ul' => array( 'background' => $account_menu_bg_color, ), '.ast-theme-transparent-header .ast-header-account-wrap .ast-header-account-text' => array( 'color' => $account_loggedout_text_color, ), ); if ( ! astra_remove_widget_design_options() ) { $widget_title_color = astra_get_option( 'transparent-header-widget-title-color' ); $widget_content_color = astra_get_option( 'transparent-header-widget-content-color' ); $widget_link_color = astra_get_option( 'transparent-header-widget-link-color' ); $widget_link_hover_color = astra_get_option( 'transparent-header-widget-link-h-color' ); $transparent_header_builder_desktop_css['.ast-theme-transparent-header .widget-area.header-widget-area .widget-title'] = array( 'color' => esc_attr( $widget_title_color ), ); $transparent_header_builder_desktop_css['.ast-theme-transparent-header .widget-area.header-widget-area .header-widget-area-inner'] = array( 'color' => esc_attr( $widget_content_color ), ); $transparent_header_builder_desktop_css['.ast-theme-transparent-header .widget-area.header-widget-area .header-widget-area-inner a'] = array( 'color' => esc_attr( $widget_link_color ), ); $transparent_header_builder_desktop_css['.ast-theme-transparent-header .widget-area.header-widget-area .header-widget-area-inner a:hover'] = array( 'color' => esc_attr( $widget_link_hover_color ), ); if ( Astra_Builder_Helper::apply_flex_based_css() ) { $transparent_header_widget_selector = '.ast-theme-transparent-header .widget-area.header-widget-area.header-widget-area-inner'; } else { $transparent_header_widget_selector = '.ast-theme-transparent-header .widget-area.header-widget-area. header-widget-area-inner'; } $transparent_header_builder_desktop_css[ $transparent_header_widget_selector ] = array( 'color' => esc_attr( $widget_content_color ), ); $transparent_header_builder_desktop_css[ $transparent_header_widget_selector . ' a' ] = array( 'color' => esc_attr( $widget_link_color ), ); $transparent_header_builder_desktop_css[ $transparent_header_widget_selector . ' a:hover' ] = array( 'color' => esc_attr( $widget_link_hover_color ), ); } if ( Astra_Builder_Helper::is_component_loaded( 'mobile-trigger', 'header', 'mobile' ) ) { $transparent_toggle_selector = '.ast-theme-transparent-header [data-section="section-header-mobile-trigger"]'; $trigger_bg = astra_get_option( 'transparent-header-toggle-btn-bg-color' ); $trigger_border_color = astra_get_option( 'transparent-header-toggle-border-color', $trigger_bg ); $style = astra_get_option( 'mobile-header-toggle-btn-style' ); $default = '#ffffff'; if ( 'fill' !== $style ) { $default = $theme_color; } $icon_color = astra_get_option( 'transparent-header-toggle-btn-color' ); /** * Off-Canvas CSS. */ $transparent_header_builder_desktop_css[ $transparent_toggle_selector . ' .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg' ] = array( 'fill' => $icon_color, ); $transparent_header_builder_desktop_css[ $transparent_toggle_selector . ' .ast-button-wrap .mobile-menu-wrap .mobile-menu' ] = array( // Color. 'color' => $icon_color, ); if ( 'fill' === $style ) { $transparent_header_builder_desktop_css[ $transparent_toggle_selector . ' .ast-button-wrap .ast-mobile-menu-trigger-fill' ] = array( 'background' => esc_attr( $trigger_bg ), ); $transparent_header_builder_desktop_css[ $transparent_toggle_selector . ' .ast-button-wrap .ast-mobile-menu-trigger-fill, ' . $transparent_toggle_selector . ' .ast-button-wrap .ast-mobile-menu-trigger-minimal' ] = array( // Color & Border. 'color' => esc_attr( $icon_color ), 'border' => 'none', ); } elseif ( 'outline' === $style ) { $transparent_header_builder_desktop_css[ $transparent_toggle_selector . ' .ast-button-wrap .ast-mobile-menu-trigger-outline' ] = array( // Background. 'background' => 'transparent', 'color' => esc_attr( $icon_color ), 'border-color' => $trigger_border_color, ); } else { $transparent_header_builder_desktop_css[ $transparent_toggle_selector . ' .ast-button-wrap .ast-mobile-menu-trigger-minimal' ] = array( 'background' => 'transparent', ); } } $parse_css .= astra_parse_css( $transparent_header_builder_desktop_css ); /** * Max-width: Tablet Breakpoint CSS. */ $transparent_header_builder_tablet_css = array( '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element' => array( 'background' => esc_attr( $social_bg_color['tablet'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element svg' => array( 'fill' => esc_attr( $social_color['tablet'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover' => array( 'background' => esc_attr( $social_bg_hover_color['tablet'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg' => array( 'fill' => esc_attr( $social_hover_color['tablet'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element .social-item-label' => array( 'color' => esc_attr( $social_color['tablet'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover .social-item-label' => array( 'color' => esc_attr( $social_hover_color['tablet'] ), ), ); $parse_css .= astra_parse_css( $transparent_header_builder_tablet_css, '', astra_get_tablet_breakpoint() ); /** * Max-width: Mobile Breakpoint CSS. */ $transparent_header_builder_mobile_css = array( '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element' => array( 'background' => esc_attr( $social_bg_color['mobile'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element svg' => array( 'fill' => esc_attr( $social_color['mobile'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover' => array( 'background' => esc_attr( $social_bg_hover_color['mobile'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg' => array( 'fill' => esc_attr( $social_hover_color['mobile'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element .social-item-label' => array( 'color' => esc_attr( $social_color['mobile'] ), ), '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover .social-item-label' => array( 'color' => esc_attr( $social_hover_color['mobile'] ), ), ); $parse_css .= astra_parse_css( $transparent_header_builder_mobile_css, '', astra_get_mobile_breakpoint() ); } $parse_css .= $dynamic_css; $custom_css = astra_get_option( 'custom-css' ); if ( '' != $custom_css ) { $parse_css .= $custom_css; } // trim white space for faster page loading. $parse_css = Astra_Enqueue_Scripts::trim_css( $parse_css ); return apply_filters( 'astra_theme_dynamic_css', $parse_css ); }
Expand full source code Collapse full source code View on Trac