<?php
/**
 * Mobile Header - Dynamic CSS
 *
 * @package Astra Addon
 */

/**
 * Mobile Header options.
 */
add_filter( 'astra_addon_dynamic_css', 'astra_addon_mobile_header_colors_background_dynamic_css' );

/**
 * Dynamic CSS
 *
 * @param  string $dynamic_css          Astra Dynamic CSS.
 * @param  string $dynamic_css_filtered Astra Dynamic CSS Filters.
 * @return string
 */
function astra_addon_mobile_header_colors_background_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {

	$menu_style = astra_get_option( 'mobile-menu-style' );

	$theme_color = astra_get_option( 'theme-color' );
	$link_color  = astra_get_option( 'link-color', $theme_color );
	$text_color  = astra_get_option( 'text-color' );

	$primary_menu_bg_image = astra_get_option( 'primary-menu-bg-obj-responsive' );

	$primary_menu_color      = astra_get_option( 'primary-menu-color-responsive' );
	$primary_menu_h_bg_color = astra_get_option( 'primary-menu-h-bg-color-responsive' );
	$primary_menu_h_color    = astra_get_option( 'primary-menu-h-color-responsive' );
	$primary_menu_a_bg_color = astra_get_option( 'primary-menu-a-bg-color-responsive' );
	$primary_menu_a_color    = astra_get_option( 'primary-menu-a-color-responsive' );

	$primary_submenu_b_color    = astra_get_option( 'primary-submenu-b-color' );
	$primary_submenu_bg_color   = astra_get_option( 'primary-submenu-bg-color-responsive' );
	$primary_submenu_color      = astra_get_option( 'primary-submenu-color-responsive' );
	$primary_submenu_h_bg_color = astra_get_option( 'primary-submenu-h-bg-color-responsive' );
	$primary_submenu_h_color    = astra_get_option( 'primary-submenu-h-color-responsive' );
	$primary_submenu_a_bg_color = astra_get_option( 'primary-submenu-a-bg-color-responsive' );
	$primary_submenu_a_color    = astra_get_option( 'primary-submenu-a-color-responsive' );

	$header_bg_obj           = astra_get_option( 'header-bg-obj-responsive' );
	$desktop_header_bg_color = isset( $header_bg_obj['desktop']['background-color'] ) ? $header_bg_obj['desktop']['background-color'] : '';
	$tablet_header_bg_color  = isset( $header_bg_obj['tablet']['background-color'] ) ? $header_bg_obj['tablet']['background-color'] : '';
	$mobile_header_bg_color  = isset( $header_bg_obj['mobile']['background-color'] ) ? $header_bg_obj['mobile']['background-color'] : '';

	$mobile_header_close_desktop_color = astra_get_prop( astra_get_option( 'primary-menu-color-responsive' ), 'desktop', $text_color );
	$mobile_header_close_tablet_color  = astra_get_prop( astra_get_option( 'primary-menu-color-responsive' ), 'tablet' );
	$mobile_header_close_mobile_color  = astra_get_prop( astra_get_option( 'primary-menu-color-responsive' ), 'mobile' );

	$css_output = '';

	/**
	 * Responsive Colors options
	 * [1]. Primary Menu Responsive Colors general
	 * [2]. Primary Menu Responsive Colors only for Full Screen menu style
	 * [3]. Primary Menu Responsive Colors only for Flyout menu style
	 */

	/**
	 * Responsive Colors options
	 * [1]. Primary Menu Responsive Colors general
	 */
	$desktop_colors = array(

		// Header Background Image.
		'.ast-header-break-point .main-header-bar' => astra_get_responsive_background_obj( $header_bg_obj, 'desktop' ),
		'.ast-header-break-point .main-header-menu, .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-sections-navigation' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'desktop' ),
		'.ast-header-break-point .ast-primary-menu-disabled .ast-above-header-menu-items, .ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'desktop' ),
		'.ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'desktop' ),
		// Primary Header Menu color.
		'.ast-header-break-point .main-header-menu, .ast-header-break-point .main-header-menu .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .ast-menu-toggle, .ast-header-break-point .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-header-break-point .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-custom-item a, .ast-header-break-point .ast-masthead-custom-menu-items, .ast-header-break-point .ast-masthead-custom-menu-items a, .ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select,.ast-header-break-point .ast-above-header-menu-items, .ast-header-break-point .ast-above-header-menu-items .menu-link, .ast-header-break-point .ast-below-header-menu-items, .ast-header-break-point .ast-below-header-menu-items .menu-link, .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget, .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget-title' => array(
			'color' => esc_attr( $primary_menu_color['desktop'] ),
		),
		'.ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form' => array(
			'border-color' => esc_attr( $primary_menu_color['desktop'] ),
		),
		// Primary Menu Hover colors.
		'.ast-header-break-point .main-header-menu .menu-link:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
			'color' => esc_attr( $primary_menu_h_color['desktop'] ),
		),
		'.ast-header-break-point .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.focus > .ast-menu-toggle' => array(
			'color' => esc_attr( $primary_menu_h_color['desktop'] ),
		),
		// Primary Menu Hover Bg color.
		'.ast-header-break-point .main-header-menu .menu-link:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
			'background-color' => esc_attr( $primary_menu_h_bg_color['desktop'] ),
		),
		// Primary Menu Active color.
		'.ast-header-break-point .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
			'color' => esc_attr( $primary_menu_a_color['desktop'] ),
		),
		// Primary menu Active Bg color.
		'.ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
			'background-color' => esc_attr( $primary_menu_a_bg_color['desktop'] ),
		),

		// Submenu link color.
		'.ast-header-break-point .main-header-menu .sub-menu, .ast-header-break-point .main-header-menu .sub-menu .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-link' => array(
			'color' => esc_attr( $primary_submenu_color['desktop'] ),
		),
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link' => array(
			'color' => esc_attr( $primary_submenu_color['desktop'] ),
		),
		// Submenu Background color.
		'.ast-header-break-point .main-header-menu .sub-menu, .ast-header-break-point .ast-header-sections-navigation .sub-menu, .ast-header-break-point .ast-above-header-menu-items .sub-menu, .ast-header-break-point .ast-below-header-menu-items .sub-menu, .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu' => array(
			'background-color' => esc_attr( $primary_submenu_bg_color['desktop'] ),
		),
		// Submenu hover color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-header-break-point .main-header-menu .sub-menu .menu-link:focus' => array(
			'color' => esc_attr( $primary_submenu_h_color['desktop'] ),
		),
		// Submenu hover bg color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-header-break-point .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
			'background-color' => esc_attr( $primary_submenu_h_bg_color['desktop'] ),
		),
		// Submenu active color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
			'color' => esc_attr( $primary_submenu_a_color['desktop'] ),
		),
		// Submenu active bg color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
			'background-color' => esc_attr( $primary_submenu_a_bg_color['desktop'] ),
		),

		// Primary Menu Bg color when Above & Below Header is merged and Primary menu is disabled.
		'.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap .ast-above-header-menu-items, .ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'desktop' ),

	);
	$tablet_colors = array(
		// Header Background Image.
		'.ast-header-break-point .main-header-bar' => astra_get_responsive_background_obj( $header_bg_obj, 'tablet' ),

		'.ast-header-break-point .main-header-menu, .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-sections-navigation' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'tablet' ),
		'.ast-header-break-point .ast-primary-menu-disabled .ast-above-header-menu-items, .ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'tablet' ),
		'.ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'tablet' ),
		// Primary Header Menu color.
		'.ast-header-break-point .main-header-menu, .ast-header-break-point .main-header-menu .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .ast-menu-toggle, .ast-header-break-point .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-header-break-point .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-custom-item a, .ast-header-break-point .ast-masthead-custom-menu-items, .ast-header-break-point .ast-masthead-custom-menu-items a, .ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select,.ast-header-break-point .ast-above-header-menu-items, .ast-header-break-point .ast-above-header-menu-items .menu-link, .ast-header-break-point .ast-below-header-menu-items, .ast-header-break-point .ast-below-header-menu-items .menu-link, .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget, .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget-title' => array(
			'color' => esc_attr( $primary_menu_color['tablet'] ),
		),
		'.ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form' => array(
			'border-color' => esc_attr( $primary_menu_color['tablet'] ),
		),
		// Primary Menu Hover colors.
		'.ast-header-break-point .main-header-menu .menu-link:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
			'color' => esc_attr( $primary_menu_h_color['tablet'] ),
		),
		'.ast-header-break-point .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.focus > .ast-menu-toggle' => array(
			'color' => esc_attr( $primary_menu_h_color['tablet'] ),
		),
		// Primary Menu Hover Bg color.
		'.ast-header-break-point .main-header-menu .menu-link:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
			'background-color' => esc_attr( $primary_menu_h_bg_color['tablet'] ),
		),
		// Primary Menu Active color.
		'.ast-header-break-point .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
			'color' => esc_attr( $primary_menu_a_color['tablet'] ),
		),
		// Primary menu Active Bg color.
		'.ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
			'background-color' => esc_attr( $primary_menu_a_bg_color['tablet'] ),
		),

		// Submenu link color.
		'.ast-header-break-point .main-header-menu .sub-menu, .ast-header-break-point .main-header-menu .sub-menu .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-link' => array(
			'color' => esc_attr( $primary_submenu_color['tablet'] ),
		),
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link' => array(
			'color' => esc_attr( $primary_submenu_color['tablet'] ),
		),
		// Submenu Background color.
		'.ast-header-break-point .main-header-menu .sub-menu, .ast-header-break-point .ast-header-sections-navigation .sub-menu, .ast-header-break-point .ast-above-header-menu-items .sub-menu, .ast-header-break-point .ast-below-header-menu-items .sub-menu, .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu' => array(
			'background-color' => esc_attr( $primary_submenu_bg_color['tablet'] ),
		),
		// Submenu hover color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-header-break-point .main-header-menu .sub-menu .menu-link:focus' => array(
			'color' => esc_attr( $primary_submenu_h_color['tablet'] ),
		),
		// Submenu hover bg color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-header-break-point .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
			'background-color' => esc_attr( $primary_submenu_h_bg_color['tablet'] ),
		),
		// Submenu active color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
			'color' => esc_attr( $primary_submenu_a_color['tablet'] ),
		),
		// Submenu active bg color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
			'background-color' => esc_attr( $primary_submenu_a_bg_color['tablet'] ),
		),

		// Primary Menu Bg color when Above & Below Header is merged and Primary menu is disabled.
		'.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap .ast-above-header-menu-items, .ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'tablet' ),
	);
	$mobile_colors = array(
		// Header Background Image.
		'.ast-header-break-point .main-header-bar' => astra_get_responsive_background_obj( $header_bg_obj, 'mobile' ),
		'.ast-header-break-point .main-header-menu, .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-sections-navigation' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'mobile' ),
		'.ast-header-break-point .ast-primary-menu-disabled .ast-above-header-menu-items, .ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'mobile' ),
		'.ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'mobile' ),
		// Primary Header Menu color.
		'.ast-header-break-point .main-header-menu, .ast-header-break-point .main-header-menu .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .ast-menu-toggle, .ast-header-break-point .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-header-break-point .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-custom-item a, .ast-header-break-point .ast-masthead-custom-menu-items, .ast-header-break-point .ast-masthead-custom-menu-items a, .ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select,.ast-header-break-point .ast-above-header-menu-items, .ast-header-break-point .ast-above-header-menu-items .menu-link, .ast-header-break-point .ast-below-header-menu-items, .ast-header-break-point .ast-below-header-menu-items .menu-link, .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget, .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget-title' => array(
			'color' => esc_attr( $primary_menu_color['mobile'] ),
		),
		'.ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form' => array(
			'border-color' => esc_attr( $primary_menu_color['mobile'] ),
		),
		// Primary Menu Hover colors.
		'.ast-header-break-point .main-header-menu .menu-link:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
			'color' => esc_attr( $primary_menu_h_color['mobile'] ),
		),
		'.ast-header-break-point .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.focus > .ast-menu-toggle' => array(
			'color' => esc_attr( $primary_menu_h_color['mobile'] ),
		),
		// Primary Menu Hover Bg color.
		'.ast-header-break-point .main-header-menu .menu-link:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
			'background-color' => esc_attr( $primary_menu_h_bg_color['mobile'] ),
		),
		// Primary Menu Active color.
		'.ast-header-break-point .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
			'color' => esc_attr( $primary_menu_a_color['mobile'] ),
		),
		// Primary menu Active Bg color.
		'.ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
			'background-color' => esc_attr( $primary_menu_a_bg_color['mobile'] ),
		),

		// Submenu link color.
		'.ast-header-break-point .main-header-menu .sub-menu, .ast-header-break-point .main-header-menu .sub-menu .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-link' => array(
			'color' => esc_attr( $primary_submenu_color['mobile'] ),
		),
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link' => array(
			'color' => esc_attr( $primary_submenu_color['mobile'] ),
		),
		// Submenu Background color.
		'.ast-header-break-point .main-header-menu .sub-menu, .ast-header-break-point .ast-header-sections-navigation .sub-menu, .ast-header-break-point .ast-above-header-menu-items .sub-menu, .ast-header-break-point .ast-below-header-menu-items .sub-menu, .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .sub-menu' => array(
			'background-color' => esc_attr( $primary_submenu_bg_color['mobile'] ),
		),
		// Submenu hover color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-header-break-point .main-header-menu .sub-menu .menu-link:focus' => array(
			'color' => esc_attr( $primary_submenu_h_color['mobile'] ),
		),
		// Submenu hover bg color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-header-break-point .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.focus > .menu-link' => array(
			'background-color' => esc_attr( $primary_submenu_h_bg_color['mobile'] ),
		),
		// Submenu active color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
			'color' => esc_attr( $primary_submenu_a_color['mobile'] ),
		),
		// Submenu active bg color.
		'.ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
			'background-color' => esc_attr( $primary_submenu_a_bg_color['mobile'] ),
		),

		// Primary Menu Bg color when Above & Below Header is merged and Primary menu is disabled.
		'.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap .ast-above-header-menu-items, .ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap .ast-below-header-menu-items' => astra_get_responsive_background_obj( $primary_menu_bg_image, 'mobile' ),
	);
	/* Parse CSS from array() */
	$css_output .= astra_parse_css( $desktop_colors );
	$css_output .= astra_parse_css( $tablet_colors, '', astra_addon_get_tablet_breakpoint() );
	$css_output .= astra_parse_css( $mobile_colors, '', astra_addon_get_mobile_breakpoint() );

	/**
	 * Responsive Colors options
	 * [2]. Primary Menu Responsive Colors only for Full Screen menu style
	 */
	if ( 'fullscreen' == $menu_style ) {
			$desktop_colors = array(
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-ancestor' => array(
					'background-color' => esc_attr( $primary_menu_a_bg_color['desktop'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-custom-item li:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation li:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation li:focus' => array(
					'background-color' => esc_attr( $primary_menu_h_bg_color['desktop'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-link:hover,.ast-fullscreen-menu-overlay .ast-header-custom-item a:hover,.ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover > .menu-link,.ast-fullscreen-menu-overlay .main-header-menu .menu-item.focus > .menu-link,.ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation a:hover,.ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation a:focus' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_menu_h_color['desktop'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-link:hover' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-link:hover' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_submenu_h_color['desktop'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.focus' => array(
					'background-color' => esc_attr( $primary_submenu_h_bg_color['desktop'] ),
				),

				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_submenu_a_color['desktop'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-ancestor, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_submenu_a_bg_color['desktop'] ),
				),
				// Primary Menu Hover Bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus' => array(
					'background-color' => esc_attr( $primary_menu_h_bg_color['desktop'] ),
				),
				// Primary menu Active Bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
					'background-color' => 'transparent',
				),
				// Submenu Background color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
					'background-color' => 'transparent',
				),
				// Submenu hover bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu li:hover' => array(
					'background-color' => esc_attr( $primary_submenu_h_bg_color['desktop'] ),
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-link:focus' => array(
					'background-color' => 'transparent',
				),
				// Submenu active bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_submenu_a_bg_color['desktop'] ),
				),
				'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close' => array(
					'color' => esc_attr( $mobile_header_close_desktop_color ),
				),
			);
			// Fullscreen background color if Header Background color is set.
			$desktop_colors['.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $header_bg_obj, 'desktop' );
			// Fullscreen background color if Primary Menu Background color is set.
			if ( '' !== $primary_menu_bg_image['desktop']['background-image'] || '' !== $primary_menu_bg_image['desktop']['background-color'] ) {
				$desktop_colors['.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $primary_menu_bg_image, 'desktop' );
			}

			$tablet_colors = array(
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_menu_a_bg_color['tablet'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-custom-item li:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation li:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation li:focus' => array(
					'background-color' => esc_attr( $primary_menu_h_bg_color['tablet'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-link:hover,.ast-fullscreen-menu-overlay .ast-header-custom-item a:hover,.ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover > .menu-link,.ast-fullscreen-menu-overlay .main-header-menu .menu-item.focus > .menu-link,.ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation a:hover,.ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation a:focus' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_menu_h_color['tablet'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-link:hover' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-link:hover' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_submenu_h_color['tablet'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.focus' => array(
					'background-color' => esc_attr( $primary_submenu_h_bg_color['tablet'] ),
				),

				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_submenu_a_color['tablet'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-ancestor, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_submenu_a_bg_color['tablet'] ),
				),
				// Primary Menu Hover Bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus' => array(
					'background-color' => esc_attr( $primary_menu_h_bg_color['tablet'] ),
				),
				// Primary menu Active Bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
					'background-color' => 'transparent',
				),
				// Submenu Background color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
					'background-color' => 'transparent',
				),
				// Submenu hover bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item:hover' => array(
					'background-color' => esc_attr( $primary_submenu_h_bg_color['tablet'] ),
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-link:focus' => array(
					'background-color' => 'transparent',
				),
				// Submenu active bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_submenu_a_bg_color['tablet'] ),
				),
				'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close' => array(
					'color' => esc_attr( $mobile_header_close_tablet_color ),
				),
			);

			// Fullscreen background color if Header Background color is set.
			$tablet_colors['.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $header_bg_obj, 'tablet' );
			// Fullscreen background color if Primary Menu Background color is set.
			if ( '' !== $primary_menu_bg_image['tablet']['background-image'] || '' !== $primary_menu_bg_image['tablet']['background-color'] ) {
				$tablet_colors['.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $primary_menu_bg_image, 'tablet' );
			}

			$mobile_colors = array(
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_menu_a_bg_color['mobile'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-custom-item li:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation li:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation li:focus' => array(
					'background-color' => esc_attr( $primary_menu_h_bg_color['mobile'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .menu-link:hover,.ast-fullscreen-menu-overlay .ast-header-custom-item a:hover,.ast-fullscreen-menu-overlay .main-header-menu .menu-item:hover > .menu-link,.ast-fullscreen-menu-overlay .main-header-menu .menu-item.focus > .menu-link,.ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation a:hover,.ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation a:focus' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_menu_h_color['mobile'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-link:hover' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-link:hover' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_submenu_h_color['mobile'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.focus, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.focus' => array(
					'background-color' => esc_attr( $primary_submenu_h_bg_color['mobile'] ),
				),

				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
					'background-color' => 'transparent',
					'color'            => esc_attr( $primary_submenu_a_color['mobile'] ),
				),
				'.ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .main-header-menu .sub-menu .menu-item.current-menu-ancestor, .ast-fullscreen-menu-overlay .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_submenu_a_bg_color['mobile'] ),
				),
				// Primary Menu Hover Bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus' => array(
					'background-color' => esc_attr( $primary_menu_h_bg_color['mobile'] ),
				),
				// Primary menu Active Bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.current-menu-ancestor > .menu-link' => array(
					'background-color' => 'transparent',
				),
				// Submenu Background color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-custom-item a, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .menu-item.focus > .menu-link' => array(
					'background-color' => 'transparent',
				),
				// Submenu hover bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu li:hover' => array(
					'background-color' => esc_attr( $primary_submenu_h_bg_color['mobile'] ),
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-link:hover, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-link:focus' => array(
					'background-color' => 'transparent',
				),
				// Submenu active bg color.
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item > .menu-link' => array(
					'background-color' => 'transparent',
				),
				'.ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .main-header-menu .sub-menu .menu-item.current-menu-ancestor, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-header-sections-navigation .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-above-header-menu-items .sub-menu .menu-item.current-menu-item, .ast-fullscreen-menu-overlay .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item.current-menu-item' => array(
					'background-color' => esc_attr( $primary_submenu_a_bg_color['mobile'] ),
				),
				'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .close' => array(
					'color' => esc_attr( $mobile_header_close_mobile_color ),
				),
			);
			// Fullscreen background color if Header Background color is set.
			$mobile_colors['.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $header_bg_obj, 'mobile' );
			// Fullscreen background color if Primary Menu Background color is set.
			if ( '' !== $primary_menu_bg_image['mobile']['background-image'] || '' !== $primary_menu_bg_image['mobile']['background-color'] ) {
				$mobile_colors['.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-primary-menu-disabled .ast-header-custom-item .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $primary_menu_bg_image, 'mobile' );
			}

			/* Parse CSS from array() */
			$css_output .= astra_parse_css( $desktop_colors );
			$css_output .= astra_parse_css( $tablet_colors, '', astra_addon_get_tablet_breakpoint() );
			$css_output .= astra_parse_css( $mobile_colors, '', astra_addon_get_mobile_breakpoint() );

	} elseif ( 'no-toggle' == $menu_style ) {

		/**
		 * Responsive Colors options
		 * [1]. Primary Menu Responsive Colors general
		 */
		$desktop_colors = array(
			// Primary Menu Hover colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .menu-link' => array(
				'color' => esc_attr( $primary_menu_h_color['desktop'] ),
			),
			// Primary Menu Hover Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:not(.ast-masthead-custom-menu-items):hover, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover' => array(
				'background-color' => esc_attr( $primary_menu_h_bg_color['desktop'] ),
			),
			// Submenu hover bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover' => array(
				'background-color' => esc_attr( $primary_submenu_h_bg_color['desktop'] ),
			),
			// Submenu hover color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover > .menu-link' => array(
				'color' => esc_attr( $primary_submenu_h_color['desktop'] ),
			),
			// Primary Menu Active colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' => array(
				'color' => esc_attr( $primary_menu_a_color['desktop'] ),
			),
			// Primary Menu Active Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover' => array(
				'background-color' => esc_attr( $primary_menu_a_bg_color['desktop'] ),
			),
			// Primary Submenu Active colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link' => array(
				'color' => esc_attr( $primary_submenu_a_color['desktop'] ),
			),
			// Primary Submenu Active Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item.current-menu-item' => array(
				'background-color' => esc_attr( $primary_submenu_a_bg_color['desktop'] ),
			),
		);
		$tablet_colors = array(
			// Primary Menu Hover colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .menu-link' => array(
				'color' => esc_attr( $primary_menu_h_color['tablet'] ),
			),
			// Primary Menu Hover Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:not(.ast-masthead-custom-menu-items):hover, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover' => array(
				'background-color' => esc_attr( $primary_menu_h_bg_color['tablet'] ),
			),
			// Submenu hover bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover' => array(
				'background-color' => esc_attr( $primary_submenu_h_bg_color['tablet'] ),
			),
			// Submenu hover color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover > .menu-link' => array(
				'color' => esc_attr( $primary_submenu_h_color['tablet'] ),
			),
			// Primary Menu Active colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' => array(
				'color' => esc_attr( $primary_menu_a_color['tablet'] ),
			),
			// Primary Menu Active Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover' => array(
				'background-color' => esc_attr( $primary_menu_a_bg_color['tablet'] ),
			),
			// Primary Submenu Active colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link' => array(
				'color' => esc_attr( $primary_submenu_a_color['tablet'] ),
			),
			// Primary Submenu Active Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item.current-menu-item' => array(
				'background-color' => esc_attr( $primary_submenu_a_bg_color['tablet'] ),
			),
		);
		$mobile_colors = array(
			// Primary Menu Hover colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.focus > .menu-link' => array(
				'color' => esc_attr( $primary_menu_h_color['mobile'] ),
			),
			// Primary Menu Hover Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item:not(.ast-masthead-custom-menu-items):hover, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover' => array(
				'background-color' => esc_attr( $primary_menu_h_bg_color['mobile'] ),
			),
			// Submenu hover bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover' => array(
				'background-color' => esc_attr( $primary_submenu_h_bg_color['mobile'] ),
			),
			// Submenu hover color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item:hover > .menu-link' => array(
				'color' => esc_attr( $primary_submenu_h_color['mobile'] ),
			),
			// Primary Menu Active colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .menu-link, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' => array(
				'color' => esc_attr( $primary_menu_a_color['mobile'] ),
			),
			// Primary Menu Active Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover' => array(
				'background-color' => esc_attr( $primary_menu_a_bg_color['mobile'] ),
			),
			// Primary Submenu Active colors.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link' => array(
				'color' => esc_attr( $primary_submenu_a_color['mobile'] ),
			),
			// Primary Submenu Active Bg color.
			'.ast-header-break-point.ast-no-toggle-menu-enable .main-header-menu .sub-menu .menu-item.current-menu-item' => array(
				'background-color' => esc_attr( $primary_submenu_a_bg_color['mobile'] ),
			),
		);
		/* Parse CSS from array() */
		$css_output .= astra_parse_css( $desktop_colors );
		$css_output .= astra_parse_css( $tablet_colors, '', astra_addon_get_tablet_breakpoint() );
		$css_output .= astra_parse_css( $mobile_colors, '', astra_addon_get_mobile_breakpoint() );
	}

	/**
	 * Responsive Colors options
	 * [3]. Primary Menu Responsive Colors only for Flyout menu style
	 */
	if ( 'flyout' == $menu_style ) {
		$desktop_colors = array(
			'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close' => array(
				'color' => esc_attr( $mobile_header_close_desktop_color ),
			),
		);
		// Flyout background color if Header Background color is set.
		$desktop_colors['.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $header_bg_obj, 'desktop' );
		// Flyout background color if Primary Menu Background color is set.
		if ( '' !== $primary_menu_bg_image['desktop']['background-image'] || '' !== $primary_menu_bg_image['desktop']['background-color'] ) {
			$desktop_colors['.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $primary_menu_bg_image, 'desktop' );
		}

		$tablet_colors = array(
			'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close' => array(
				'color' => esc_attr( $mobile_header_close_tablet_color ),
			),
		);
		// Flyout background color if Header Background color is set.
		$tablet_colors['.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $header_bg_obj, 'tablet' );
		// Flyout background color if Primary Menu Background color is set.
		if ( '' !== $primary_menu_bg_image['tablet']['background-image'] || '' !== $primary_menu_bg_image['tablet']['background-color'] ) {
			$tablet_colors['.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $primary_menu_bg_image, 'tablet' );
		}

		$mobile_colors = array(
			'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close' => array(
				'color' => esc_attr( $mobile_header_close_mobile_color ),
			),
		);
		// Flyout background color if Header Background color is set.
		$mobile_colors['.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $header_bg_obj, 'mobile' );
		// Flyout background color if Primary Menu Background color is set.
		if ( '' !== $primary_menu_bg_image['mobile']['background-image'] || '' !== $primary_menu_bg_image['mobile']['background-color'] ) {
			$mobile_colors['.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap'] = astra_get_responsive_background_obj( $primary_menu_bg_image, 'mobile' );
		}

		/* Parse CSS from array() */
		$css_output .= astra_parse_css( $desktop_colors );
		$css_output .= astra_parse_css( $tablet_colors, '', astra_addon_get_tablet_breakpoint() );
		$css_output .= astra_parse_css( $mobile_colors, '', astra_addon_get_mobile_breakpoint() );
	}

	/**
	 * Responsive Colors options
	 * [4]. Below Header Menu Responsive Colors only for No Toggle menu style
	 */
	if ( 'no-toggle' == $menu_style ) {

		$link_colors = array(
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover' => array(
				'color' => esc_attr( $link_color ),
			),
		);
		$css_output .= astra_parse_css( $link_colors );

		/**
		 * Responsive Colors options
		 * [4]. Below Header Menu Responsive Colors general
		 */
		$desktop_colors = array(
			// Mobile Below Header menu hover bg color.
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover > .ast-menu-toggle' => array(
				'background-color' => esc_attr( $primary_menu_h_bg_color['desktop'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu, .ast-no-toggle-menu-enable.ast-header-break-point .ast-header-custom-item, .ast-no-toggle-menu-enable.ast-header-break-point .ast-header-sections-navigation' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['desktop']['background-color'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-above-header-menu-items' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['desktop']['background-color'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['desktop']['background-color'] ),
			),
		);

		$desktop_colors['.ast-header-break-point .main-header-menu'] =
				array(
					'background-color' => esc_attr( '#FFFFFF' ),
				);

		$tablet_colors = array(
			// Mobile Below Header menu hover bg color.
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover > .ast-menu-toggle' => array(
				'background-color' => esc_attr( $primary_menu_h_bg_color['tablet'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu, .ast-no-toggle-menu-enable.ast-header-break-point .ast-header-custom-item, .ast-no-toggle-menu-enable.ast-header-break-point .ast-header-sections-navigation' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['tablet']['background-color'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-above-header-menu-items' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['tablet']['background-color'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['tablet']['background-color'] ),
			),
		);
		$mobile_colors = array(
			// Mobile Below Header menu hover bg color.
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu .menu-item:hover > .ast-menu-toggle' => array(
				'background-color' => esc_attr( $primary_menu_h_bg_color['mobile'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .main-header-menu, .ast-no-toggle-menu-enable.ast-header-break-point .ast-header-custom-item, .ast-no-toggle-menu-enable.ast-header-break-point .ast-header-sections-navigation' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['mobile']['background-color'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-above-header-menu-items' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['mobile']['background-color'] ),
			),
			'.ast-no-toggle-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-below-header-menu-items' => array(
				'background-color' => esc_attr( $primary_menu_bg_image['mobile']['background-color'] ),
			),
		);

		/* Parse CSS from array() */
		$css_output .= astra_parse_css( $desktop_colors );
		$css_output .= astra_parse_css( $tablet_colors, '', astra_addon_get_tablet_breakpoint() );
		$css_output .= astra_parse_css( $mobile_colors, '', astra_addon_get_mobile_breakpoint() );
	}
	return $dynamic_css . $css_output;
}
