1172 lines
98 KiB
PHP
1172 lines
98 KiB
PHP
<?php
|
|
/**
|
|
* Transparent Header - Dynamic CSS
|
|
*
|
|
* @package Astra Addon
|
|
*/
|
|
|
|
if ( false === astra_addon_builder_helper()->is_header_footer_builder_active && Astra_Ext_Extension::is_active( 'header-sections' ) ) {
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_ext_above_header_sections_dynamic_css', 30 );
|
|
} else {
|
|
if ( Astra_Addon_Update_Filter_Function::astra_remove_header_sections_deps_header_builder() || ( ! Astra_Addon_Update_Filter_Function::astra_remove_header_sections_deps_header_builder() && Astra_Ext_Extension::is_active( 'header-sections' ) ) ) {
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_above_header_builder_sections_dynamic_css', 30 );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return string
|
|
*/
|
|
function astra_above_header_builder_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
/**
|
|
* Set colors
|
|
*
|
|
* If colors extension is_active then get color from it.
|
|
* Else set theme default colors.
|
|
*/
|
|
$stick_header = astra_get_option_meta( 'stick-header-meta' );
|
|
$stick_header_above_meta = astra_get_option_meta( 'header-above-stick-meta' );
|
|
|
|
$stick_header_above = astra_get_option( 'header-above-stick' );
|
|
|
|
$sticky_header_style = astra_get_option( 'sticky-header-style' );
|
|
$sticky_hide_on_scroll = astra_get_option( 'sticky-hide-on-scroll' );
|
|
|
|
/**
|
|
* Above Header.
|
|
*/
|
|
$desktop_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'desktop', '' );
|
|
$tablet_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'tablet' );
|
|
$mobile_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'mobile' );
|
|
|
|
$sticky_above_header_bg_blur = astra_get_option( 'sticky-above-header-bg-blur' );
|
|
$sticky_above_header_bg_blur_intensity = astra_get_option( 'sticky-above-header-bg-blur-intensity' );
|
|
|
|
if ( ! $stick_header_above && ( 'disabled' !== $stick_header && empty( $stick_header ) && ( empty( $stick_header_above_meta ) ) ) ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
$above_header_sticky_selector = '.ast-above-sticky-header-active .ast-above-header.ast-header-sticked';
|
|
$parse_css = '';
|
|
|
|
/**
|
|
* Sticky Header
|
|
*
|
|
* [1]. Sticky Header Above colors options.
|
|
*/
|
|
|
|
/**
|
|
* Above Header.
|
|
*/
|
|
if ( 'none' === $sticky_header_style && ! $sticky_hide_on_scroll ) {
|
|
|
|
$desktop_above_header_css_output = array(
|
|
'.ast-above-header-bar.ast-header-sticked' => array(
|
|
'z-index' => 9,
|
|
),
|
|
$above_header_sticky_selector => array(
|
|
'background' => esc_attr( $desktop_sticky_above_header_bg_color ),
|
|
'backdrop-filter' => $sticky_above_header_bg_blur && $sticky_above_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_above_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
'-webkit-backdrop-filter' => $sticky_above_header_bg_blur && $sticky_above_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_above_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
),
|
|
);
|
|
$tablet_above_header_css_output = array(
|
|
$above_header_sticky_selector => array(
|
|
'background' => esc_attr( $tablet_sticky_above_header_bg_color ),
|
|
),
|
|
);
|
|
$mobile_above_header_css_output = array(
|
|
$above_header_sticky_selector => array(
|
|
'background' => esc_attr( $mobile_sticky_above_header_bg_color ),
|
|
),
|
|
);
|
|
} else {
|
|
// Only when Fixed Header Merkup added.
|
|
$desktop_above_header_css_output = array(
|
|
'#ast-fixed-header .ast-above-header' => array(
|
|
'background' => esc_attr( $desktop_sticky_above_header_bg_color ),
|
|
'backdrop-filter' => $sticky_above_header_bg_blur && $sticky_above_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_above_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
'-webkit-backdrop-filter' => $sticky_above_header_bg_blur && $sticky_above_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_above_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
),
|
|
);
|
|
$tablet_above_header_css_output = array(
|
|
'#ast-fixed-header .ast-above-header' => array(
|
|
'background' => esc_attr( $tablet_sticky_above_header_bg_color ),
|
|
),
|
|
);
|
|
$mobile_above_header_css_output = array(
|
|
'#ast-fixed-header .ast-above-header' => array(
|
|
'background' => esc_attr( $mobile_sticky_above_header_bg_color ),
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$parse_css .= astra_parse_css( $desktop_above_header_css_output );
|
|
$parse_css .= astra_parse_css( $tablet_above_header_css_output, '', astra_addon_get_tablet_breakpoint() );
|
|
$parse_css .= astra_parse_css( $mobile_above_header_css_output, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
return $dynamic_css . $parse_css;
|
|
|
|
}
|
|
|
|
/**
|
|
* Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return string
|
|
*/
|
|
function astra_ext_above_header_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
/**
|
|
* Set colors
|
|
*
|
|
* If colors extension is_active then get color from it.
|
|
* Else set theme default colors.
|
|
*/
|
|
$stick_header = astra_get_option_meta( 'stick-header-meta' );
|
|
$stick_header_above_meta = astra_get_option_meta( 'header-above-stick-meta' );
|
|
|
|
$stick_header_above = astra_get_option( 'header-above-stick' );
|
|
|
|
$sticky_header_style = astra_get_option( 'sticky-header-style' );
|
|
$sticky_hide_on_scroll = astra_get_option( 'sticky-hide-on-scroll' );
|
|
|
|
/**
|
|
* Above Header.
|
|
*/
|
|
$default_desktop_sticky_above_header_bg_color = '#ffffff';
|
|
if ( true === astra_addon_builder_helper()->is_header_footer_builder_active ) {
|
|
$default_desktop_sticky_above_header_bg_color = '';
|
|
}
|
|
$desktop_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'desktop', $default_desktop_sticky_above_header_bg_color );
|
|
|
|
$tablet_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'tablet' );
|
|
$mobile_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'mobile' );
|
|
|
|
$sticky_above_header_menu_bg_color_responsive = astra_get_option( 'sticky-above-header-menu-bg-color-responsive' );
|
|
$sticky_above_header_menu_color_responsive = astra_get_option( 'sticky-above-header-menu-color-responsive' );
|
|
$sticky_above_header_menu_h_color_responsive = astra_get_option( 'sticky-above-header-menu-h-color-responsive' );
|
|
$sticky_above_header_menu_h_a_bg_color_responsive = astra_get_option( 'sticky-above-header-menu-h-a-bg-color-responsive' );
|
|
|
|
$sticky_above_header_submenu_bg_color_responsive = astra_get_option( 'sticky-above-header-submenu-bg-color-responsive' );
|
|
$sticky_above_header_submenu_color_responsive = astra_get_option( 'sticky-above-header-submenu-color-responsive' );
|
|
$sticky_above_header_submenu_h_color_responsive = astra_get_option( 'sticky-above-header-submenu-h-color-responsive' );
|
|
$sticky_above_header_submenu_h_a_bg_color_responsive = astra_get_option( 'sticky-above-header-submenu-h-a-bg-color-responsive' );
|
|
|
|
$sticky_above_content_section_text_color = astra_get_option( 'sticky-above-header-content-section-text-color-responsive' );
|
|
$sticky_above_content_section_link_color = astra_get_option( 'sticky-above-header-content-section-link-color-responsive' );
|
|
$sticky_above_content_section_link_h_color = astra_get_option( 'sticky-above-header-content-section-link-h-color-responsive' );
|
|
|
|
if ( ! $stick_header_above && ( 'disabled' !== $stick_header && empty( $stick_header ) && ( empty( $stick_header_above_meta ) ) ) ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
$above_header_sticky_selector = '.ast-above-sticky-header-active .ast-above-header-wrap .ast-above-header';
|
|
if ( true === astra_addon_builder_helper()->is_header_footer_builder_active ) {
|
|
$above_header_sticky_selector = '.ast-above-sticky-header-active .ast-above-header.ast-header-sticked';
|
|
}
|
|
|
|
$parse_css = '';
|
|
|
|
/**
|
|
* Sticky Header
|
|
*
|
|
* [1]. Sticky Header Above colors options.
|
|
*/
|
|
|
|
/**
|
|
* Above Header.
|
|
*/
|
|
if ( 'none' === $sticky_header_style && ! $sticky_hide_on_scroll ) {
|
|
|
|
$desktop_above_header_css_output = array(
|
|
'.ast-above-header-bar.ast-header-sticked' => array(
|
|
'z-index' => 9,
|
|
),
|
|
$above_header_sticky_selector => array(
|
|
'background' => esc_attr( $desktop_sticky_above_header_bg_color ),
|
|
),
|
|
'.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation > ul' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field, .ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu,.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .menu-link, .ast-header-break-point .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Dropdown Navigation
|
|
*/
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .submenu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .sub-menu' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select, .ast-above-sticky-header-active .ast-above-header-section .widget, .ast-above-sticky-header-active .ast-above-header-section .widget-title' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_text_color['desktop'] ),
|
|
),
|
|
// Content Section link color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select a, .ast-above-sticky-header-active .ast-above-header-section .widget a' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_color['desktop'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select a:hover, .ast-above-sticky-header-active .ast-above-header-section .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_h_color['desktop'] ),
|
|
),
|
|
);
|
|
$tablet_above_header_css_output = array(
|
|
|
|
$above_header_sticky_selector => array(
|
|
'background' => esc_attr( $tablet_sticky_above_header_bg_color ),
|
|
),
|
|
'.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation > ul' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field, .ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu,.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .menu-link, .ast-header-break-point .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Dropdown Navigation
|
|
*/
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .submenu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .sub-menu' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select, .ast-above-sticky-header-active .ast-above-header-section .widget, .ast-above-sticky-header-active .ast-above-header-section .widget-title' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_text_color['tablet'] ),
|
|
),
|
|
// Content Section link color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select a, .ast-above-sticky-header-active .ast-above-header-section .widget a' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_color['tablet'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select a:hover, .ast-above-sticky-header-active .ast-above-header-section .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_h_color['tablet'] ),
|
|
),
|
|
);
|
|
$mobile_above_header_css_output = array(
|
|
|
|
$above_header_sticky_selector => array(
|
|
'background' => esc_attr( $mobile_sticky_above_header_bg_color ),
|
|
),
|
|
'.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation > ul' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field, .ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu,.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .menu-link, .ast-header-break-point .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Dropdown Navigation
|
|
*/
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .submenu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .sub-menu' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['mobile'] ),
|
|
),
|
|
// Content Section text color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select, .ast-above-sticky-header-active .ast-above-header-section .widget, .ast-above-sticky-header-active .ast-above-header-section .widget-title' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_text_color['mobile'] ),
|
|
),
|
|
// Content Section link color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select a, .ast-above-sticky-header-active .ast-above-header-section .widget a' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_color['mobile'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'.ast-above-sticky-header-active .ast-above-header-section .user-select a:hover, .ast-above-sticky-header-active .ast-above-header-section .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_h_color['mobile'] ),
|
|
),
|
|
);
|
|
} else {
|
|
// Only when Fixed Header Merkup added.
|
|
$desktop_above_header_css_output = array(
|
|
|
|
'#ast-fixed-header .ast-above-header' => array(
|
|
'background' => esc_attr( $desktop_sticky_above_header_bg_color ),
|
|
),
|
|
'.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation ul' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field, #ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu,.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .menu-link, #ast-fixed-header .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Dropdown Navigation
|
|
*/
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, #ast-fixed-header .ast-above-header-navigation .sub-menu' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['desktop'] ),
|
|
),
|
|
// Content Section text color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select, #ast-fixed-header .ast-above-header-section .widget, #ast-fixed-header .ast-above-header-section .widget-title' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_text_color['desktop'] ),
|
|
),
|
|
// Content Section link color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select a, #ast-fixed-header .ast-above-header-section .widget a' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_color['desktop'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select a:hover, #ast-fixed-header .ast-above-header-section .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_h_color['desktop'] ),
|
|
),
|
|
);
|
|
$tablet_above_header_css_output = array(
|
|
|
|
'#ast-fixed-header .ast-above-header' => array(
|
|
'background' => esc_attr( $tablet_sticky_above_header_bg_color ),
|
|
),
|
|
'.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation ul' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field, #ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu,.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .menu-link, #ast-fixed-header .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Dropdown Navigation
|
|
*/
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, #ast-fixed-header .ast-above-header-navigation .sub-menu' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['tablet'] ),
|
|
),
|
|
// Content Section text color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select, #ast-fixed-header .ast-above-header-section .widget, #ast-fixed-header .ast-above-header-section .widget-title' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_text_color['tablet'] ),
|
|
),
|
|
// Content Section link color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select a, #ast-fixed-header .ast-above-header-section .widget a' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_color['tablet'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select a:hover, #ast-fixed-header .ast-above-header-section .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_h_color['tablet'] ),
|
|
),
|
|
);
|
|
$mobile_above_header_css_output = array(
|
|
|
|
'#ast-fixed-header .ast-above-header' => array(
|
|
'background' => esc_attr( $mobile_sticky_above_header_bg_color ),
|
|
),
|
|
'.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation ul' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field, #ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu,.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .menu-link, #ast-fixed-header .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-navigation .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Dropdown Navigation
|
|
*/
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, #ast-fixed-header .ast-above-header-navigation .sub-menu' => array(
|
|
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['mobile'] ),
|
|
),
|
|
// Content Section text color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select, #ast-fixed-header .ast-above-header-section .widget, #ast-fixed-header .ast-above-header-section .widget-title' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_text_color['mobile'] ),
|
|
),
|
|
// Content Section link color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select a, #ast-fixed-header .ast-above-header-section .widget a' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_color['mobile'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'#ast-fixed-header .ast-above-header-section .user-select a:hover, #ast-fixed-header .ast-above-header-section .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_above_content_section_link_h_color['mobile'] ),
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$parse_css .= astra_parse_css( $desktop_above_header_css_output );
|
|
$parse_css .= astra_parse_css( $tablet_above_header_css_output, '', astra_addon_get_tablet_breakpoint() );
|
|
$parse_css .= astra_parse_css( $mobile_above_header_css_output, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
return $dynamic_css . $parse_css;
|
|
|
|
}
|
|
|
|
if ( false === astra_addon_builder_helper()->is_header_footer_builder_active && Astra_Ext_Extension::is_active( 'header-sections' ) ) {
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_ext_below_header_sections_dynamic_css', 30 );
|
|
} else {
|
|
if ( Astra_Addon_Update_Filter_Function::astra_remove_header_sections_deps_header_builder() || ( ! Astra_Addon_Update_Filter_Function::astra_remove_header_sections_deps_header_builder() && Astra_Ext_Extension::is_active( 'header-sections' ) ) ) {
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_below_header_builder_sections_dynamic_css', 30 );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return string
|
|
*/
|
|
function astra_below_header_builder_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
/**
|
|
* Set colors
|
|
*
|
|
* If colors extension is_active then get color from it.
|
|
* Else set theme default colors.
|
|
*/
|
|
$stick_header = astra_get_option_meta( 'stick-header-meta' );
|
|
$stick_header_below_meta = astra_get_option_meta( 'header-below-stick-meta' );
|
|
|
|
$stick_header_below = astra_get_option( 'header-below-stick' );
|
|
|
|
$sticky_header_style = astra_get_option( 'sticky-header-style' );
|
|
$sticky_hide_on_scroll = astra_get_option( 'sticky-hide-on-scroll' );
|
|
/**
|
|
* Below Header.
|
|
*/
|
|
$desktop_sticky_below_header_bg_color = astra_get_prop( astra_get_option( 'sticky-below-header-bg-color-responsive' ), 'desktop', '#414042' );
|
|
$tablet_sticky_below_header_bg_color = astra_get_prop( astra_get_option( 'sticky-below-header-bg-color-responsive' ), 'tablet' );
|
|
$mobile_sticky_below_header_bg_color = astra_get_prop( astra_get_option( 'sticky-below-header-bg-color-responsive' ), 'mobile' );
|
|
|
|
$sticky_below_header_bg_blur = astra_get_option( 'sticky-below-header-bg-blur' );
|
|
$sticky_below_header_bg_blur_intensity = astra_get_option( 'sticky-below-header-bg-blur-intensity' );
|
|
|
|
if ( ! $stick_header_below && ( 'disabled' !== $stick_header && empty( $stick_header ) && ( empty( $stick_header_below_meta ) ) ) ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
$parse_css = '';
|
|
|
|
/**
|
|
* Sticky Header
|
|
*
|
|
* [1]. Sticky Header Below colors options.
|
|
*/
|
|
|
|
/**
|
|
* Below Header.
|
|
*/
|
|
if ( 'none' === $sticky_header_style && ! $sticky_hide_on_scroll ) {
|
|
$desktop_below_header_css_output = array(
|
|
'.ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header' => array(
|
|
'background' => esc_attr( $desktop_sticky_below_header_bg_color ),
|
|
'backdrop-filter' => $sticky_below_header_bg_blur && $sticky_below_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_below_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
'-webkit-backdrop-filter' => $sticky_below_header_bg_blur && $sticky_below_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_below_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
),
|
|
);
|
|
$tablet_below_header_css_output = array(
|
|
'.ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header' => array(
|
|
'background' => esc_attr( $tablet_sticky_below_header_bg_color ),
|
|
),
|
|
);
|
|
$mobile_below_header_css_output = array(
|
|
'.ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header' => array(
|
|
'background' => esc_attr( $mobile_sticky_below_header_bg_color ),
|
|
),
|
|
);
|
|
} else {
|
|
// Only when Fixed Header Merkup added.
|
|
$desktop_below_header_css_output = array(
|
|
'#ast-fixed-header .ast-below-header' => array(
|
|
'background' => esc_attr( $desktop_sticky_below_header_bg_color ),
|
|
'backdrop-filter' => $sticky_below_header_bg_blur && $sticky_below_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_below_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
'-webkit-backdrop-filter' => $sticky_below_header_bg_blur && $sticky_below_header_bg_blur_intensity ? 'blur(' . esc_attr( $sticky_below_header_bg_blur_intensity ) . 'px )' : 'unset',
|
|
),
|
|
);
|
|
$tablet_below_header_css_output = array(
|
|
'#ast-fixed-header .ast-below-header' => array(
|
|
'background' => esc_attr( $tablet_sticky_below_header_bg_color ),
|
|
),
|
|
);
|
|
$mobile_below_header_css_output = array(
|
|
'#ast-fixed-header .ast-below-header' => array(
|
|
'background' => esc_attr( $mobile_sticky_below_header_bg_color ),
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$parse_css .= astra_parse_css( $desktop_below_header_css_output );
|
|
$parse_css .= astra_parse_css( $tablet_below_header_css_output, '', astra_addon_get_tablet_breakpoint() );
|
|
$parse_css .= astra_parse_css( $mobile_below_header_css_output, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
return $dynamic_css . $parse_css;
|
|
}
|
|
|
|
/**
|
|
* Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return string
|
|
*/
|
|
function astra_ext_below_header_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
/**
|
|
* Set colors
|
|
*
|
|
* If colors extension is_active then get color from it.
|
|
* Else set theme default colors.
|
|
*/
|
|
$stick_header = astra_get_option_meta( 'stick-header-meta' );
|
|
$stick_header_below_meta = astra_get_option_meta( 'header-below-stick-meta' );
|
|
|
|
$stick_header_below = astra_get_option( 'header-below-stick' );
|
|
|
|
$sticky_header_style = astra_get_option( 'sticky-header-style' );
|
|
$sticky_hide_on_scroll = astra_get_option( 'sticky-hide-on-scroll' );
|
|
/**
|
|
* Below Header.
|
|
*/
|
|
$default_sticky_below_header_bg_color = ( true === astra_addon_builder_helper()->is_header_footer_builder_active ) ? '' : '#414042';
|
|
$desktop_sticky_below_header_bg_color = astra_get_prop( astra_get_option( 'sticky-below-header-bg-color-responsive' ), 'desktop', $default_sticky_below_header_bg_color );
|
|
$tablet_sticky_below_header_bg_color = astra_get_prop( astra_get_option( 'sticky-below-header-bg-color-responsive' ), 'tablet' );
|
|
$mobile_sticky_below_header_bg_color = astra_get_prop( astra_get_option( 'sticky-below-header-bg-color-responsive' ), 'mobile' );
|
|
|
|
$sticky_below_header_menu_bg_color_responsive = astra_get_option( 'sticky-below-header-menu-bg-color-responsive' );
|
|
$sticky_below_header_menu_color_responsive = astra_get_option( 'sticky-below-header-menu-color-responsive' );
|
|
$sticky_below_header_menu_h_color_responsive = astra_get_option( 'sticky-below-header-menu-h-color-responsive' );
|
|
$sticky_below_header_menu_h_a_bg_color_responsive = astra_get_option( 'sticky-below-header-menu-h-a-bg-color-responsive' );
|
|
|
|
$sticky_below_header_submenu_bg_color_responsive = astra_get_option( 'sticky-below-header-submenu-bg-color-responsive' );
|
|
$sticky_below_header_submenu_color_responsive = astra_get_option( 'sticky-below-header-submenu-color-responsive' );
|
|
$sticky_below_header_submenu_h_color_responsive = astra_get_option( 'sticky-below-header-submenu-h-color-responsive' );
|
|
$sticky_below_header_submenu_h_a_bg_color_responsive = astra_get_option( 'sticky-below-header-submenu-h-a-bg-color-responsive' );
|
|
|
|
$sticky_below_content_section_text_color = astra_get_option( 'sticky-below-header-content-section-text-color-responsive' );
|
|
$sticky_below_content_section_link_color = astra_get_option( 'sticky-below-header-content-section-link-color-responsive' );
|
|
$sticky_below_content_section_link_h_color = astra_get_option( 'sticky-below-header-content-section-link-h-color-responsive' );
|
|
|
|
if ( ! $stick_header_below && ( 'disabled' !== $stick_header && empty( $stick_header ) && ( empty( $stick_header_below_meta ) ) ) ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
$parse_css = '';
|
|
|
|
/**
|
|
* Sticky Header
|
|
*
|
|
* [1]. Sticky Header Below colors options.
|
|
*/
|
|
|
|
/**
|
|
* Below Header.
|
|
*/
|
|
if ( 'none' === $sticky_header_style && ! $sticky_hide_on_scroll ) {
|
|
$desktop_below_header_css_output = array(
|
|
'.ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header' => array(
|
|
'background' => esc_attr( $desktop_sticky_below_header_bg_color ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-actual-nav, .ast-flyout-below-menu-enable.ast-header-break-point.ast-below-sticky-header-active .ast-below-header-actual-nav.ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap' => array(
|
|
'background' => esc_attr( $sticky_below_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Navigation
|
|
*/
|
|
'.ast-below-sticky-header-active .ast-below-header-menu, .ast-below-sticky-header-active .ast-below-header-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.focus > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .menu-item .menu-link:hover' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Dropdown Navigation
|
|
*/
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'background-color' => 'transparent',
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'.ast-below-sticky-header-active .below-header-user-select, .ast-below-sticky-header-active .below-header-user-select .widget,.ast-below-sticky-header-active .below-header-user-select .widget-title' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_text_color['desktop'] ),
|
|
),
|
|
// Content Section link color.
|
|
'.ast-below-sticky-header-active .below-header-user-select a, .ast-below-sticky-header-active .below-header-user-select .widget a' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_color['desktop'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'.ast-below-sticky-header-active .below-header-user-select a:hover, .ast-below-sticky-header-active .below-header-user-select .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_h_color['desktop'] ),
|
|
),
|
|
);
|
|
$tablet_below_header_css_output = array(
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header' => array(
|
|
'background' => esc_attr( $tablet_sticky_below_header_bg_color ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-actual-nav, .ast-flyout-below-menu-enable.ast-header-break-point.ast-below-sticky-header-active .ast-below-header-actual-nav.ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap' => array(
|
|
'background' => esc_attr( $sticky_below_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Navigation
|
|
*/
|
|
'.ast-below-sticky-header-active .ast-below-header-menu, .ast-below-sticky-header-active .ast-below-header-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Dropdown Navigation
|
|
*/
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'.ast-below-sticky-header-active .below-header-user-select, .ast-below-sticky-header-active .below-header-user-select .widget,.ast-below-sticky-header-active .below-header-user-select .widget-title' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_text_color['tablet'] ),
|
|
),
|
|
// Content Section link color.
|
|
'.ast-below-sticky-header-active .below-header-user-select a, .ast-below-sticky-header-active .below-header-user-select .widget a' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_color['tablet'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'.ast-below-sticky-header-active .below-header-user-select a:hover, .ast-below-sticky-header-active .below-header-user-select .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_h_color['tablet'] ),
|
|
),
|
|
);
|
|
$mobile_below_header_css_output = array(
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-wrap .ast-below-header' => array(
|
|
'background' => esc_attr( $mobile_sticky_below_header_bg_color ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-actual-nav, .ast-flyout-below-menu-enable.ast-header-break-point.ast-below-sticky-header-active .ast-below-header-actual-nav.ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap' => array(
|
|
'background' => esc_attr( $sticky_below_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Navigation
|
|
*/
|
|
'.ast-below-sticky-header-active .ast-below-header-menu, .ast-below-sticky-header-active .ast-below-header-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Dropdown Navigation
|
|
*/
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:hover, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item:focus, .ast-fullscreen-below-menu-enable.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.focus' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'.ast-below-sticky-header-active .ast-below-header-menu .sub-menu, .ast-below-sticky-header-active .ast-below-header-menu .sub-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_color_responsive['mobile'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'.ast-below-sticky-header-active .below-header-user-select, .ast-below-sticky-header-active .below-header-user-select .widget,.ast-below-sticky-header-active .below-header-user-select .widget-title' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_text_color['mobile'] ),
|
|
),
|
|
// Content Section link color.
|
|
'.ast-below-sticky-header-active .below-header-user-select a, .ast-below-sticky-header-active .below-header-user-select .widget a' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_color['mobile'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'.ast-below-sticky-header-active .below-header-user-select a:hover, .ast-below-sticky-header-active .below-header-user-select .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_h_color['mobile'] ),
|
|
),
|
|
);
|
|
} else {
|
|
// Only when Fixed Header Merkup added.
|
|
$desktop_below_header_css_output = array(
|
|
|
|
'#ast-fixed-header .ast-below-header' => array(
|
|
'background' => esc_attr( $desktop_sticky_below_header_bg_color ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-actual-nav' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Navigation
|
|
*/
|
|
'#ast-fixed-header .ast-below-header-menu, #ast-fixed-header .ast-below-header-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Dropdown Navigation
|
|
*/
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['desktop'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_bg_color_responsive['desktop'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_color_responsive['desktop'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'#ast-fixed-header .below-header-user-select, #ast-fixed-header .below-header-user-select .widget,#ast-fixed-header .below-header-user-select .widget-title' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_text_color['desktop'] ),
|
|
),
|
|
// Content Section link color.
|
|
'#ast-fixed-header .below-header-user-select a, #ast-fixed-header .below-header-user-select .widget a' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_color['desktop'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'#ast-fixed-header .below-header-user-select a:hover, #ast-fixed-header .below-header-user-select .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_h_color['desktop'] ),
|
|
),
|
|
);
|
|
$tablet_below_header_css_output = array(
|
|
|
|
'#ast-fixed-header .ast-below-header' => array(
|
|
'background' => esc_attr( $tablet_sticky_below_header_bg_color ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-actual-nav' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Navigation
|
|
*/
|
|
'#ast-fixed-header .ast-below-header-menu, #ast-fixed-header .ast-below-header-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Dropdown Navigation
|
|
*/
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['tablet'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_bg_color_responsive['tablet'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_color_responsive['tablet'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'#ast-fixed-header .below-header-user-select, #ast-fixed-header .below-header-user-select .widget,#ast-fixed-header .below-header-user-select .widget-title' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_text_color['tablet'] ),
|
|
),
|
|
// Content Section link color.
|
|
'#ast-fixed-header .below-header-user-select a, #ast-fixed-header .below-header-user-select .widget a' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_color['tablet'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'#ast-fixed-header .below-header-user-select a:hover, #ast-fixed-header .below-header-user-select .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_h_color['tablet'] ),
|
|
),
|
|
);
|
|
$mobile_below_header_css_output = array(
|
|
|
|
'#ast-fixed-header .ast-below-header' => array(
|
|
'background' => esc_attr( $mobile_sticky_below_header_bg_color ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-actual-nav' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Navigation
|
|
*/
|
|
'#ast-fixed-header .ast-below-header-menu, #ast-fixed-header .ast-below-header-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
|
'color' => esc_attr( $sticky_below_header_menu_h_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_menu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Dropdown Navigation
|
|
*/
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_h_color_responsive['mobile'] ),
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_h_a_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu' => array(
|
|
'background-color' => esc_attr( $sticky_below_header_submenu_bg_color_responsive['mobile'] ),
|
|
),
|
|
|
|
'#ast-fixed-header .ast-below-header-menu .sub-menu, #ast-fixed-header .ast-below-header-menu .sub-menu .menu-link' => array(
|
|
'color' => esc_attr( $sticky_below_header_submenu_color_responsive['mobile'] ),
|
|
),
|
|
|
|
// Content Section text color.
|
|
'#ast-fixed-header .below-header-user-select, #ast-fixed-header .below-header-user-select .widget,#ast-fixed-header .below-header-user-select .widget-title' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_text_color['mobile'] ),
|
|
),
|
|
// Content Section link color.
|
|
'#ast-fixed-header .below-header-user-select a, #ast-fixed-header .below-header-user-select .widget a' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_color['mobile'] ),
|
|
),
|
|
// Content Section link hover color.
|
|
'#ast-fixed-header .below-header-user-select a:hover, #ast-fixed-header .below-header-user-select .widget a:hover' => array(
|
|
'color' => esc_attr( $sticky_below_content_section_link_h_color['mobile'] ),
|
|
),
|
|
);
|
|
}
|
|
/* Parse CSS from array() */
|
|
$parse_css .= astra_parse_css( $desktop_below_header_css_output );
|
|
$parse_css .= astra_parse_css( $tablet_below_header_css_output, '', astra_addon_get_tablet_breakpoint() );
|
|
$parse_css .= astra_parse_css( $mobile_below_header_css_output, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
return $dynamic_css . $parse_css;
|
|
|
|
}
|