impulsivia

Thank you. I will try to do that. I do not know much about CSS code. If you happen to know how to do that. Thank you in advance. If not. I will try to figure it out ??

ok thank you for the fast reply and letting me know!

Hi, Thank you for the very fast reply and a heads up how to do it!

YES! It works now indeed. Thank you and thank you also to mention this in the reply.

Hi, same issue here with the pdf on Version 5.4.2. Is there an estimate when the fix is ready? Ifnotm could you send met the patch for 5.4.1 as well? Then I will be able to send invoices through pdf again.

Best,

Arno

Hi,

I never got the white page anymore. I think deactivating and reactivating the plugin fixed it. But there are more issues. When going to appearance->Widget in the wordpress dashboard I get these errors:

The “cool_tag_cloud” block was affected by errors and may not function properly. Check the developer tools for more details.

For each cooltag widget I made.

hi!

yes, So its this page, but it applies to all pages:

https://www.tiesrijcken.nl/over-ties/

I have this code in the Custom Divi CSS:

.cool-tag-cloud .tag-cloud-link {
display: block;
}

And the code you provided placed in the functions.php

.cool-tag-cloud .tag-cloud-link {
margin-right: 10px;
}
.cool-tag-cloud .tag-cloud-link::after {
content: ',';
}
.cool-tag-cloud .tag-cloud-link:last-child::after {
content: '';
}`

The settings for the plugins are:

https://snipboard.io/Bf8NI5.jpg

and

https://snipboard.io/Dwvslu.jpg

I also have a blog module on pages and the plugins are:

https://snipboard.io/BnFJce.jpg

So currently no white pages, but that could start again. the error still is there when I turn on debug mode.

• This reply was modified 2 years, 7 months ago by impulsivia.
• This reply was modified 2 years, 7 months ago by impulsivia.

Genius. Thank you very much!

Thank you so much. That looks way better. Would it also be possible to list each tag on a new line? Then its ideal. No more questions then.

That would be great. The website is here: https://www.tiesrijcken.nl/home/

I found the solution, after placing it after each line, getting a lot of errors, the placement here did the trick. Unfortunately, it does not look so good. The layout is a bit weird. The words are just placed next to each other without a space between them.

/**
 * Enqueue the main style.css file.
 * If a child theme is active and the child theme has not enqueued
 * the Divi stylsheet, enqueue it for them. Otherwise -rtl, -cpt and -static
 * stylesheet versions will never be enqueued properly. Some child themes
 * import the Divi style.css file in their child theme .css file, which won't work.
 */
function et_divi_enqueue_stylesheet() {
	$theme_version          = et_get_theme_version();
	$template_directory_uri = preg_quote( get_template_directory_uri(), '/' );
	$styles                 = wp_styles();
	$divi_style_enqueued    = '';

	foreach ( $styles->registered as $handle => $style ) {
		if ( preg_match( '/' . $template_directory_uri . '.*/', $style->src ) ) {
			$divi_style_enqueued = true;
			break;
		}
	}

	if ( ! is_child_theme() ) {
		// If no child theme is active, we enqueue the Divi style.css located in the template dir.
		wp_enqueue_style( 'divi-style', get_template_directory_uri() . '/style.css', array(), $theme_version );
	} elseif ( $divi_style_enqueued ) {
		// If a child theme is used and the child theme already enqueued the Divi style.css in their functions.php,
		// then we enqueue the child theme style.css file via the stylesheet dir.
		wp_enqueue_style( 'divi-style', get_stylesheet_directory_uri() . '/style.css', array(), $theme_version );
	} else {
		// If a child theme is used and they do not enqueue the Divi style.css file,
		// we need to enqueue it for them before their child theme style.css file.
		wp_enqueue_style( 'divi-style-parent', get_template_directory_uri() . '/style.css', array(), $theme_version );
		wp_enqueue_style( 'divi-style', get_stylesheet_directory_uri() . '/style.css', array(), $theme_version );
		
	}wp_dequeue_style( 'cool-tag-cloud' );
}
add_action( 'wp_enqueue_scripts', 'et_divi_enqueue_stylesheet');

• This reply was modified 2 years, 8 months ago by impulsivia.
• This reply was modified 2 years, 8 months ago by impulsivia.
• This reply was modified 2 years, 8 months ago by impulsivia. Reason: spelling mistake and layout issue added

I tried several options which lead to critical errors and the website being blank.

So assuming you mean to place it in here:

function et_divi_enqueue_stylesheet() {
$theme_version = et_get_theme_version();
$template_directory_uri = preg_quote( get_template_directory_uri(), ‘/’ );
$styles = wp_styles();
$divi_style_enqueued = ”;`

Do you mean just adding it at the end? As that gives a blank page on the website.

function et_divi_enqueue_stylesheet() {
$theme_version = et_get_theme_version();
$template_directory_uri = preg_quote( get_template_directory_uri(), ‘/’ );
$styles = wp_styles();
$divi_style_enqueued = ”;`
wp_dequeue_style( ‘cool-tag-cloud’ );

Hi wow you reply so fast thank you.

As I have little knowledge on the content of functions.php I just pasted wp_dequeue_style( ‘cool-tag-cloud’ ) at the top somewhere.

You mentioned in a different post earlier that it should be in a specific section, but did only briefly specified what that section should be. In my case. I use the Divi theme which has the following code:

<?php

if ( ! isset( $content_width ) ) $content_width = 1080;

function et_setup_theme() {
	global $themename, $shortname, $et_store_options_in_one_row, $default_colorscheme;
	$themename = 'Divi';
	$shortname = 'divi';
	$et_store_options_in_one_row = true;

	$default_colorscheme = "Default";

	$template_directory = get_template_directory();

	require_once $template_directory . '/core/init.php';

	et_core_setup( get_template_directory_uri() );

	if ( '3.0.61' === ET_CORE_VERSION ) {
		require_once $template_directory . '/core/functions.php';
		require_once $template_directory . '/core/components/init.php';
		et_core_patch_core_3061();
	}

	require_once $template_directory . '/epanel/custom_functions.php';

	require_once $template_directory . '/includes/functions/choices.php';

	require_once $template_directory . '/includes/functions/dynamic-assets.php';

	require_once $template_directory . '/includes/functions/sanitization.php';

	require_once $template_directory . '/includes/functions/sidebars.php';

	load_theme_textdomain( 'Divi', $template_directory . '/lang' );

	require_once $template_directory . '/epanel/core_functions.php';

	require_once $template_directory . '/post_thumbnails_divi.php';

	include_once $template_directory . '/includes/widgets.php';

	register_nav_menus( array(
		'primary-menu'   => esc_html__( 'Primary Menu', 'Divi' ),
		'secondary-menu' => esc_html__( 'Secondary Menu', 'Divi' ),
		'footer-menu'    => esc_html__( 'Footer Menu', 'Divi' ),
	) );

	// don't display the empty title bar if the widget title is not set
	remove_filter( 'widget_title', 'et_widget_force_title' );

	remove_filter( 'body_class', 'et_add_fullwidth_body_class' );

	// Declare theme supports
	add_theme_support( 'title-tag' );

	add_theme_support( 'post-formats', array(
		'video', 'audio', 'quote', 'gallery', 'link'
	) );

	add_theme_support( 'woocommerce' );
	add_theme_support( 'wc-product-gallery-zoom' );
	add_theme_support( 'wc-product-gallery-lightbox' );
	add_theme_support( 'wc-product-gallery-slider' );

	add_theme_support( 'customize-selective-refresh-widgets' );

	remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );

	remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
	add_action( 'woocommerce_before_main_content', 'et_divi_output_content_wrapper', 10 );
	add_action( 'eventon_before_main_content', 'et_divi_output_content_wrapper', 11 );

	remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );
	add_action( 'woocommerce_after_main_content', 'et_divi_output_content_wrapper_end', 10 );
	add_action( 'eventon_after_main_content', 'et_divi_output_content_wrapper_end', 9 );

	remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

	// add wrapper so we can clear things
	add_action( 'woocommerce_before_single_product_summary', 'et_divi_output_product_wrapper', 0  );
	add_action( 'woocommerce_after_single_product_summary', 'et_divi_output_product_wrapper_end', 0  );

	// deactivate page templates and custom import functions
	remove_action( 'init', 'et_activate_features' );

	remove_action('admin_menu', 'et_add_epanel');

	// Load editor styling
	add_editor_style( 'css/editor-style.css' );
	add_editor_style( 'css/editor-blocks.css' );

	et_divi_version_rollback()->enable();

	if ( wp_doing_cron() ) {
		et_register_updates_component();
	}

	// Remove WordPress emojis
	add_action( 'init', 'et_disable_emojis' );

	// Defer Gutenberg block stylesheet to the footer.
	add_action( 'wp_enqueue_scripts', 'et_dequeue_block_css', 100 );
	add_action( 'get_footer', 'et_enqueue_block_css', 100 );
}
add_action( 'after_setup_theme', 'et_setup_theme' );

add_action( 'et_do_legacy_shortcode', 'et_add_legacy_shortcode_css' );

add_action( 'et_do_legacy_shortcode', 'et_add_legacy_shortcode_js' );

/**
 * Load un-minified and un-combined scripts.
 *
 * @param string $load check if loading unminified scripts.
 * @return string
 * @deprecated ??
 */
function et_divi_load_unminified_scripts( $load ) {
	/** @see ET_Core_SupportCenter::toggle_safe_mode */
	if ( et_core_is_safe_mode_active() ) {
		return true;
	}

	if ( 'false' === et_get_option( 'divi_minify_combine_scripts' ) ) {
		return true;
	}

	return $load;
}

/**
 * Load un-minified and un-combined styles.
 *
 * @param string $load check if loading unminified styles.
 * @return string
 * @deprecated ??
 */
function et_divi_load_unminified_styles( $load ) {
	/** @see ET_Core_SupportCenter::toggle_safe_mode */
	if ( et_core_is_safe_mode_active() ) {
		return true;
	}

	if ( 'false' === et_get_option( 'divi_minify_combine_styles' ) ) {
		return true;
	}

	return $load;
}

function et_theme_epanel_reminder(){
	global $shortname, $themename;

	$documentation_url         = 'https://www.elegantthemes.com/gallery/divi/readme.html';
	$documentation_option_name = $shortname . '_2_4_documentation_message';

	if ( false === et_get_option( $shortname . '_logo' ) && false === et_get_option( $documentation_option_name ) ) {
		$message = sprintf(
			et_get_safe_localization( __( 'Welcome to Divi! Before diving in to your new theme, please visit the <a style="color: #fff; font-weight: bold;" href="%1$s" target="_blank">Divi Documentation</a> page for access to dozens of in-depth tutorials.', $themename ) ),
			esc_url( $documentation_url )
		);

		printf(
			'<div class="notice is-dismissible" style="background-color: #6C2EB9; color: #fff; border-left: none;">
				<p>%1$s</p>
			</div>',
			$message
		);

		et_update_option( $documentation_option_name, 'triggered' );
	}
}
add_action( 'admin_notices', 'et_theme_epanel_reminder' );

if ( ! function_exists( 'et_divi_fonts_url' ) ) :
	/**
	 * Print Google fonts style for Divi Theme base fonts.
	 */
	function et_divi_fonts_url() {
		if ( ! et_core_use_google_fonts() ) {
			return '';
		}

		$fonts_url = '';

		/**
		 * Translators: If there are characters in your language that are not
		 * supported by Open Sans, translate this to 'off'. Do not translate
		 * into your own language.
		 */
		$open_sans = _x( 'on', 'Open Sans font: on or off', 'Divi' );

		if ( 'off' !== $open_sans ) {
			$font_families = array();

			if ( 'off' !== $open_sans ) {
				$font_families[] = 'Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800';
			}

			$fonts              = et_builder_get_fonts();
			$full_character_set = ! empty( $fonts['Open Sans'] ) && ! empty( $fonts['Open Sans']['character_set'] ) ? $fonts['Open Sans']['character_set'] : 'cyrillic,cyrillic-ext,greek,greek-ext,latin,latin-ext,vietnamese';

			// By default, only latin and latin-ext subsets are loaded, all available subsets can be enabled in ePanel.
			$subset = 'false' === et_get_option( 'divi_gf_enable_all_character_sets', 'false' )
				? 'latin,latin-ext'
				: $full_character_set;

			$query_args = array(
				'family'  => implode( '%7C', $font_families ),
				'subset'  => $subset,
				'display' => 'swap',
			);

			$fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
		}

		return $fonts_url;
	}
endif;

function et_divi_load_fonts() {
	$google_fonts_url = et_divi_fonts_url();

	// Get user selected font defined on customizer
	$et_gf_body_font = sanitize_text_field( et_get_option( 'body_font', 'none' ) );

	$is_et_fb_enabled = function_exists( 'et_fb_enabled' ) && et_fb_enabled();

	// Determine whether current page needs Open Sans or not
	$no_open_sans = ! is_customize_preview() && 'none' !== $et_gf_body_font && '' !== $et_gf_body_font && ! $is_et_fb_enabled;

	if ( ! empty( $google_fonts_url ) && ! $no_open_sans ) {
		$feature_manager = ET_Builder_Google_Fonts_Feature::instance();
		$output_inline   = $feature_manager->is_option_enabled( 'google_fonts_inline' );

		if ( $output_inline ) {
			$contents = $feature_manager->get(
				'google-fonts',
				function() use ( $feature_manager, $google_fonts_url ) {
					return $feature_manager->fetch( $google_fonts_url );
				},
				sanitize_text_field( et_core_esc_previously( $google_fonts_url ) )
			);

			// if something went wrong fetching the contents
			if ( false === $contents ) {
				// phpcs:ignore WordPress.WP.EnqueuedResourceParameters --  Google fonts api does not have versions
				wp_enqueue_style( 'et-divi-open-sans', et_core_esc_previously( $google_fonts_url ), array(), null );
			} else {
				echo '<style id="et-divi-open-sans-inline-css">' . $contents . '</style>';
			}
		} else {
			// phpcs:ignore WordPress.WP.EnqueuedResourceParameters -- Google fonts api does not have versions.
			wp_enqueue_style( 'et-divi-open-sans', et_core_esc_previously( $google_fonts_url ), array(), null );
		}
	}
}
add_action( 'wp_enqueue_scripts', 'et_divi_load_fonts' );

function et_add_home_link( $args ) {
	// add Home link to the custom menu WP-Admin page
	$args['show_home'] = true;
	return $args;
}
add_filter( 'wp_page_menu_args', 'et_add_home_link' );

function et_divi_load_scripts_styles(){
	global $wp_styles, $et_user_fonts_queue;

	// $dynamic_js_suffix  = et_use_dynamic_js() ? '' : '-static'; // @temp-disabled-dynamic-assets-js
	$template_dir           = get_template_directory_uri();
	$theme_version          = et_get_theme_version();
	$post_id                = get_the_id();
	$is_page_builder_used   = et_pb_is_pagebuilder_used( $post_id );
	$page_comments_disabled = et_get_option( 'divi_show_pagescomments', 'off' );
	$post_with_comments     = is_single() && comments_open() && get_option( 'thread_comments' );
	$page_width_comments    = is_page() && ! $is_page_builder_used && comments_open() && get_option( 'thread_comments' ) && $page_comments_disabled === 'on';

	if ( $post_with_comments || $page_width_comments ) {
		wp_enqueue_script( 'comment-reply' );
	}

	if ( is_singular() && has_post_format( 'audio' ) ) {
		wp_enqueue_style( 'wp-mediaelement' );
		wp_enqueue_script( 'wp-mediaelement' );
	}

	$dependencies_array = array( 'jquery' );

	// load 'jquery-effects-core' if SlideIn/Fullscreen header used or if customizer opened
	if ( is_customize_preview() || 'slide' === et_get_option( 'header_style', 'left' ) || 'fullscreen' === et_get_option( 'header_style', 'left' ) ) {
		$dependencies_array[] = 'jquery-effects-core';
	}

	wp_enqueue_script( 'divi-custom-script', $template_dir . '/js/scripts.min.js', $dependencies_array, $theme_version, true );

	$divi_data = array(
		'item_count'  => esc_html__( '%d Item', 'divi' ),
		'items_count' => esc_html__( '%d Items', 'divi' ),
	);

	if ( et_core_is_fb_enabled() ) {
		$divi_data['row_selector'] = et_divi_get_row_advanced_options_selector_replacement();
	}

	wp_localize_script( 'divi-custom-script', 'DIVI', $divi_data );

	$et_gf_enqueue_fonts = array();
	$et_gf_heading_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'heading_font', 'none' ) ) );
	$et_gf_body_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'body_font', 'none' ) ) );
	$et_gf_button_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'all_buttons_font', 'none' ) ) );
	$et_gf_primary_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'primary_nav_font', 'none' ) ) );
	$et_gf_secondary_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'secondary_nav_font', 'none' ) ) );
	$et_gf_slide_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'slide_nav_font', 'none' ) ) );

	if ( 'none' != $et_gf_heading_font ) $et_gf_enqueue_fonts[] = $et_gf_heading_font;
	if ( 'none' != $et_gf_body_font ) $et_gf_enqueue_fonts[] = $et_gf_body_font;
	if ( 'none' != $et_gf_button_font ) $et_gf_enqueue_fonts[] = $et_gf_button_font;
	if ( 'none' != $et_gf_primary_nav_font ) $et_gf_enqueue_fonts[] = $et_gf_primary_nav_font;
	if ( 'none' != $et_gf_secondary_nav_font ) $et_gf_enqueue_fonts[] = $et_gf_secondary_nav_font;
	if ( 'none' != $et_gf_slide_nav_font ) $et_gf_enqueue_fonts[] = $et_gf_slide_nav_font;

	if ( ! empty( $et_gf_enqueue_fonts ) && function_exists( 'et_builder_enqueue_font' ) ) {
		$site_domain               = get_locale();
		$et_old_one_font_languages = et_get_old_one_font_languages();

		foreach ( $et_gf_enqueue_fonts as $single_font ) {
			if ( isset( $et_old_one_font_languages[$site_domain] ) ) {
				$font_custom_default_data = $et_old_one_font_languages[$site_domain];

				// enqueue custom default font if needed
				if ( $single_font === $font_custom_default_data['font_family'] ) {
					$et_gf_font_name_slug = strtolower( str_replace( ' ', '-', $font_custom_default_data['language_name'] ) );
					wp_enqueue_style( 'et-gf-' . $et_gf_font_name_slug, $font_custom_default_data['google_font_url'], array(), null );
					continue;
				}
			}

			et_builder_enqueue_font( $single_font );
		}

		if ( function_exists( 'et_builder_enqueue_user_fonts' ) && ! empty( $et_user_fonts_queue ) ) {
			printf( '<style id="et-divi-userfonts">%1$s</style>', et_core_esc_previously( et_builder_enqueue_user_fonts( $et_user_fonts_queue ) ) );
		}
	}
}
add_action( 'wp_enqueue_scripts', 'et_divi_load_scripts_styles' );

/**
 * Enqueue the main style.css file.
 * If a child theme is active and the child theme has not enqueued
 * the Divi stylsheet, enqueue it for them. Otherwise -rtl, -cpt and -static
 * stylesheet versions will never be enqueued properly. Some child themes
 * import the Divi style.css file in their child theme .css file, which won't work.
 */
function et_divi_enqueue_stylesheet() {
	$theme_version          = et_get_theme_version();
	$template_directory_uri = preg_quote( get_template_directory_uri(), '/' );
	$styles                 = wp_styles();
	$divi_style_enqueued    = '';

	foreach ( $styles->registered as $handle => $style ) {
		if ( preg_match( '/' . $template_directory_uri . '.*/', $style->src ) ) {
			$divi_style_enqueued = true;
			break;
		}
	}

	if ( ! is_child_theme() ) {
		// If no child theme is active, we enqueue the Divi style.css located in the template dir.
		wp_enqueue_style( 'divi-style', get_template_directory_uri() . '/style.css', array(), $theme_version );
	} elseif ( $divi_style_enqueued ) {
		// If a child theme is used and the child theme already enqueued the Divi style.css in their functions.php,
		// then we enqueue the child theme style.css file via the stylesheet dir.
		wp_enqueue_style( 'divi-style', get_stylesheet_directory_uri() . '/style.css', array(), $theme_version );
	} else {
		// If a child theme is used and they do not enqueue the Divi style.css file,
		// we need to enqueue it for them before their child theme style.css file.
		wp_enqueue_style( 'divi-style-parent', get_template_directory_uri() . '/style.css', array(), $theme_version );
		wp_enqueue_style( 'divi-style', get_stylesheet_directory_uri() . '/style.css', array(), $theme_version );
	}
}
add_action( 'wp_enqueue_scripts', 'et_divi_enqueue_stylesheet' );

/**
 * Replace the enqueued Divi style.css file with the applicable version.
 * If Dynamic CSS is disabled, we load the -static file. If RTL is enabled, we load the -rtl file.
 * If on a custom post type, we load the -cpt file. This is also necessary for child themes,
 * which typically enqueue the standard style.css without the logic below.
 */
function et_divi_replace_parent_stylesheet() {
	$theme_version          = et_get_theme_version();
	$post_id                = get_the_ID();
	$cpt_suffix             = et_builder_should_wrap_styles() ? '-cpt' : '';
	$dynamic_css_suffix     = et_use_dynamic_css() ? '' : '-static';
	$rtl_suffix             = is_rtl() ? '-rtl' : '';
	$template_directory_uri = preg_quote( get_template_directory_uri(), '/' );
	$style_handle           = is_child_theme() ? 'divi-style-parent' : 'divi-style';

	// We check for .dev in case child themes enqueued this legacy stylesheet.
	$theme_style          = '/^(' . $template_directory_uri . '\/style)(\.dev)?(\.min)?(\.css)$/';
	$theme_style_replaced = '$1' . $dynamic_css_suffix . $cpt_suffix  . $rtl_suffix  . '.min.css';

	et_core_replace_enqueued_style( $theme_style, $theme_style_replaced, $theme_version, $style_handle, '', true );

}
add_action( 'wp_enqueue_scripts', 'et_divi_replace_parent_stylesheet', 99999998 );

/**
 * If Load Dynamic Stylesheet In-line is enabled in the Divi Theme Options,
 * we print stylesheet contents in-line. We must grab the correct base stylesheet
 * depending on RTl and CPT.
 */
function et_divi_print_stylesheet() {
	$enable_inline_stylesheet = et_get_option( 'divi_inline_stylesheet', 'on' );

	if ( 'on' === $enable_inline_stylesheet && et_use_dynamic_css() ) {
		$post_id                      = get_the_ID();
		$cpt_suffix                   = et_builder_should_wrap_styles() ? '-cpt' : '';
		$rtl_suffix                   = is_rtl() ? '-rtl' : '';
		$stylesheet_src               = get_template_directory_uri() . '/style' . $cpt_suffix . $rtl_suffix . '.min.css';
		$stylesheet_path              = get_template_directory() . '/style' . $cpt_suffix . $rtl_suffix . '.min.css';
		$stylesheet_path              = str_replace( '..', '', $stylesheet_path );
		$stylesheet_contents          = file_get_contents( $stylesheet_path );
		$theme_version                = et_get_theme_version();
		$url_match                    = '/url\(/i';
		$url_replace                  = 'url(' . get_template_directory_uri() . '/';
		$stylesheet_contents_replaced = preg_replace( $url_match, $url_replace, $stylesheet_contents );
		$child_theme_suffix           = is_child_theme() ? '-parent' : '';
		$styles                       = wp_styles();

		foreach ( $styles->registered as $handle => $style ) {
			if ( $style->src === $stylesheet_src ) {
				$existing_inline_styles = $styles->get_data( $handle, 'after' );
				break;
			}
		}

		if ( false !== $stylesheet_contents ) {
			wp_register_style( 'divi-style' . $child_theme_suffix . '-inline', false, array(), $theme_version );
			wp_enqueue_style( 'divi-style' . $child_theme_suffix . '-inline' );
			wp_add_inline_style( 'divi-style' . $child_theme_suffix . '-inline', $stylesheet_contents_replaced );

			if ( ! empty( $existing_inline_styles ) ) {
				wp_add_inline_style( 'divi-style' . $child_theme_suffix . '-inline', implode( "\n", $existing_inline_styles ) );
			}

			add_action( 'wp_enqueue_scripts', 'et_divi_dequeue_stylesheet', 99999999 );
		}
	}
}
add_action( 'wp_enqueue_scripts', 'et_divi_print_stylesheet', 99999998 );

/**
 * If Load Dynamic Stylesheet In-line is enabled, we need to dequeue the Divi stylesheet,
 * since it's now being enqueued in-line.
 */
function et_divi_dequeue_stylesheet() {
	$post_id    = get_the_ID();
	$cpt_suffix = et_builder_should_wrap_styles() ? '-cpt' : '';
	$rtl_suffix = is_rtl() ? '-rtl' : '';
	$styles     = wp_styles();
	$stylesheet = get_template_directory_uri() . '/style' . $cpt_suffix . $rtl_suffix . '.min.css';

	if ( empty( $styles->registered ) ) {
		return;
	}

	foreach ( $styles->registered as $handle => $style ) {
		if ( $style->src === $stylesheet ) {
			wp_dequeue_style( $handle );
			break;
		}
	}
}

/**
 * All Child Theme .css files must be dequeued and re-queued so that we can control their order.
 * They must be queued below the parent stylesheet, which we have dequeued and re-queued in et_divi_replace_parent_stylesheet().
 */
add_action( 'wp_enqueue_scripts', 'et_requeue_child_theme_styles', 99999999 );

/**
 * Enqueue smoothscroll if it's enabled.
 */
function et_enqueue_smoothscroll() {
	$theme_version = et_get_theme_version();

	if ( 'on' === et_get_option( 'divi_smooth_scroll', 'off' ) ) {
		wp_enqueue_script( 'smoothscroll', get_template_directory_uri() . '/js/smoothscroll.js', array(), $theme_version, true );
	}
}
add_action( 'wp_enqueue_scripts', 'et_enqueue_smoothscroll' );

/**
 * Enqueue magnific popup when needed.
 *
 * @since ??
 */
function et_enqueue_magnific_popup() {
	$theme_version = et_get_theme_version();

	if ( 'on' === et_get_option( 'divi_gallery_layout_enable', 'off' ) && ( is_active_widget( false, false, 'media_gallery', true ) || et_is_active_block_widget( 'core/gallery' ) ) ) {
		wp_enqueue_script( 'magnific-popup', get_template_directory_uri() . '/includes/builder/feature/dynamic-assets/assets/js/magnific-popup.js', array( 'jquery' ), $theme_version, true );
	}
}
add_action( 'wp_enqueue_scripts', 'et_enqueue_magnific_popup' );

function et_add_mobile_navigation(){
	if ( is_customize_preview() || ( 'slide' !== et_get_option( 'header_style', 'left' ) && 'fullscreen' !== et_get_option( 'header_style', 'left' ) ) ) {
		printf(
			'<div id="et_mobile_nav_menu">
				<div class="mobile_nav closed">
					<span class="select_page">%1$s</span>
					<span class="mobile_menu_bar mobile_menu_bar_toggle"></span>
				</div>
			</div>',
			esc_html__( 'Select Page', 'Divi' )
		);
	}
}
add_action( 'et_header_top', 'et_add_mobile_navigation' );

function et_add_viewport_meta(){
	echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />';
}
add_action( 'wp_head', 'et_add_viewport_meta' );

function et_remove_additional_stylesheet( $stylesheet ){
	global $default_colorscheme;
	return $default_colorscheme;
}
add_filter( 'et_get_additional_color_scheme', 'et_remove_additional_stylesheet' );

if ( ! function_exists( 'et_list_pings' ) ) :
function et_list_pings($comment, $args, $depth) {
	$GLOBALS['comment'] = $comment; ?>
	<li id="comment-<?php comment_ID(); ?>"><?php comment_author_link(); ?> - <?php comment_excerpt(); ?>
<?php }
endif;

if ( ! function_exists( 'et_get_theme_version' ) ) :
function et_get_theme_version() {
	$theme_info = wp_get_theme();

	if ( is_child_theme() ) {
		$theme_info = wp_get_theme( $theme_info->parent_theme );
	}

	$theme_version = $theme_info->display( 'Version' );

	return $theme_version;
}
endif;

function et_add_post_meta_box( $post_type, $post ) {
	$allowed = et_pb_is_allowed( 'page_options' );
	$enabled = $post ? et_builder_enabled_for_post( $post->ID ) : et_builder_enabled_for_post_type( $post_type );
	$enabled = in_array( $post_type, et_builder_get_default_post_types() ) ? true : $enabled;
	$public  = et_builder_is_post_type_public( $post_type );

	if ( $allowed && $enabled && $public ) {
		add_meta_box( 'et_settings_meta_box', esc_html__( 'Divi Page Settings', 'Divi' ), 'et_single_settings_meta_box', $post_type, 'side', 'high' );
	}
}
add_action( 'add_meta_boxes', 'et_add_post_meta_box', 10, 2 );

if ( ! function_exists( 'et_pb_portfolio_meta_box' ) ) :
function et_pb_portfolio_meta_box() { ?>
	<div class="et_project_meta">
		<strong class="et_project_meta_title"><?php echo esc_html__( 'Skills', 'Divi' ); ?></strong>
		<p><?php echo get_the_term_list( get_the_ID(), 'project_tag', '', ', ' ); ?></p>

		<strong class="et_project_meta_title"><?php echo esc_html__( 'Posted on', 'Divi' ); ?></strong>
		<p><?php echo get_the_date(); ?></p>
	</div>
<?php }
endif;

if ( ! function_exists( 'et_single_settings_meta_box' ) ) :
function et_single_settings_meta_box( $post ) {
	$post_id = get_the_ID();

	wp_nonce_field( basename( __FILE__ ), 'et_settings_nonce' );

	$page_layout = get_post_meta( $post_id, '_et_pb_page_layout', true );

	if ( 'product' === $post->post_type && empty( $page_layout ) ) {
		$page_layout = et_get_option( 'et_pb_woocommerce_product_layout' );
	}

	$side_nav = get_post_meta( $post_id, '_et_pb_side_nav', true );

	$project_nav = get_post_meta( $post_id, '_et_pb_project_nav', true );

	$post_hide_nav = get_post_meta( $post_id, '_et_pb_post_hide_nav', true );
	$post_hide_nav = $post_hide_nav && 'off' === $post_hide_nav ? 'default' : $post_hide_nav;

	$show_title = get_post_meta( $post_id, '_et_pb_show_title', true );

	$is_builder_active = 'on' === get_post_meta( $post_id, '_et_pb_use_builder', true );

	if ( is_rtl() ) {
		$page_layouts = array(
			'et_left_sidebar'    => esc_html__( 'Left Sidebar', 'Divi' ),
			'et_right_sidebar'   => esc_html__( 'Right Sidebar', 'Divi' ),
			'et_no_sidebar'      => esc_html__( 'No Sidebar', 'Divi' ),
		);
	} else {
		$page_layouts = array(
			'et_right_sidebar'   => esc_html__( 'Right Sidebar', 'Divi' ),
			'et_left_sidebar'    => esc_html__( 'Left Sidebar', 'Divi' ),
			'et_no_sidebar'      => esc_html__( 'No Sidebar', 'Divi' ),
		);
	}

	// Fullwidth option available for default post types only. Not available for custom post types.
	if ( ! et_builder_is_post_type_custom( $post->post_type ) || 'product' === $post->post_type && $is_builder_active ) {
		$page_layouts['et_full_width_page'] = esc_html__( 'Fullwidth', 'Divi' );
	}

	if ( 'et_full_width_page' === $page_layout && ( ! isset( $page_layouts['et_full_width_page'] ) || ! $is_builder_active ) ) {
		$page_layout = 'et_no_sidebar';
	}

	$layouts = array(
		'light' => esc_html__( 'Light', 'Divi' ),
		'dark'  => esc_html__( 'Dark', 'Divi' ),
	);
	$post_bg_color  = ( $bg_color = get_post_meta( $post_id, '_et_post_bg_color', true ) ) && '' !== $bg_color
		? $bg_color
		: '#ffffff';
	$post_use_bg_color = get_post_meta( $post_id, '_et_post_use_bg_color', true )
		? true
		: false;
	$post_bg_layout = ( $layout = get_post_meta( $post_id, '_et_post_bg_layout', true ) ) && '' !== $layout
		? $layout
		: 'light';

	$tb_layouts = et_theme_builder_get_template_layouts( ET_Theme_Builder_Request::from_post( $post_id ) );
	$container  = array( 'et_pb_page_settings_container' );

	if ( ! empty( $tb_layouts ) ) {
		$container[] = 'et_pb_page_settings_container--theme-builder';

		if ( ! empty( $tb_layouts ) && $tb_layouts[ ET_THEME_BUILDER_HEADER_LAYOUT_POST_TYPE ]['override'] ) {
			$container[] = 'et_pb_page_settings_container--tb-has-header';
		}

		if ( ! empty( $tb_layouts ) && $tb_layouts[ ET_THEME_BUILDER_BODY_LAYOUT_POST_TYPE ]['override'] ) {
			$container[] = 'et_pb_page_settings_container--tb-has-body';
		}

		if ( ! empty( $tb_layouts ) && $tb_layouts[ ET_THEME_BUILDER_FOOTER_LAYOUT_POST_TYPE ]['override'] ) {
			$container[] = 'et_pb_page_settings_container--tb-has-footer';
		}
	}
	?>

	<div class="<?php echo esc_attr( implode( ' ', $container ) ); ?>">
		<p class="et_pb_page_settings et_pb_page_layout_settings">
			<label for="et_pb_page_layout" style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Page Layout', 'Divi' ); ?>: </label>

			<select id="et_pb_page_layout" name="et_pb_page_layout">
			<?php
			foreach ( $page_layouts as $layout_value => $layout_name ) {
				printf( '<option value="%2$s"%3$s%4$s>%1$s</option>',
					esc_html( $layout_name ),
					esc_attr( $layout_value ),
					selected( $layout_value, $page_layout, false ),
					'et_full_width_page' === $layout_value && ! $is_builder_active ? ' style="display: none;"' : ''
				);
			} ?>
			</select>
		</p>
		<p class="et_pb_page_settings et_pb_side_nav_settings" style="display: none;">
			<label for="et_pb_side_nav" style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Dot Navigation', 'Divi' ); ?>: </label>

			<select id="et_pb_side_nav" name="et_pb_side_nav">
				<option value="off" <?php selected( 'off', $side_nav ); ?>><?php esc_html_e( 'Off', 'Divi' ); ?></option>
				<option value="on" <?php selected( 'on', $side_nav ); ?>><?php esc_html_e( 'On', 'Divi' ); ?></option>
			</select>
		</p>
		<p class="et_pb_page_settings et_pb_nav_settings">
			<label for="et_pb_post_hide_nav" style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Hide Nav Before Scroll', 'Divi' ); ?>: </label>

			<select id="et_pb_post_hide_nav" name="et_pb_post_hide_nav">
				<option value="default" <?php selected( 'default', $post_hide_nav ); ?>><?php esc_html_e( 'Default', 'Divi' ); ?></option>
				<option value="no" <?php selected( 'no', $post_hide_nav ); ?>><?php esc_html_e( 'Off', 'Divi' ); ?></option>
				<option value="on" <?php selected( 'on', $post_hide_nav ); ?>><?php esc_html_e( 'On', 'Divi' ); ?></option>
			</select>
		</p>

	<?php if ( 'post' === $post->post_type ) : ?>
		<p class="et_pb_page_settings et_pb_single_title" style="display: none;">
			<label for="et_single_title" style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Post Title', 'Divi' ); ?>: </label>

			<select id="et_single_title" name="et_single_title">
				<option value="on" <?php selected( 'on', $show_title ); ?>><?php esc_html_e( 'Show', 'Divi' ); ?></option>
				<option value="off" <?php selected( 'off', $show_title ); ?>><?php esc_html_e( 'Hide', 'Divi' ); ?></option>
			</select>
		</p>

		<p class="et_divi_quote_settings et_divi_audio_settings et_divi_link_settings et_divi_format_setting et_pb_page_settings">
			<label for="et_post_use_bg_color" style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Use Background Color', 'Divi' ); ?></label>
			<input name="et_post_use_bg_color" type="checkbox" id="et_post_use_bg_color" <?php checked( $post_use_bg_color ); ?> />
		</p>

		<p class="et_post_bg_color_setting et_divi_format_setting et_pb_page_settings">
			<input id="et_post_bg_color" name="et_post_bg_color" class="color-picker-hex" type="text" maxlength="7" placeholder="<?php esc_attr_e( 'Hex Value', 'Divi' ); ?>" value="<?php echo esc_attr( $post_bg_color ); ?>" data-default-color="#ffffff" />
		</p>

		<p class="et_divi_quote_settings et_divi_audio_settings et_divi_link_settings et_divi_format_setting">
			<label for="et_post_bg_layout" style="font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Text Color', 'Divi' ); ?>: </label>
			<select id="et_post_bg_layout" name="et_post_bg_layout">
		<?php
			foreach ( $layouts as $layout_name => $layout_title )
				printf( '<option value="%s"%s>%s</option>',
					esc_attr( $layout_name ),
					selected( $layout_name, $post_bg_layout, false ),
					esc_html( $layout_title )
				);
		?>
			</select>
		</p>
	<?php endif;

	if ( 'project' === $post->post_type ) : ?>
		<p class="et_pb_page_settings et_pb_project_nav" style="display: none;">
			<label for="et_project_nav" style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Project Navigation', 'Divi' ); ?>: </label>

			<select id="et_project_nav" name="et_project_nav">
				<option value="off" <?php selected( 'off', $project_nav ); ?>><?php esc_html_e( 'Hide', 'Divi' ); ?></option>
				<option value="on" <?php selected( 'on', $project_nav ); ?>><?php esc_html_e( 'Show', 'Divi' ); ?></option>
			</select>
		</p>
	<?php endif; ?>

	<?php if ( 'product' === $post->post_type && $is_builder_active ) : ?>
		<?php
		$product_page_layouts = et_builder_wc_get_page_layouts( 'Divi' );
		$product_page_layout  = get_post_meta( $post_id, '_et_pb_product_page_layout', true );

		// Get the default set at Builder level when <code>$product_page_layout</code> isn't set at single Product page.
		if ( empty( $product_page_layout ) ) {
			$product_page_layout = et_get_option( 'et_pb_woocommerce_page_layout' );
		}
		?>
		<p class="et_pb_product_page_settings et_pb_product_page_layout_settings">
			<label for="et_pb_product_page_layout"
				   style="display: block; font-weight: bold; margin-bottom: 5px;"><?php esc_html_e( 'Product Content', 'Divi' ); ?>
				: </label>

			<select id="et_pb_product_page_layout" name="et_pb_product_page_layout">
				<?php
				foreach ( $product_page_layouts as $layout_value => $layout_name ) {
					printf( '<option value="%2$s"%3$s>%1$s</option>',
						esc_html( $layout_name ),
						esc_attr( $layout_value ),
						selected( $layout_value, $product_page_layout, false )
					);
				}
				?>
			</select>
		</p>
	<?php endif; ?>
	</div>
    <?php
}
endif;

function et_divi_post_settings_save_details( $post_id, $post ) {
	global $pagenow;

	if ( 'post.php' !== $pagenow || ! $post || ! is_object( $post ) ) {
		return;
	}

	if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
		return;
	}

	$post_type = get_post_type_object( $post->post_type );
	if ( ! current_user_can( $post_type->cap->edit_post, $post_id ) ) {
		return;
	}

	if ( ! isset( $_POST['et_settings_nonce'] ) || ! wp_verify_nonce( $_POST['et_settings_nonce'], basename( __FILE__ ) ) ) {
		return;
	}

	if ( isset( $_POST['et_post_use_bg_color'] ) )
		update_post_meta( $post_id, '_et_post_use_bg_color', true );
	else
		delete_post_meta( $post_id, '_et_post_use_bg_color' );

	if ( isset( $_POST['et_post_bg_color'] ) )
		update_post_meta( $post_id, '_et_post_bg_color', sanitize_text_field( $_POST['et_post_bg_color'] ) );
	else
		delete_post_meta( $post_id, '_et_post_bg_color' );

	if ( isset( $_POST['et_post_bg_layout'] ) )
		update_post_meta( $post_id, '_et_post_bg_layout', sanitize_text_field( $_POST['et_post_bg_layout'] ) );
	else
		delete_post_meta( $post_id, '_et_post_bg_layout' );

	if ( isset( $_POST['et_single_title'] ) )
		update_post_meta( $post_id, '_et_pb_show_title', sanitize_text_field( $_POST['et_single_title'] ) );
	else
		delete_post_meta( $post_id, '_et_pb_show_title' );

	if ( isset( $_POST['et_pb_post_hide_nav'] ) )
		update_post_meta( $post_id, '_et_pb_post_hide_nav', sanitize_text_field( $_POST['et_pb_post_hide_nav'] ) );
	else
		delete_post_meta( $post_id, '_et_pb_post_hide_nav' );

	if ( isset( $_POST['et_project_nav'] ) )
		update_post_meta( $post_id, '_et_pb_project_nav', sanitize_text_field( $_POST['et_project_nav'] ) );
	else
		delete_post_meta( $post_id, '_et_pb_project_nav' );

	if ( isset( $_POST['et_pb_page_layout'] ) ) {
		update_post_meta( $post_id, '_et_pb_page_layout', sanitize_text_field( $_POST['et_pb_page_layout'] ) );
	} else {
		delete_post_meta( $post_id, '_et_pb_page_layout' );
	}

	if ( isset( $_POST['et_pb_side_nav'] ) ) {
		update_post_meta( $post_id, '_et_pb_side_nav', sanitize_text_field( $_POST['et_pb_side_nav'] ) );
	} else {
		delete_post_meta( $post_id, '_et_pb_side_nav' );
	}

	if ( isset( $_POST['et_pb_product_page_layout'] ) ) {
		update_post_meta( $post_id, '_et_pb_product_page_layout', sanitize_text_field( $_POST['et_pb_product_page_layout'] ) );
	} else {
		delete_post_meta( $post_id, '_et_pb_product_page_layout' );
	}
}
add_action( 'save_post', 'et_divi_post_settings_save_details', 10, 2 );

if ( ! function_exists( 'et_get_one_font_languages' ) ) :
	/**
	 * Return the list of languages which support one font
	 *
	 * @deprecated 4.8
	 *
	 * @return array
	 */
	function et_get_one_font_languages() {
		_deprecated_function( __FUNCTION__, '4.8', null );

		$one_font_languages = array(
			'ja'    => array(
				'language_name'   => 'Japanese',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/notosansjapanese.css',
				'font_family'     => "'Noto Sans Japanese', serif",
			),
			'ko_KR' => array(
				'language_name'   => 'Korean',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/hanna.css',
				'font_family'     => "'Hanna', serif",
			),
			'ms_MY' => array(
				'language_name'   => 'Malay',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/notosansmalayalam.css',
				'font_family'     => "'Noto Sans Malayalam', serif",
			),
			'zh_CN' => array(
				'language_name'   => 'Chinese',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/cwtexfangsong.css',
				'font_family'     => "'cwTeXFangSong', serif",
			),
		);

		return $one_font_languages;
	}
endif;

if ( ! function_exists( 'et_get_old_one_font_languages' ) ) :
	/**
	 * Return the list of languages which supported one font previously.
	 *
	 * @return array
	 */
	function et_get_old_one_font_languages() {
		$old_one_font_languages = array(
			'he_IL' => array(
				'language_name'   => 'Hebrew',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/alefhebrew.css',
				'font_family'     => 'Alef Hebrew',
			),
			'ar'    => array(
				'language_name'   => 'Arabic',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/lateef.css',
				'font_family'     => 'Lateef',
			),
			'th'    => array(
				'language_name'   => 'Thai',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/notosansthai.css',
				'font_family'     => 'Noto Sans Thai',
			),
			'ja'    => array(
				'language_name'   => 'Japanese',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/notosansjapanese.css',
				'font_family'     => 'Noto Sans Japanese',
			),
			'ko_KR' => array(
				'language_name'   => 'Korean',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/hanna.css',
				'font_family'     => 'Hanna',
			),
			'ml_IN' => array(
				'language_name'   => 'Malayalam',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/notosansmalayalam.css',
				'font_family'     => 'Noto Sans Malayalam',
			),
			'zh_CN' => array(
				'language_name'   => 'Chinese',
				'google_font_url' => '//fonts.googleapis.com/earlyaccess/cwtexfangsong.css',
				'font_family'     => 'cwTeXFangSong',
			),
		);

		return $old_one_font_languages;
	}
endif;

/**
 * Return custom default font-family for the languages which supported one font previously
 * @param string
 * @return string
 */
if ( ! function_exists( 'et_pb_get_specific_default_font' ) ) :
function et_pb_get_specific_default_font( $font_family ) {
	// do nothing if font is not default
	if ( ! in_array( $font_family, array( 'none', '' ) ) ) {
		return $font_family;
	}

	$site_domain = get_locale();

	// array of the languages which were "one font languages" earlier and have specific defaults
	$specific_defaults = et_get_old_one_font_languages();

	if ( isset( $specific_defaults[ $site_domain ] ) ) {
		return $specific_defaults[ $site_domain ]['font_family'];
	}

	return $font_family;
}
endif;

function et_divi_customize_register( $wp_customize ) {
	global $wp_version;

	// Get WP major version
	$wp_major_version = substr( $wp_version, 0, 3 );

	$wp_customize->remove_section( 'title_tagline' );
	$wp_customize->remove_section( 'background_image' );
	$wp_customize->remove_section( 'colors' );
	$wp_customize->register_control_type( 'ET_Divi_Customize_Color_Alpha_Control' );

	if ( version_compare( $wp_major_version, '4.9', '>=' ) ) {
		wp_register_script( 'wp-color-picker-alpha', get_template_directory_uri() . '/includes/builder/scripts/ext/wp-color-picker-alpha.min.js', array( 'jquery', 'wp-color-picker' ) );
		wp_localize_script( 'wp-color-picker-alpha', 'et_pb_color_picker_strings', apply_filters( 'et_pb_color_picker_strings_builder', array(
			'legacy_pick'    => esc_html__( 'Select', 'et_builder' ),
			'legacy_current' => esc_html__( 'Current Color', 'et_builder' ),
		) ) );
	} else {
		wp_register_script( 'wp-color-picker-alpha', get_template_directory_uri() . '/includes/builder/scripts/ext/wp-color-picker-alpha-48.min.js', array( 'jquery', 'wp-color-picker' ) );
	}

	$option_set_name           = 'et_customizer_option_set';
	$option_set_allowed_values = apply_filters( 'et_customizer_option_set_allowed_values', array( 'module', 'theme' ) );

	$customizer_option_set = '';

	/**
	 * Set a transient,
	 * if 'et_customizer_option_set' query parameter is set to one of the allowed values
	 */
	if ( isset( $_GET[ $option_set_name ] ) && in_array( $_GET[ $option_set_name ], $option_set_allowed_values ) ) {
		$customizer_option_set = $_GET[ $option_set_name ];

		set_transient( 'et_divi_customizer_option_set', $customizer_option_set, DAY_IN_SECONDS );
	}

	if ( '' === $customizer_option_set && ( $et_customizer_option_set_value = get_transient( 'et_divi_customizer_option_set' ) ) ) {
		$customizer_option_set = $et_customizer_option_set_value;
	}

	et_builder_init_global_settings();

	// Determine if current request is Design Preview Link. Design Preview Link was added on
	// WordPress 4.9 and enables user to share customizer change without the need to publish the
	// customizer change first: save customizer change as draft, copy the link, and share it with
	// collaborator. Design Preview Link works on non-logged in user
	// @see https://codex.www.ads-software.com/Version_4.9
	$is_customizer_public_shared_link = ! is_admin() && is_customize_preview() && ! $wp_customize->get_messenger_channel();

	// display wp error screen if theme customizer disabled for current user
    if ( ! et_pb_is_allowed( 'theme_customizer' ) && ! $is_customizer_public_shared_link ) {
        wp_die( esc_html__( "you don't have sufficient permissions to access this page", 'Divi' ) );
    }

    et_divi_customizer_theme_settings( $wp_customize );
}
add_action( 'customize_register', 'et_divi_customize_register' );

if ( ! function_exists( 'et_divi_customizer_theme_settings' ) ) :
	/**
	 * Add our customizer settings.
	 *
	 * @param \WP_Customize_Manager $wp_customize WP_Customize_Manager object.
	 */
	function et_divi_customizer_theme_settings( $wp_customize ) {
		$site_domain = get_locale();

		$google_fonts = et_builder_get_fonts(
			array(
				'prepend_standard_fonts' => false,
			)
		);

		$user_fonts = et_builder_get_custom_fonts();

		// combine google fonts with custom user fonts.
		$google_fonts = array_merge( $user_fonts, $google_fonts );

		$et_domain_fonts = array(
			'ru_RU' => 'cyrillic',
			'uk'    => 'cyrillic',
			'bg_BG' => 'cyrillic',
			'vi'    => 'vietnamese',
			'el'    => 'greek',
			'ar'    => 'arabic',
			'he_IL' => 'hebrew',
			'th'    => 'thai',
			'si_lk' => 'sinhala',
			'bn_bd' => 'bengali',
			'ta_lk' => 'tamil',
			'te'    => 'telegu',
			'km'    => 'khmer',
			'kn'    => 'kannada',
			'ml_in' => 'malayalam',
			'ja'    => 'japanese',
			'ko_KR' => 'korean',
			'ml_IN' => 'malayalam',
			'zh_CN' => 'chinese-simplified',
		);

		$font_choices         = array();
		$font_choices['none'] = array(
			'label' => 'Default Theme Font',
		);

		$removed_fonts_mapping = et_builder_old_fonts_mapping();

		foreach ( $google_fonts as $google_font_name => $google_font_properties ) {
			$use_parent_font = false;

			if ( isset( $removed_fonts_mapping[ $google_font_name ] ) ) {
				$parent_font                             = $removed_fonts_mapping[ $google_font_name ]['parent_font'];
				$google_font_properties['character_set'] = $google_fonts[ $parent_font ]['character_set'];
				$use_parent_font                         = true;
			}

			if ( '' !== $site_domain && isset( $et_domain_fonts[ $site_domain ] ) && isset( $google_font_properties['character_set'] ) && false === strpos( $google_font_properties['character_set'], $et_domain_fonts[ $site_domain ] ) ) {
				continue;
			}

			$font_choices[ $google_font_name ] = array(
				'label' => $google_font_name,
				'data'  => array(
					'parent_font'    => $use_parent_font ? $google_font_properties['parent_font'] : '',
					'parent_styles'  => $use_parent_font ? $google_fonts[ $parent_font ]['styles'] : $google_font_properties['styles'],
					'current_styles' => $use_parent_font && isset( $google_fonts[ $parent_font ]['styles'] ) && isset( $google_font_properties['styles'] ) ? $google_font_properties['styles'] : '',
					'parent_subset'  => $use_parent_font && isset( $google_fonts[ $parent_font ]['character_set'] ) ? $google_fonts[ $parent_font ]['character_set'] : '',
					'standard'       => isset( $google_font_properties['standard'] ) && $google_font_properties['standard'] ? 'on' : 'off',
				),
			);
		}

		$wp_customize->add_panel(
			'et_divi_general_settings',
			array(
				'title'    => esc_html__( 'General Settings', 'Divi' ),
				'priority' => 1,
			)
		);

		$wp_customize->add_section(
			'title_tagline',
			array(
				'title' => esc_html__( 'Site Identity', 'Divi' ),
				'panel' => 'et_divi_general_settings',
			)
		);

		$wp_customize->add_section(
			'et_divi_general_layout',
			array(
				'title' => esc_html__( 'Layout Settings', 'Divi' ),
				'panel' => 'et_divi_general_settings',
			)
		);

		$wp_customize->add_section(
			'et_divi_general_typography',
			array(
				'title' => esc_html__( 'Typography', 'Divi' ),
				'panel' => 'et_divi_general_settings',
			)
		);

		$wp_customize->add_panel(
			'et_divi_mobile',
			array(
				'title'    => esc_html__( 'Mobile Styles', 'Divi' ),
				'priority' => 6,
			)
		);

		$wp_customize->add_section(
			'et_divi_mobile_tablet',
			array(
				'title' => esc_html__( 'Tablet', 'Divi' ),
				'panel' => 'et_divi_mobile',
			)
		);

		$wp_customize->add_section(
			'et_divi_mobile_phone',
			array(
				'title' => esc_html__( 'Phone', 'Divi' ),
				'panel' => 'et_divi_mobile',
			)
		);

		$wp_customize->add_section(
			'et_divi_mobile_menu',
			array(
				'title' => esc_html__( 'Mobile Menu', 'Divi' ),
				'panel' => 'et_divi_mobile',
			)
		);

		$wp_customize->add_section(
			'et_divi_general_background',
			array(
				'title' => esc_html__( 'Background', 'Divi' ),
				'panel' => 'et_divi_general_settings',
			)
		);

		$wp_customize->add_panel(
			'et_divi_header_panel',
			array(
				'title'    => esc_html__( 'Header & Navigation', 'Divi' ),
				'priority' => 2,
			)
		);

		$wp_customize->add_section(
			'et_divi_header_layout',
			array(
				'title' => esc_html__( 'Header Format', 'Divi' ),
				'panel' => 'et_divi_header_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_header_primary',
			array(
				'title' => esc_html__( 'Primary Menu Bar', 'Divi' ),
				'panel' => 'et_divi_header_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_header_secondary',
			array(
				'title' => esc_html__( 'Secondary Menu Bar', 'Divi' ),
				'panel' => 'et_divi_header_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_header_slide',
			array(
				'title' => esc_html__( 'Slide In & Fullscreen Header Settings', 'Divi' ),
				'panel' => 'et_divi_header_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_header_fixed',
			array(
				'title' => esc_html__( 'Fixed Navigation Settings', 'Divi' ),
				'panel' => 'et_divi_header_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_header_information',
			array(
				'title' => esc_html__( 'Header Elements', 'Divi' ),
				'panel' => 'et_divi_header_panel',
			)
		);

		$wp_customize->add_panel(
			'et_divi_footer_panel',
			array(
				'title'    => esc_html__( 'Footer', 'Divi' ),
				'priority' => 3,
			)
		);

		$wp_customize->add_section(
			'et_divi_footer_layout',
			array(
				'title' => esc_html__( 'Layout', 'Divi' ),
				'panel' => 'et_divi_footer_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_footer_widgets',
			array(
				'title' => esc_html__( 'Widgets', 'Divi' ),
				'panel' => 'et_divi_footer_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_footer_elements',
			array(
				'title' => esc_html__( 'Footer Elements', 'Divi' ),
				'panel' => 'et_divi_footer_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_footer_menu',
			array(
				'title' => esc_html__( 'Footer Menu', 'Divi' ),
				'panel' => 'et_divi_footer_panel',
			)
		);

		$wp_customize->add_section(
			'et_divi_bottom_bar',
			array(
				'title' => esc_html__( 'Bottom Bar', 'Divi' ),
				'panel' => 'et_divi_footer_panel',
			)
		);

		$wp_customize->add_section(
			'et_color_schemes',
			array(
				'title'       => esc_html__( 'Color Schemes', 'Divi' ),
				'priority'    => 7,
				'description' => esc_html__( 'Note: Color settings set above should be applied to the Default color scheme.', 'Divi' ),
			)
		);

		$wp_customize->add_panel(
			'et_divi_buttons_settings',
			array(
				'title'    => esc_html__( 'Buttons', 'Divi' ),
				'priority' => 4,
			)
		);

		$wp_customize->add_section(
			'et_divi_buttons',
			array(
				'title' => esc_html__( 'Buttons Style', 'Divi' ),
				'panel' => 'et_divi_buttons_settings',
			)
		);

		$wp_customize->add_section(
			'et_divi_buttons_hover',
			array(
				'title' => esc_html__( 'Buttons Hover Style', 'Divi' ),
				'panel' => 'et_divi_buttons_settings',
			)
		);

		$wp_customize->add_panel(
			'et_divi_blog_settings',
			array(
				'title'    => esc_html__( 'Blog', 'Divi' ),
				'priority' => 5,
			)
		);

		$wp_customize->add_section(
			'et_divi_blog_post',
			array(
				'title' => esc_html__( 'Post', 'Divi' ),
				'panel' => 'et_divi_blog_settings',
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_meta_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';

		$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[post_meta_font_size]',
				array(
					'label'       => esc_html__( 'Meta Text Size', 'Divi' ),
					'section'     => 'et_divi_blog_post',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_meta_height]',
			array(
				'default'           => '1',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_float_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[post_meta_height]',
				array(
					'label'       => esc_html__( 'Meta Line Height', 'Divi' ),
					'section'     => 'et_divi_blog_post',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => .8,
						'max'  => 3,
						'step' => .1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_meta_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[post_meta_spacing]',
				array(
					'label'       => esc_html__( 'Meta Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_blog_post',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -2,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_meta_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[post_meta_style]',
				array(
					'label'   => esc_html__( 'Meta Font Style', 'Divi' ),
					'section' => 'et_divi_blog_post',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_header_font_size]',
			array(
				'default'           => '30',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[post_header_font_size]',
				array(
					'label'       => esc_html__( 'Header Text Size', 'Divi' ),
					'section'     => 'et_divi_blog_post',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 72,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_header_height]',
			array(
				'default'           => '1',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_float_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[post_header_height]',
				array(
					'label'       => esc_html__( 'Header Line Height', 'Divi' ),
					'section'     => 'et_divi_blog_post',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0.8,
						'max'  => 3,
						'step' => 0.1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_header_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[post_header_spacing]',
				array(
					'label'       => esc_html__( 'Header Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_blog_post',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -2,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[post_header_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[post_header_style]',
				array(
					'label'   => esc_html__( 'Header Font Style', 'Divi' ),
					'section' => 'et_divi_blog_post',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[boxed_layout]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[boxed_layout]',
			array(
				'label'   => esc_html__( 'Enable Boxed Layout', 'Divi' ),
				'section' => 'et_divi_general_layout',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[content_width]',
			array(
				'default'           => '1080',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[content_width]',
				array(
					'label'       => esc_html__( 'Website Content Width', 'Divi' ),
					'section'     => 'et_divi_general_layout',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 960,
						'max'  => 1920,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[gutter_width]',
			array(
				'default'           => '3',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[gutter_width]',
				array(
					'label'       => esc_html__( 'Website Gutter Width', 'Divi' ),
					'section'     => 'et_divi_general_layout',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 1,
						'max'  => 4,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[use_sidebar_width]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[use_sidebar_width]',
			array(
				'label'   => esc_html__( 'Use Custom Sidebar Width', 'Divi' ),
				'section' => 'et_divi_general_layout',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[sidebar_width]',
			array(
				'default'           => '21',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[sidebar_width]',
				array(
					'label'       => esc_html__( 'Sidebar Width', 'Divi' ),
					'section'     => 'et_divi_general_layout',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 19,
						'max'  => 33,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[section_padding]',
			array(
				'default'           => '4',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[section_padding]',
				array(
					'label'       => esc_html__( 'Section Height', 'Divi' ),
					'section'     => 'et_divi_general_layout',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[phone_section_height]',
			array(
				'default'           => et_get_option( 'tablet_section_height', '50' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[phone_section_height]',
				array(
					'label'       => esc_html__( 'Section Height', 'Divi' ),
					'section'     => 'et_divi_mobile_phone',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 150,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[tablet_section_height]',
			array(
				'default'           => '50',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[tablet_section_height]',
				array(
					'label'       => esc_html__( 'Section Height', 'Divi' ),
					'section'     => 'et_divi_mobile_tablet',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 150,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[row_padding]',
			array(
				'default'           => '2',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[row_padding]',
				array(
					'label'       => esc_html__( 'Row Height', 'Divi' ),
					'section'     => 'et_divi_general_layout',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[phone_row_height]',
			array(
				'default'           => et_get_option( 'tablet_row_height', '30' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[phone_row_height]',
				array(
					'label'       => esc_html__( 'Row Height', 'Divi' ),
					'section'     => 'et_divi_mobile_phone',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 150,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[tablet_row_height]',
			array(
				'default'           => '30',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[tablet_row_height]',
				array(
					'label'       => esc_html__( 'Row Height', 'Divi' ),
					'section'     => 'et_divi_mobile_tablet',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 150,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[cover_background]',
			array(
				'default'           => 'on',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[cover_background]',
			array(
				'label'   => esc_html__( 'Stretch Background Image', 'Divi' ),
				'section' => 'et_divi_general_background',
				'type'    => 'checkbox',
			)
		);

		if ( ! is_null( $wp_customize->get_setting( 'background_color' ) ) ) {
			$wp_customize->add_control(
				new WP_Customize_Color_Control(
					$wp_customize,
					'background_color',
					array(
						'label'   => esc_html__( 'Background Color', 'Divi' ),
						'section' => 'et_divi_general_background',
					)
				)
			);
		}

		if ( ! is_null( $wp_customize->get_setting( 'background_image' ) ) ) {
			$wp_customize->add_control(
				new WP_Customize_Image_Control(
					$wp_customize,
					'background_image',
					array(
						'label'   => esc_html__( 'Background Image', 'Divi' ),
						'section' => 'et_divi_general_background',
					)
				)
			);
		}

		// Remove default background_repeat setting and control since native
		// background_repeat field has different different settings.
		$wp_customize->remove_setting( 'background_repeat' );
		$wp_customize->remove_control( 'background_repeat' );

		// Re-defined Divi specific background repeat option.
		$wp_customize->add_setting(
			'background_repeat',
			array(
				'default'           => apply_filters( 'et_divi_background_repeat_default', 'repeat' ),
				'sanitize_callback' => 'et_sanitize_background_repeat',
				'theme_supports'    => 'custom-background',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
			)
		);

		$wp_customize->add_control(
			'background_repeat',
			array(
				'label'   => esc_html__( 'Background Repeat', 'Divi' ),
				'section' => 'et_divi_general_background',
				'type'    => 'radio',
				'choices' => et_divi_background_repeat_choices(),
			)
		);

		$wp_customize->add_control(
			'background_position_x',
			array(
				'label'   => esc_html__( 'Background Position', 'Divi' ),
				'section' => 'et_divi_general_background',
				'type'    => 'radio',
				'choices' => array(
					'left'   => esc_html__( 'Left', 'Divi' ),
					'center' => esc_html__( 'Center', 'Divi' ),
					'right'  => esc_html__( 'Right', 'Divi' ),
				),
			)
		);

		// Remove default background_attachment setting and control since native
		// background_attachment field has different different settings.
		$wp_customize->remove_setting( 'background_attachment' );
		$wp_customize->remove_control( 'background_attachment' );

		$wp_customize->add_setting(
			'background_attachment',
			array(
				'default'           => apply_filters( 'et_sanitize_background_attachment_default', 'scroll' ),
				'sanitize_callback' => 'et_sanitize_background_attachment',
				'theme_supports'    => 'custom-background',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
			)
		);

		$wp_customize->add_control(
			'background_attachment',
			array(
				'label'   => esc_html__( 'Background Position', 'Divi' ),
				'section' => 'et_divi_general_background',
				'type'    => 'radio',
				'choices' => et_divi_background_attachment_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[body_font_size]',
				array(
					'label'       => esc_html__( 'Body Text Size', 'Divi' ),
					'section'     => 'et_divi_general_typography',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_font_height]',
			array(
				'default'           => '1.7',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_float_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[body_font_height]',
				array(
					'label'       => esc_html__( 'Body Line Height', 'Divi' ),
					'section'     => 'et_divi_general_typography',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0.8,
						'max'  => 3,
						'step' => 0.1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[phone_body_font_size]',
			array(
				'default'           => et_get_option( 'tablet_body_font_size', '14' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[phone_body_font_size]',
				array(
					'label'       => esc_html__( 'Body Text Size', 'Divi' ),
					'section'     => 'et_divi_mobile_phone',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[tablet_body_font_size]',
			array(
				'default'           => et_get_option( 'body_font_size', '14' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[tablet_body_font_size]',
				array(
					'label'       => esc_html__( 'Body Text Size', 'Divi' ),
					'section'     => 'et_divi_mobile_tablet',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_header_size]',
			array(
				'default'           => '30',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[body_header_size]',
				array(
					'label'       => esc_html__( 'Header Text Size', 'Divi' ),
					'section'     => 'et_divi_general_typography',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 22,
						'max'  => 72,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_header_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[body_header_spacing]',
				array(
					'label'       => esc_html__( 'Header Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_general_typography',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -2,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_header_height]',
			array(
				'default'           => '1',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_float_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[body_header_height]',
				array(
					'label'       => esc_html__( 'Header Line Height', 'Divi' ),
					'section'     => 'et_divi_general_typography',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0.8,
						'max'  => 3,
						'step' => 0.1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_header_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[body_header_style]',
				array(
					'label'   => esc_html__( 'Header Font Style', 'Divi' ),
					'section' => 'et_divi_general_typography',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[phone_header_font_size]',
			array(
				'default'           => et_get_option( 'tablet_header_font_size', '30' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[phone_header_font_size]',
				array(
					'label'       => esc_html__( 'Header Text Size', 'Divi' ),
					'section'     => 'et_divi_mobile_phone',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 22,
						'max'  => 72,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[tablet_header_font_size]',
			array(
				'default'           => et_get_option( 'body_header_size', '30' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[tablet_header_font_size]',
				array(
					'label'       => esc_html__( 'Header Text Size', 'Divi' ),
					'section'     => 'et_divi_mobile_tablet',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 22,
						'max'  => 72,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[heading_font]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_choices',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Select_Option(
				$wp_customize,
				'et_divi[heading_font]',
				array(
					'label'    => esc_html__( 'Header Font', 'Divi' ),
					'section'  => 'et_divi_general_typography',
					'settings' => 'et_divi[heading_font]',
					'type'     => 'select',
					'choices'  => $font_choices,
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[body_font]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_choices',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Select_Option(
				$wp_customize,
				'et_divi[body_font]',
				array(
					'label'    => esc_html__( 'Body Font', 'Divi' ),
					'section'  => 'et_divi_general_typography',
					'settings' => 'et_divi[body_font]',
					'type'     => 'select',
					'choices'  => $font_choices,
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[link_color]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[link_color]',
				array(
					'label'    => esc_html__( 'Body Link Color', 'Divi' ),
					'section'  => 'et_divi_general_typography',
					'settings' => 'et_divi[link_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[font_color]',
			array(
				'default'           => '#666666',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[font_color]',
				array(
					'label'    => esc_html__( 'Body Text Color', 'Divi' ),
					'section'  => 'et_divi_general_typography',
					'settings' => 'et_divi[font_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[header_color]',
			array(
				'default'           => '#666666',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[header_color]',
				array(
					'label'    => esc_html__( 'Header Text Color', 'Divi' ),
					'section'  => 'et_divi_general_typography',
					'settings' => 'et_divi[header_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[accent_color]',
			array(
				'default'           => '#2ea3f2',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[accent_color]',
				array(
					'label'    => esc_html__( 'Theme Accent Color', 'Divi' ),
					'section'  => 'et_divi_general_layout',
					'settings' => 'et_divi[accent_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[color_schemes]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_color_scheme',
			)
		);

		$wp_customize->add_control(
			'et_divi[color_schemes]',
			array(
				'label'    => esc_html__( 'Color Schemes', 'Divi' ),
				'section'  => 'et_color_schemes',
				'settings' => 'et_divi[color_schemes]',
				'type'     => 'select',
				'choices'  => et_divi_color_scheme_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[header_style]',
			array(
				'default'           => 'left',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_header_style',
			)
		);

		$wp_customize->add_control(
			'et_divi[header_style]',
			array(
				'label'   => esc_html__( 'Header Style', 'Divi' ),
				'section' => 'et_divi_header_layout',
				'type'    => 'select',
				'choices' => et_divi_header_style_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[vertical_nav]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[vertical_nav]',
			array(
				'label'   => esc_html__( 'Enable Vertical Navigation', 'Divi' ),
				'section' => 'et_divi_header_layout',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[vertical_nav_orientation]',
			array(
				'default'           => 'left',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_left_right',
			)
		);

		$wp_customize->add_control(
			'et_divi[vertical_nav_orientation]',
			array(
				'label'   => esc_html__( 'Vertical Menu Orientation', 'Divi' ),
				'section' => 'et_divi_header_layout',
				'type'    => 'select',
				'choices' => et_divi_left_right_choices(),
			)
		);

		if ( 'on' === et_get_option( 'divi_fixed_nav', 'on' ) ) {

			$wp_customize->add_setting(
				'et_divi[hide_nav]',
				array(
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'wp_validate_boolean',
				)
			);

			$wp_customize->add_control(
				'et_divi[hide_nav]',
				array(
					'label'   => esc_html__( 'Hide Navigation Until Scroll', 'Divi' ),
					'section' => 'et_divi_header_layout',
					'type'    => 'checkbox',
				)
			);

		}

		$wp_customize->add_setting(
			'et_divi[show_header_social_icons]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[show_header_social_icons]',
			array(
				'label'   => esc_html__( 'Show Social Icons', 'Divi' ),
				'section' => 'et_divi_header_information',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[show_search_icon]',
			array(
				'default'           => 'on',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[show_search_icon]',
			array(
				'label'   => esc_html__( 'Show Search Icon', 'Divi' ),
				'section' => 'et_divi_header_information',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_show_top_bar]',
			array(
				'default'           => 'on',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[slide_nav_show_top_bar]',
			array(
				'label'   => esc_html__( 'Show Top Bar', 'Divi' ),
				'section' => 'et_divi_header_slide',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_width]',
			array(
				'default'           => '320',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[slide_nav_width]',
				array(
					'label'       => esc_html__( 'Menu Width', 'Divi' ),
					'section'     => 'et_divi_header_slide',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 280,
						'max'  => 600,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[slide_nav_font_size]',
				array(
					'label'       => esc_html__( 'Menu Text Size', 'Divi' ),
					'section'     => 'et_divi_header_slide',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 24,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_top_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[slide_nav_top_font_size]',
				array(
					'label'       => esc_html__( 'Top Bar Text Size', 'Divi' ),
					'section'     => 'et_divi_header_slide',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 24,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[fullscreen_nav_font_size]',
			array(
				'default'           => '30',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[fullscreen_nav_font_size]',
				array(
					'label'       => esc_html__( 'Menu Text Size', 'Divi' ),
					'section'     => 'et_divi_header_slide',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 50,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[fullscreen_nav_top_font_size]',
			array(
				'default'           => '18',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[fullscreen_nav_top_font_size]',
				array(
					'label'       => esc_html__( 'Top Bar Text Size', 'Divi' ),
					'section'     => 'et_divi_header_slide',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 40,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_font_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[slide_nav_font_spacing]',
				array(
					'label'       => esc_html__( 'Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_header_slide',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -1,
						'max'  => 8,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_font]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_choices',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Select_Option(
				$wp_customize,
				'et_divi[slide_nav_font]',
				array(
					'label'    => esc_html__( 'Font', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_font]',
					'type'     => 'select',
					'choices'  => $font_choices,
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_font_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[slide_nav_font_style]',
				array(
					'label'   => esc_html__( 'Font Style', 'Divi' ),
					'section' => 'et_divi_header_slide',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_bg]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[slide_nav_bg]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_links_color]',
			array(
				'default'           => '#ffffff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[slide_nav_links_color]',
				array(
					'label'    => esc_html__( 'Menu Link Color', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_links_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_links_color_active]',
			array(
				'default'           => '#ffffff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[slide_nav_links_color_active]',
				array(
					'label'    => esc_html__( 'Active Link Color', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_links_color_active]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_top_color]',
			array(
				'default'           => 'rgba(255,255,255,0.6)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[slide_nav_top_color]',
				array(
					'label'    => esc_html__( 'Top Bar Text Color', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_top_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_search]',
			array(
				'default'           => 'rgba(255,255,255,0.6)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[slide_nav_search]',
				array(
					'label'    => esc_html__( 'Search Bar Text Color', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_search]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[slide_nav_search_bg]',
			array(
				'default'           => 'rgba(0,0,0,0.2)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[slide_nav_search_bg]',
				array(
					'label'    => esc_html__( 'Search Bar Background Color', 'Divi' ),
					'section'  => 'et_divi_header_slide',
					'settings' => 'et_divi[slide_nav_search_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[nav_fullwidth]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[nav_fullwidth]',
			array(
				'label'   => esc_html__( 'Make Full Width', 'Divi' ),
				'section' => 'et_divi_header_primary',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[hide_primary_logo]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[hide_primary_logo]',
			array(
				'label'   => esc_html__( 'Hide Logo Image', 'Divi' ),
				'section' => 'et_divi_header_primary',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[menu_height]',
			array(
				'default'           => '66',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[menu_height]',
				array(
					'label'       => esc_html__( 'Menu Height', 'Divi' ),
					'section'     => 'et_divi_header_primary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 30,
						'max'  => 300,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[logo_height]',
			array(
				'default'           => '54',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[logo_height]',
				array(
					'label'       => esc_html__( 'Logo Max Height', 'Divi' ),
					'section'     => 'et_divi_header_primary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 30,
						'max'  => 100,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[menu_margin_top]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[menu_margin_top]',
				array(
					'label'       => esc_html__( 'Menu Top Margin', 'Divi' ),
					'section'     => 'et_divi_header_primary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 300,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[primary_nav_font_size]',
				array(
					'label'       => esc_html__( 'Text Size', 'Divi' ),
					'section'     => 'et_divi_header_primary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 24,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_font_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[primary_nav_font_spacing]',
				array(
					'label'       => esc_html__( 'Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_header_primary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -1,
						'max'  => 8,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_font]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_choices',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Select_Option(
				$wp_customize,
				'et_divi[primary_nav_font]',
				array(
					'label'    => esc_html__( 'Font', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[primary_nav_font]',
					'type'     => 'select',
					'choices'  => $font_choices,
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_font_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[primary_nav_font_style]',
				array(
					'label'   => esc_html__( 'Font Style', 'Divi' ),
					'section' => 'et_divi_header_primary',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_font_size]',
			array(
				'default'           => '12',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_fullwidth]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[secondary_nav_fullwidth]',
			array(
				'label'   => esc_html__( 'Make Full Width', 'Divi' ),
				'section' => 'et_divi_header_secondary',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[secondary_nav_font_size]',
				array(
					'label'       => esc_html__( 'Text Size', 'Divi' ),
					'section'     => 'et_divi_header_secondary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 20,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_font_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[secondary_nav_font_spacing]',
				array(
					'label'       => esc_html__( 'Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_header_secondary',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -1,
						'max'  => 8,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_font]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_choices',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Select_Option(
				$wp_customize,
				'et_divi[secondary_nav_font]',
				array(
					'label'    => esc_html__( 'Font', 'Divi' ),
					'section'  => 'et_divi_header_secondary',
					'settings' => 'et_divi[secondary_nav_font]',
					'type'     => 'select',
					'choices'  => $font_choices,
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_font_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[secondary_nav_font_style]',
				array(
					'label'   => esc_html__( 'Font Style', 'Divi' ),
					'section' => 'et_divi_header_secondary',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[menu_link]',
			array(
				'default'           => 'rgba(0,0,0,0.6)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[menu_link]',
				array(
					'label'    => esc_html__( 'Text Color', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[menu_link]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[hide_mobile_logo]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[hide_mobile_logo]',
			array(
				'label'   => esc_html__( 'Hide Logo Image', 'Divi' ),
				'section' => 'et_divi_mobile_menu',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[mobile_menu_link]',
			array(
				'default'           => et_get_option( 'menu_link', 'rgba(0,0,0,0.6)' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[mobile_menu_link]',
				array(
					'label'    => esc_html__( 'Text Color', 'Divi' ),
					'section'  => 'et_divi_mobile_menu',
					'settings' => 'et_divi[mobile_menu_link]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[menu_link_active]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[menu_link_active]',
				array(
					'label'    => esc_html__( 'Active Link Color', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[menu_link_active]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_bg]',
			array(
				'default'           => '#ffffff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[primary_nav_bg]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[primary_nav_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_dropdown_bg]',
			array(
				'default'           => et_get_option( 'primary_nav_bg', '#ffffff' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[primary_nav_dropdown_bg]',
				array(
					'label'    => esc_html__( 'Dropdown Menu Background Color', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[primary_nav_dropdown_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_dropdown_line_color]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[primary_nav_dropdown_line_color]',
				array(
					'label'    => esc_html__( 'Dropdown Menu Line Color', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[primary_nav_dropdown_line_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_dropdown_link_color]',
			array(
				'default'           => et_get_option( 'menu_link', 'rgba(0,0,0,0.7)' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[primary_nav_dropdown_link_color]',
				array(
					'label'    => esc_html__( 'Dropdown Menu Text Color', 'Divi' ),
					'section'  => 'et_divi_header_primary',
					'settings' => 'et_divi[primary_nav_dropdown_link_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[primary_nav_dropdown_animation]',
			array(
				'default'           => 'fade',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_dropdown_animation',
			)
		);

		$wp_customize->add_control(
			'et_divi[primary_nav_dropdown_animation]',
			array(
				'label'   => esc_html__( 'Dropdown Menu Animation', 'Divi' ),
				'section' => 'et_divi_header_primary',
				'type'    => 'select',
				'choices' => et_divi_dropdown_animation_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[mobile_primary_nav_bg]',
			array(
				'default'           => et_get_option( 'primary_nav_bg', '#ffffff' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[mobile_primary_nav_bg]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_mobile_menu',
					'settings' => 'et_divi[mobile_primary_nav_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_bg]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[secondary_nav_bg]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_header_secondary',
					'settings' => 'et_divi[secondary_nav_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_text_color_new]',
			array(
				'default'           => '#ffffff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[secondary_nav_text_color_new]',
				array(
					'label'    => esc_html__( 'Text Color', 'Divi' ),
					'section'  => 'et_divi_header_secondary',
					'settings' => 'et_divi[secondary_nav_text_color_new]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_dropdown_bg]',
			array(
				'default'           => et_get_option( 'secondary_nav_bg', et_get_option( 'accent_color', '#2ea3f2' ) ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[secondary_nav_dropdown_bg]',
				array(
					'label'    => esc_html__( 'Dropdown Menu Background Color', 'Divi' ),
					'section'  => 'et_divi_header_secondary',
					'settings' => 'et_divi[secondary_nav_dropdown_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_dropdown_link_color]',
			array(
				'default'           => et_get_option( 'secondary_nav_text_color_new', '#ffffff' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[secondary_nav_dropdown_link_color]',
				array(
					'label'    => esc_html__( 'Dropdown Menu Text Color', 'Divi' ),
					'section'  => 'et_divi_header_secondary',
					'settings' => 'et_divi[secondary_nav_dropdown_link_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[secondary_nav_dropdown_animation]',
			array(
				'default'           => 'fade',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_dropdown_animation',
			)
		);

		$wp_customize->add_control(
			'et_divi[secondary_nav_dropdown_animation]',
			array(
				'label'   => esc_html__( 'Dropdown Menu Animation', 'Divi' ),
				'section' => 'et_divi_header_secondary',
				'type'    => 'select',
				'choices' => et_divi_dropdown_animation_choices(),
			)
		);

		// Setting with no control kept for backwards compatbility.
		$wp_customize->add_setting(
			'et_divi[primary_nav_text_color]',
			array(
				'default'           => 'dark',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'sanitize_hex_color',
			)
		);

		// Setting with no control kept for backwards compatbility.
		$wp_customize->add_setting(
			'et_divi[secondary_nav_text_color]',
			array(
				'default'           => 'light',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'sanitize_hex_color',
			)
		);

		if ( 'on' === et_get_option( 'divi_fixed_nav', 'on' ) ) {
			$wp_customize->add_setting(
				'et_divi[hide_fixed_logo]',
				array(
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'wp_validate_boolean',
				)
			);

			$wp_customize->add_control(
				'et_divi[hide_fixed_logo]',
				array(
					'label'   => esc_html__( 'Hide Logo Image', 'Divi' ),
					'section' => 'et_divi_header_fixed',
					'type'    => 'checkbox',
				)
			);

			$wp_customize->add_setting(
				'et_divi[minimized_menu_height]',
				array(
					'default'           => '40',
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'absint',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Range_Option(
					$wp_customize,
					'et_divi[minimized_menu_height]',
					array(
						'label'       => esc_html__( 'Fixed Menu Height', 'Divi' ),
						'section'     => 'et_divi_header_fixed',
						'type'        => 'range',
						'input_attrs' => array(
							'min'  => 30,
							'max'  => 300,
							'step' => 1,
						),
					)
				)
			);

			$wp_customize->add_setting(
				'et_divi[fixed_primary_nav_font_size]',
				array(
					'default'           => et_get_option( 'primary_nav_font_size', '14' ),
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'absint',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Range_Option(
					$wp_customize,
					'et_divi[fixed_primary_nav_font_size]',
					array(
						'label'       => esc_html__( 'Text Size', 'Divi' ),
						'section'     => 'et_divi_header_fixed',
						'type'        => 'range',
						'input_attrs' => array(
							'min'  => 12,
							'max'  => 24,
							'step' => 1,
						),
					)
				)
			);

			$wp_customize->add_setting(
				'et_divi[fixed_primary_nav_bg]',
				array(
					'default'           => et_get_option( 'primary_nav_bg', '#ffffff' ),
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'et_sanitize_alpha_color',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Customize_Color_Alpha_Control(
					$wp_customize,
					'et_divi[fixed_primary_nav_bg]',
					array(
						'label'    => esc_html__( 'Primary Menu Background Color', 'Divi' ),
						'section'  => 'et_divi_header_fixed',
						'settings' => 'et_divi[fixed_primary_nav_bg]',
					)
				)
			);

			$wp_customize->add_setting(
				'et_divi[fixed_secondary_nav_bg]',
				array(
					'default'           => et_get_option( 'secondary_nav_bg', '#2ea3f2' ),
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'et_sanitize_alpha_color',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Customize_Color_Alpha_Control(
					$wp_customize,
					'et_divi[fixed_secondary_nav_bg]',
					array(
						'label'    => esc_html__( 'Secondary Menu Background Color', 'Divi' ),
						'section'  => 'et_divi_header_fixed',
						'settings' => 'et_divi[fixed_secondary_nav_bg]',
					)
				)
			);

			$wp_customize->add_setting(
				'et_divi[fixed_menu_link]',
				array(
					'default'           => et_get_option( 'menu_link', 'rgba(0,0,0,0.6)' ),
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'et_sanitize_alpha_color',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Customize_Color_Alpha_Control(
					$wp_customize,
					'et_divi[fixed_menu_link]',
					array(
						'label'    => esc_html__( 'Primary Menu Link Color', 'Divi' ),
						'section'  => 'et_divi_header_fixed',
						'settings' => 'et_divi[fixed_menu_link]',
					)
				)
			);

			$wp_customize->add_setting(
				'et_divi[fixed_secondary_menu_link]',
				array(
					'default'           => et_get_option( 'secondary_nav_text_color_new', '#ffffff' ),
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'et_sanitize_alpha_color',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Customize_Color_Alpha_Control(
					$wp_customize,
					'et_divi[fixed_secondary_menu_link]',
					array(
						'label'    => esc_html__( 'Secondary Menu Link Color', 'Divi' ),
						'section'  => 'et_divi_header_fixed',
						'settings' => 'et_divi[fixed_secondary_menu_link]',
					)
				)
			);

			$wp_customize->add_setting(
				'et_divi[fixed_menu_link_active]',
				array(
					'default'           => et_get_option( 'menu_link_active', '#2ea3f2' ),
					'type'              => 'option',
					'capability'        => 'edit_theme_options',
					'transport'         => 'postMessage',
					'sanitize_callback' => 'et_sanitize_alpha_color',
				)
			);

			$wp_customize->add_control(
				new ET_Divi_Customize_Color_Alpha_Control(
					$wp_customize,
					'et_divi[fixed_menu_link_active]',
					array(
						'label'    => esc_html__( 'Active Primary Menu Link Color', 'Divi' ),
						'section'  => 'et_divi_header_fixed',
						'settings' => 'et_divi[fixed_menu_link_active]',
					)
				)
			);
		}

		$wp_customize->add_setting(
			'et_divi[phone_number]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_html_input_text',
			)
		);

		$wp_customize->add_control(
			'et_divi[phone_number]',
			array(
				'label'   => esc_html__( 'Phone Number', 'Divi' ),
				'section' => 'et_divi_header_information',
				'type'    => 'text',
			)
		);

		$wp_customize->add_setting(
			'et_divi[header_email]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'sanitize_email',
			)
		);

		$wp_customize->add_control(
			'et_divi[header_email]',
			array(
				'label'   => esc_html__( 'Email', 'Divi' ),
				'section' => 'et_divi_header_information',
				'type'    => 'text',
			)
		);

		$wp_customize->add_setting(
			'et_divi[show_footer_social_icons]',
			array(
				'default'           => 'on',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[show_footer_social_icons]',
			array(
				'label'   => esc_html__( 'Show Social Icons', 'Divi' ),
				'section' => 'et_divi_footer_elements',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_columns]',
			array(
				'default'           => '4',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_footer_column',
			)
		);

		$wp_customize->add_control(
			'et_divi[footer_columns]',
			array(
				'label'    => esc_html__( 'Column Layout', 'Divi' ),
				'section'  => 'et_divi_footer_layout',
				'settings' => 'et_divi[footer_columns]',
				'type'     => 'select',
				'choices'  => et_divi_footer_column_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_bg]',
			array(
				'default'           => '#222222',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_bg]',
				array(
					'label'    => esc_html__( 'Footer Background Color', 'Divi' ),
					'section'  => 'et_divi_footer_layout',
					'settings' => 'et_divi[footer_bg]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[widget_header_font_size]',
			array(
				'default'           => absint( et_get_option( 'body_header_size', '30' ) ) * .6,
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[widget_header_font_size]',
				array(
					'label'       => esc_html__( 'Header Text Size', 'Divi' ),
					'section'     => 'et_divi_footer_widgets',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 72,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[widget_header_font_style]',
			array(
				'default'           => et_get_option( 'widget_header_font_style', '' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[widget_header_font_style]',
				array(
					'label'   => esc_html__( 'Header Font Style', 'Divi' ),
					'section' => 'et_divi_footer_widgets',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[widget_body_font_size]',
			array(
				'default'           => et_get_option( 'body_font_size', '14' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[widget_body_font_size]',
				array(
					'label'       => esc_html__( 'Body/Link Text Size', 'Divi' ),
					'section'     => 'et_divi_footer_widgets',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[widget_body_line_height]',
			array(
				'default'           => '1.7',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_float_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[widget_body_line_height]',
				array(
					'label'       => esc_html__( 'Body/Link Line Height', 'Divi' ),
					'section'     => 'et_divi_footer_widgets',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0.8,
						'max'  => 3,
						'step' => 0.1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[widget_body_font_style]',
			array(
				'default'           => et_get_option( 'footer_widget_body_font_style', '' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[widget_body_font_style]',
				array(
					'label'   => esc_html__( 'Body Font Style', 'Divi' ),
					'section' => 'et_divi_footer_widgets',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_widget_text_color]',
			array(
				'default'           => '#fff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_widget_text_color]',
				array(
					'label'    => esc_html__( 'Widget Text Color', 'Divi' ),
					'section'  => 'et_divi_footer_widgets',
					'settings' => 'et_divi[footer_widget_text_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_widget_link_color]',
			array(
				'default'           => '#fff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_widget_link_color]',
				array(
					'label'    => esc_html__( 'Widget Link Color', 'Divi' ),
					'section'  => 'et_divi_footer_widgets',
					'settings' => 'et_divi[footer_widget_link_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_widget_header_color]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_widget_header_color]',
				array(
					'label'    => esc_html__( 'Widget Header Color', 'Divi' ),
					'section'  => 'et_divi_footer_widgets',
					'settings' => 'et_divi[footer_widget_header_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_widget_bullet_color]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_widget_bullet_color]',
				array(
					'label'    => esc_html__( 'Widget Bullet Color', 'Divi' ),
					'section'  => 'et_divi_footer_widgets',
					'settings' => 'et_divi[footer_widget_bullet_color]',
				)
			)
		);

		/* Footer Menu */
		$wp_customize->add_setting(
			'et_divi[footer_menu_background_color]',
			array(
				'default'           => 'rgba(255,255,255,0.05)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_menu_background_color]',
				array(
					'label'    => esc_html__( 'Footer Menu Background Color', 'Divi' ),
					'section'  => 'et_divi_footer_menu',
					'settings' => 'et_divi[footer_menu_background_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_menu_text_color]',
			array(
				'default'           => '#bbbbbb',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_menu_text_color]',
				array(
					'label'    => esc_html__( 'Footer Menu Text Color', 'Divi' ),
					'section'  => 'et_divi_footer_menu',
					'settings' => 'et_divi[footer_menu_text_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_menu_active_link_color]',
			array(
				'default'           => et_get_option( 'accent_color', '#2ea3f2' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[footer_menu_active_link_color]',
				array(
					'label'    => esc_html__( 'Footer Menu Active Link Color', 'Divi' ),
					'section'  => 'et_divi_footer_menu',
					'settings' => 'et_divi[footer_menu_active_link_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_menu_letter_spacing]',
			array(
				'default'           => '0',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[footer_menu_letter_spacing]',
				array(
					'label'       => esc_html__( 'Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_footer_menu',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 20,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_menu_font_style]',
			array(
				'default'           => et_get_option( 'footer_footer_menu_font_style', '' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[footer_menu_font_style]',
				array(
					'label'   => esc_html__( 'Font Style', 'Divi' ),
					'section' => 'et_divi_footer_menu',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[footer_menu_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[footer_menu_font_size]',
				array(
					'label'       => esc_html__( 'Font Size', 'Divi' ),
					'section'     => 'et_divi_footer_menu',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		/* Bottom Bar */
		$wp_customize->add_setting(
			'et_divi[bottom_bar_background_color]',
			array(
				'default'           => 'rgba(0,0,0,0.32)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[bottom_bar_background_color]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_bottom_bar',
					'settings' => 'et_divi[bottom_bar_background_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[bottom_bar_text_color]',
			array(
				'default'           => '#666666',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[bottom_bar_text_color]',
				array(
					'label'    => esc_html__( 'Text Color', 'Divi' ),
					'section'  => 'et_divi_bottom_bar',
					'settings' => 'et_divi[bottom_bar_text_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[bottom_bar_font_style]',
			array(
				'default'           => et_get_option( 'footer_bottom_bar_font_style', '' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[bottom_bar_font_style]',
				array(
					'label'   => esc_html__( 'Font Style', 'Divi' ),
					'section' => 'et_divi_bottom_bar',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[bottom_bar_font_size]',
			array(
				'default'           => '14',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[bottom_bar_font_size]',
				array(
					'label'       => esc_html__( 'Font Size', 'Divi' ),
					'section'     => 'et_divi_bottom_bar',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[bottom_bar_social_icon_size]',
			array(
				'default'           => '24',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[bottom_bar_social_icon_size]',
				array(
					'label'       => esc_html__( 'Social Icon Size', 'Divi' ),
					'section'     => 'et_divi_bottom_bar',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 10,
						'max'  => 32,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[bottom_bar_social_icon_color]',
			array(
				'default'           => '#666666',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[bottom_bar_social_icon_color]',
				array(
					'label'    => esc_html__( 'Social Icon Color', 'Divi' ),
					'section'  => 'et_divi_bottom_bar',
					'settings' => 'et_divi[bottom_bar_social_icon_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[disable_custom_footer_credits]',
			array(
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'wp_validate_boolean',
			)
		);

		$wp_customize->add_control(
			'et_divi[disable_custom_footer_credits]',
			array(
				'label'   => esc_html__( 'Disable Footer Credits', 'Divi' ),
				'section' => 'et_divi_bottom_bar',
				'type'    => 'checkbox',
			)
		);

		$wp_customize->add_setting(
			'et_divi[custom_footer_credits]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_html_input_text',
			)
		);

		$wp_customize->add_control(
			'et_divi[custom_footer_credits]',
			array(
				'label'    => esc_html__( 'Edit Footer Credits', 'Divi' ),
				'section'  => 'et_divi_bottom_bar',
				'settings' => 'et_divi[custom_footer_credits]',
				'type'     => 'textarea',
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_font_size]',
			array(
				'default'           => ET_Global_Settings::get_value( 'all_buttons_font_size', 'default' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[all_buttons_font_size]',
				array(
					'label'       => esc_html__( 'Text Size', 'Divi' ),
					'section'     => 'et_divi_buttons',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 12,
						'max'  => 30,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_text_color]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_text_color]',
				array(
					'label'    => esc_html__( 'Text Color', 'Divi' ),
					'section'  => 'et_divi_buttons',
					'settings' => 'et_divi[all_buttons_text_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_bg_color]',
			array(
				'default'           => 'rgba(0,0,0,0)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_bg_color]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_buttons',
					'settings' => 'et_divi[all_buttons_bg_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_border_width]',
			array(
				'default'           => ET_Global_Settings::get_value( 'all_buttons_border_width', 'default' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[all_buttons_border_width]',
				array(
					'label'       => esc_html__( 'Border Width', 'Divi' ),
					'section'     => 'et_divi_buttons',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_border_color]',
			array(
				'default'           => '#ffffff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_border_color]',
				array(
					'label'    => esc_html__( 'Border Color', 'Divi' ),
					'section'  => 'et_divi_buttons',
					'settings' => 'et_divi[all_buttons_border_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_border_radius]',
			array(
				'default'           => ET_Global_Settings::get_value( 'all_buttons_border_radius', 'default' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[all_buttons_border_radius]',
				array(
					'label'       => esc_html__( 'Border Radius', 'Divi' ),
					'section'     => 'et_divi_buttons',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 50,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_spacing]',
			array(
				'default'           => ET_Global_Settings::get_value( 'all_buttons_spacing', 'default' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[all_buttons_spacing]',
				array(
					'label'       => esc_html__( 'Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_buttons',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -2,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_font_style]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_style',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Font_Style_Option(
				$wp_customize,
				'et_divi[all_buttons_font_style]',
				array(
					'label'   => esc_html__( 'Button Font Style', 'Divi' ),
					'section' => 'et_divi_buttons',
					'type'    => 'font_style',
					'choices' => et_divi_font_style_choices(),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_font]',
			array(
				'default'           => 'none',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_choices',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Select_Option(
				$wp_customize,
				'et_divi[all_buttons_font]',
				array(
					'label'    => esc_html__( 'Buttons Font', 'Divi' ),
					'section'  => 'et_divi_buttons',
					'settings' => 'et_divi[all_buttons_font]',
					'type'     => 'select',
					'choices'  => $font_choices,
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_icon]',
			array(
				'default'           => 'yes',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'sanitize_callback' => 'et_sanitize_yes_no',
			)
		);

		$wp_customize->add_control(
			'et_divi[all_buttons_icon]',
			array(
				'label'   => esc_html__( 'Add Button Icon', 'Divi' ),
				'section' => 'et_divi_buttons',
				'type'    => 'select',
				'choices' => et_divi_yes_no_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_selected_icon]',
			array(
				'default'           => '5',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_font_icon',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Icon_Picker_Option(
				$wp_customize,
				'et_divi[all_buttons_selected_icon]',
				array(
					'label'   => esc_html__( 'Select Icon', 'Divi' ),
					'section' => 'et_divi_buttons',
					'type'    => 'icon_picker',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_icon_color]',
			array(
				'default'           => '#ffffff',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_icon_color]',
				array(
					'label'    => esc_html__( 'Icon Color', 'Divi' ),
					'section'  => 'et_divi_buttons',
					'settings' => 'et_divi[all_buttons_icon_color]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_icon_placement]',
			array(
				'default'           => 'right',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_left_right',
			)
		);

		$wp_customize->add_control(
			'et_divi[all_buttons_icon_placement]',
			array(
				'label'   => esc_html__( 'Icon Placement', 'Divi' ),
				'section' => 'et_divi_buttons',
				'type'    => 'select',
				'choices' => et_divi_left_right_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_icon_hover]',
			array(
				'default'           => 'yes',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_yes_no',
			)
		);

		$wp_customize->add_control(
			'et_divi[all_buttons_icon_hover]',
			array(
				'label'   => esc_html__( 'Only Show Icon on Hover', 'Divi' ),
				'section' => 'et_divi_buttons',
				'type'    => 'select',
				'choices' => et_divi_yes_no_choices(),
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_text_color_hover]',
			array(
				'default'           => '',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_text_color_hover]',
				array(
					'label'    => esc_html__( 'Text Color', 'Divi' ),
					'section'  => 'et_divi_buttons_hover',
					'settings' => 'et_divi[all_buttons_text_color_hover]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_bg_color_hover]',
			array(
				'default'           => 'rgba(255,255,255,0.2)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_bg_color_hover]',
				array(
					'label'    => esc_html__( 'Background Color', 'Divi' ),
					'section'  => 'et_divi_buttons_hover',
					'settings' => 'et_divi[all_buttons_bg_color_hover]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_border_color_hover]',
			array(
				'default'           => 'rgba(0,0,0,0)',
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_alpha_color',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Customize_Color_Alpha_Control(
				$wp_customize,
				'et_divi[all_buttons_border_color_hover]',
				array(
					'label'    => esc_html__( 'Border Color', 'Divi' ),
					'section'  => 'et_divi_buttons_hover',
					'settings' => 'et_divi[all_buttons_border_color_hover]',
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_border_radius_hover]',
			array(
				'default'           => ET_Global_Settings::get_value( 'all_buttons_border_radius_hover', 'default' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'absint',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[all_buttons_border_radius_hover]',
				array(
					'label'       => esc_html__( 'Border Radius', 'Divi' ),
					'section'     => 'et_divi_buttons_hover',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => 0,
						'max'  => 50,
						'step' => 1,
					),
				)
			)
		);

		$wp_customize->add_setting(
			'et_divi[all_buttons_spacing_hover]',
			array(
				'default'           => ET_Global_Settings::get_value( 'all_buttons_spacing_hover', 'default' ),
				'type'              => 'option',
				'capability'        => 'edit_theme_options',
				'transport'         => 'postMessage',
				'sanitize_callback' => 'et_sanitize_int_number',
			)
		);

		$wp_customize->add_control(
			new ET_Divi_Range_Option(
				$wp_customize,
				'et_divi[all_buttons_spacing_hover]',
				array(
					'label'       => esc_html__( 'Letter Spacing', 'Divi' ),
					'section'     => 'et_divi_buttons_hover',
					'type'        => 'range',
					'input_attrs' => array(
						'min'  => -2,
						'max'  => 10,
						'step' => 1,
					),
				)
			)
		);
	}
endif;

/**
 * Add action hook to the footer in customizer preview.
 */
function et_customizer_preview_footer_action() {
	if ( is_customize_preview() ) {
		do_action( 'et_customizer_footer_preview' );
	}
}
add_action( 'wp_footer', 'et_customizer_preview_footer_action' );

/**
 * Add container with social icons to the footer in customizer preview.
 * Used to get the icons and append them into the header when user enables the header social icons in customizer.
 */
function et_load_social_icons() {
	$post_id = is_singular() ? get_the_ID() : 0;
	$is_custom_post_type = et_builder_post_is_of_custom_post_type( $post_id );

	echo '<div class="et_customizer_social_icons" style="display:none;">';
		get_template_part( 'includes/social_icons', 'header' );
	echo '</div>';
	?>
	<script type="text/javascript">
		(function($) {
			var isCustomPostType = <?php echo wp_json_encode( $is_custom_post_type ); ?>;

			$(function() {
				$(document).trigger('et-customizer-preview-load', {
					isCustomPostType: isCustomPostType,
					selectorWrapper: <?php echo wp_json_encode( ET_BUILDER_CSS_PREFIX ); ?>
				});
			});
		}(jQuery));
	</script>
	<?php
}
add_action( 'et_customizer_footer_preview', 'et_load_social_icons' );

function et_divi_customize_preview_js() {
	$theme_version = et_get_theme_version();
	wp_enqueue_script( 'divi-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), $theme_version, true );
	wp_localize_script( 'divi-customizer', 'et_main_customizer_data', array(
		'original_footer_credits' => et_get_original_footer_credits(),
	) );
}
add_action( 'customize_preview_init', 'et_divi_customize_preview_js' );

function et_divi_customize_preview_js_context() {
	// Run in the wp_enqueue_scripts hook as it fires late enough that the main WP query has been resolved.
	$layouts = et_theme_builder_get_template_layouts();

	wp_localize_script( 'divi-customizer', 'et_theme_builder_customizer_data', array(
		'hasHeaderLayout' => ! empty( $layouts ) && $layouts[ ET_THEME_BUILDER_HEADER_LAYOUT_POST_TYPE ]['override'],
		'hasFooterLayout' => ! empty( $layouts ) && $layouts[ ET_THEME_BUILDER_FOOTER_LAYOUT_POST_TYPE ]['override'],
	) );
}
add_action( 'wp_enqueue_scripts', 'et_divi_customize_preview_js_context' );

function et_divi_customize_preview_css() {
	$theme_version = et_get_theme_version();

	wp_enqueue_style( 'divi-customizer-controls-styles', get_template_directory_uri() . '/css/theme-customizer-controls.css', array(), $theme_version );
	wp_enqueue_script( 'divi-customizer-controls-js', get_template_directory_uri() . '/js/theme-customizer-controls.js', array( 'jquery' ), $theme_version, true );
	wp_localize_script( 'divi-customizer-controls-js', 'et_divi_customizer_data', array(
		'is_old_wp' => et_pb_is_wp_old_version() ? 'old' : 'new',
		'color_palette' => implode( '|', et_pb_get_default_color_palette() ),
	) );
}
add_action( 'customize_controls_enqueue_scripts', 'et_divi_customize_preview_css' );

/**
 * Enqueue styles inside the Theme Customizer for preview purposes.
 */
function et_divi_customizer_styles() {
	$theme_version = et_get_theme_version();

	if ( is_customize_preview() ) {
		wp_enqueue_style( 'divi-customizer-styles', get_template_directory_uri() . '/css/theme-customizer-styles.css', array(), $theme_version );
	}
}
add_action( 'wp_enqueue_scripts', 'et_divi_customizer_styles' );

/**
 * Modifying builder options based on saved Divi values
 * @param array  current builder options values
 * @return array modified builder options values
 */
function et_divi_builder_options( $options ) {
	$options['all_buttons_icon'] = et_get_option( 'all_buttons_icon', 'yes' );

	return $options;
}
add_filter( 'et_builder_options', 'et_divi_builder_options' );

/**
 * Add custom customizer control
 * Check for WP_Customizer_Control existence before adding custom control because WP_Customize_Control is loaded on customizer page only
 *
 * @see _wp_customize_include()
 */
if ( class_exists( 'WP_Customize_Control' ) ) {

	/**
	 * Font style control for Customizer
	 */
	class ET_Divi_Font_Style_Option extends WP_Customize_Control {
		public $type = 'font_style';
		public function render_content() {
			?>
			<label>
				<?php if ( ! empty( $this->label ) ) : ?>
					<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
				<?php endif;
				if ( ! empty( $this->description ) ) : ?>
					<span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
				<?php endif; ?>
			</label>
			<?php $current_values = explode('|', $this->value() );
			if ( empty( $this->choices ) )
				return;
			foreach ( $this->choices as $value => $label ) :
				$checked_class = in_array( $value, $current_values ) ? ' et_font_style_checked' : '';
				?>
					<span class="et_font_style et_font_value_<?php echo esc_attr( $value ); echo $checked_class; ?>">
						<input type="checkbox" class="et_font_style_checkbox" value="<?php echo esc_attr( $value ); ?>" <?php checked( in_array( $value, $current_values ) ); ?> />
					</span>
				<?php
			endforeach;
			?>
			<input type="hidden" class="et_font_styles" <?php $this->input_attrs(); ?> value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); ?> />
			<?php
		}
	}

	/**
	 * Icon picker control for Customizer
	 */
	class ET_Divi_Icon_Picker_Option extends WP_Customize_Control {
		public $type = 'icon_picker';

		public function render_content() {

		?>
		<label>
			<?php if ( ! empty( $this->label ) ) : ?>
				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
			<?php endif;
			et_pb_font_icon_list(); ?>
			<input type="hidden" class="et_selected_icon" <?php $this->input_attrs(); ?> value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); ?> />
		</label>
		<?php
		}
	}

	/**
	 * Range-based sliding value picker for Customizer
	 */
	class ET_Divi_Range_Option extends WP_Customize_Control {
		public $type = 'range';

		public function render_content() {
		?>
		<label>
			<?php if ( ! empty( $this->label ) ) : ?>
				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
			<?php endif;
			if ( ! empty( $this->description ) ) : ?>
				<span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
			<?php endif; ?>
			<input type="<?php echo esc_attr( $this->type ); ?>" <?php $this->input_attrs(); ?> value="<?php echo esc_attr( $this->value() ); ?>" <?php $this->link(); ?> data-reset_value="<?php echo esc_attr( $this->setting->default ); ?>" />
			<input type="number" <?php $this->input_attrs(); ?> class="et-pb-range-input" value="<?php echo esc_attr( $this->value() ); ?>" />
			<span class="et_divi_reset_slider"></span>
		</label>
		<?php
		}
	}

	/**
	 * Custom Select option which supports data attributes for the <option> tags
	 */
	class ET_Divi_Select_Option extends WP_Customize_Control {
		public $type = 'select';

		public function render_content() {
		?>
		<label>
			<?php if ( ! empty( $this->label ) ) : ?>
				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
			<?php endif;
			if ( ! empty( $this->description ) ) : ?>
				<span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
			<?php endif; ?>

			<select <?php $this->link(); ?>>
				<?php
				foreach ( $this->choices as $value => $attributes ) {
					$data_output = '';

					if ( ! empty( $attributes['data'] ) ) {
						foreach( $attributes['data'] as $data_name => $data_value ) {
							if ( '' !== $data_value ) {
								$data_output .= sprintf( ' data-%1$s="%2$s"',
									esc_attr( $data_name ),
									esc_attr( $data_value )
								);
							}
						}
					}

					echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . $data_output . '>' . esc_html( $attributes['label'] ) . '</option>';
				}
				?>
			</select>
		</label>
		<?php
		}
	}

	/**
	 * Color picker with alpha color support for Customizer
	 */
	class ET_Divi_Customize_Color_Alpha_Control extends WP_Customize_Control {
		public $type = 'et_coloralpha';

		public $statuses;

		public function __construct( $manager, $id, $args = array() ) {
			$this->statuses = array( '' => esc_html__( 'Default', 'Divi' ) );
			parent::__construct( $manager, $id, $args );

			// Printed saved value should always be in lowercase
			add_filter( "customize_sanitize_js_{$id}", array( $this, 'sanitize_saved_value' ) );
		}

		public function enqueue() {
			wp_enqueue_script( 'wp-color-picker-alpha' );
			wp_enqueue_style( 'wp-color-picker' );
		}

		public function to_json() {
			parent::to_json();
			$this->json['statuses'] = $this->statuses;
			$this->json['defaultValue'] = $this->setting->default;
		}

		public function render_content() {}

		public function content_template() {
			?>
			<# var defaultValue = '';
			if ( data.defaultValue ) {
				if ( '#' !== data.defaultValue.substring( 0, 1 ) && 'rgba' !== data.defaultValue.substring( 0, 4 ) ) {
					defaultValue = '#' + data.defaultValue;
				} else {
					defaultValue = data.defaultValue;
				}
				defaultValue = ' data-default-color=' + defaultValue; // Quotes added automatically.
			} #>
			<label>
				<# if ( data.label ) { #>
					<span class="customize-control-title"><code>data.label</code></span>
				<# } #>
				<# if ( data.description ) { #>
					<span class="description customize-control-description"><code>data.description</code></span>
				<# } #>
				<div class="customize-control-content">
					<input class="color-picker-hex" data-alpha="true" type="text" maxlength="30" placeholder="<?php esc_attr_e( 'Hex Value', 'Divi' ); ?>" {{ defaultValue }} />
				</div>
			</label>
			<?php
		}

		/**
		 * Ensure saved value to be printed in lowercase.
		 * Mismatched case causes broken 4.7 in Customizer. Color Alpha control only saves string.
		 * @param string  saved value
		 * @return string formatted value
		 */
		public function sanitize_saved_value( $value ) {
			return strtolower( $value );
		}
	}

}

function et_divi_add_customizer_css() {
		if ( wp_doing_ajax() || wp_doing_cron() || ( is_admin() && ! is_customize_preview() ) ) {
			return;
		}

		/** @see ET_Core_SupportCenter::toggle_safe_mode */
		if ( et_core_is_safe_mode_active() ) {
			return;
		}

		$post_id     = et_core_page_resource_get_the_ID();
		$is_preview  = is_preview() || isset( $_GET['et_pb_preview_nonce'] ) || is_customize_preview();
		$is_singular = et_core_page_resource_is_singular();
		$is_cpt      = et_builder_should_wrap_styles();

		$disabled_global = 'off' === et_get_option( 'et_pb_static_css_file', 'on' );
		$disabled_post   = $disabled_global || ( $is_singular && 'off' === get_post_meta( $post_id, '_et_pb_static_css_file', true ) );

		$forced_inline     = $is_preview || $disabled_global || $disabled_post || post_password_required();
		$builder_in_footer = 'on' === et_get_option( 'et_pb_css_in_footer', 'off' );

		$unified_styles = $is_singular && ! $forced_inline && ! $builder_in_footer && et_core_is_builder_used_on_current_request();
		$resource_owner = $unified_styles ? 'core' : 'divi';
		$resource_slug  = $unified_styles ? 'unified' : 'customizer';
		$resource_slug .= $is_cpt ? '-cpt' : '';
		$css            = 'et_builder_maybe_wrap_css_selector';

		if ( $is_preview ) {
			// Don't let previews cause existing saved static css files to be modified.
			$resource_slug .= '-preview';
		}

		if ( function_exists( 'et_fb_is_enabled' ) && et_fb_is_enabled() ) {
			$resource_slug .= '-vb';
		}

		if ( ! $unified_styles ) {
			$post_id = 'global';
		}

		$resource_slug  = et_theme_builder_decorate_page_resource_slug( $post_id, $resource_slug );
		$styles_manager = et_core_page_resource_get( $resource_owner, $resource_slug, $post_id );

		$styles_manager->forced_inline = $forced_inline;

		if ( ! $styles_manager->forced_inline && $styles_manager->has_file() ) {
			// Static resource has already been created. No need to continue here.
			return;
		}

		$css_output = array();

		// Detect legacy settings
		$detect_legacy_secondary_nav_color = et_get_option( 'secondary_nav_text_color', 'Light' );
		$detect_legacy_primary_nav_color = et_get_option( 'primary_nav_text_color', 'Dark' );

		if ( $detect_legacy_primary_nav_color == 'Light' ) {
			$legacy_primary_nav_color = '#ffffff';
		} else {
			$legacy_primary_nav_color = 'rgba(0,0,0,0.6)';
		}

		if ( $detect_legacy_secondary_nav_color == 'Light' ) {
			$legacy_secondary_nav_color = '#ffffff';
		} else {
			$legacy_secondary_nav_color = 'rgba(0,0,0,0.7)';
		}

		$color_scheme = et_get_option( 'color_schemes', 'none' );

		$body_font_size = absint( et_get_option( 'body_font_size', '14' ) );
		$body_font_height = floatval( et_get_option( 'body_font_height', '1.7' ) );
		$body_header_size = absint( et_get_option( 'body_header_size', '30' ) );
		$body_header_style = et_get_option( 'body_header_style', '', '', true );
		$body_header_spacing = intval( et_get_option( 'body_header_spacing', '0' ) );
		$body_header_height = floatval( et_get_option( 'body_header_height', '1' ) );
		$body_font_color = et_get_option( 'font_color', '#666666' );
		$body_header_color = et_get_option( 'header_color', '#666666' );

		$accent_color = et_get_option( 'accent_color', '#2ea3f2' );
		$link_color = et_get_option( 'link_color', $accent_color );

		$content_width = absint( et_get_option( 'content_width', '1080' ) );
		$large_content_width = intval ( $content_width * 1.25 );
		$use_sidebar_width = et_get_option( 'use_sidebar_width', false );
		$sidebar_width = intval( et_get_option( 'sidebar_width', 21 ) );
		$section_padding = absint( et_get_option( 'section_padding', '4' ) );
		$row_padding = absint( et_get_option( 'row_padding', '2' ) );

		$tablet_header_font_size = absint( et_get_option( 'tablet_header_font_size', '30' ) );
		$tablet_body_font_size = absint( et_get_option( 'tablet_body_font_size', '14' ) );
		$tablet_section_height = absint( et_get_option( 'tablet_section_height', '50' ) );
		$tablet_row_height = absint( et_get_option( 'tablet_row_height', '30' ) );

		$phone_header_font_size = absint( et_get_option( 'phone_header_font_size', $tablet_header_font_size ) );
		$phone_body_font_size = absint( et_get_option( 'phone_body_font_size', $tablet_body_font_size ) );
		$phone_section_height = absint( et_get_option( 'phone_section_height', $tablet_section_height ) );
		$phone_row_height = absint( et_get_option( 'phone_row_height', $tablet_row_height ) );

		$header_style = et_get_option( 'header_style', 'left' );
		$menu_height = absint( et_get_option( 'menu_height', '66' ) );
		$logo_height = absint( et_get_option( 'logo_height', '54' ) );
		$menu_margin_top = absint( et_get_option( 'menu_margin_top', '0' ) );
		$menu_link = et_get_option( 'menu_link', $legacy_primary_nav_color );
		$menu_link_active = et_get_option( 'menu_link_active', '#2ea3f2' );
		$vertical_nav = et_get_option( 'vertical_nav', false );

		$hide_primary_logo = et_get_option( 'hide_primary_logo', 'false' );
		$hide_fixed_logo = et_get_option( 'hide_fixed_logo', 'false' );

		$default_primary_nav_font_size = 14;
		$primary_nav_font_size = absint( et_get_option( 'primary_nav_font_size', $default_primary_nav_font_size ) );
		$primary_nav_font_spacing = intval( et_get_option( 'primary_nav_font_spacing', '0' ) );
		$primary_nav_bg = et_get_option( 'primary_nav_bg', '#ffffff' );
		$primary_nav_font_style = et_get_option( 'primary_nav_font_style', '', '', true );
		$primary_nav_dropdown_bg = et_get_option( 'primary_nav_dropdown_bg', $primary_nav_bg );
		$primary_nav_dropdown_link_color = et_get_option( 'primary_nav_dropdown_link_color', $menu_link );
		$primary_nav_dropdown_line_color = et_get_option( 'primary_nav_dropdown_line_color', $accent_color );

		$mobile_menu_link = et_get_option( 'mobile_menu_link', $menu_link );
		$mobile_primary_nav_bg = et_get_option( 'mobile_primary_nav_bg', $primary_nav_bg );

		$secondary_nav_font_size = absint( et_get_option( 'secondary_nav_font_size', '12' ) );
		$secondary_nav_font_spacing = intval( et_get_option( 'secondary_nav_font_spacing', '0' ) );
		$secondary_nav_font_style = et_get_option( 'secondary_nav_font_style', '', '', true );
		$secondary_nav_text_color_new = et_get_option( 'secondary_nav_text_color_new', $legacy_secondary_nav_color );
		$secondary_nav_bg = et_get_option( 'secondary_nav_bg', et_get_option( 'accent_color', '#2ea3f2' ) );
		$secondary_nav_dropdown_bg = et_get_option( 'secondary_nav_dropdown_bg', $secondary_nav_bg );
		$secondary_nav_dropdown_link_color = et_get_option( 'secondary_nav_dropdown_link_color', $secondary_nav_text_color_new );

		$fixed_primary_nav_font_size = absint( et_get_option( 'fixed_primary_nav_font_size', $primary_nav_font_size ) );
		$fixed_primary_nav_bg = et_get_option( 'fixed_primary_nav_bg', $primary_nav_bg );
		$fixed_secondary_nav_bg = et_get_option( 'fixed_secondary_nav_bg', $secondary_nav_bg );
		$fixed_menu_height = absint( et_get_option( 'minimized_menu_height', '40' ) );
		$fixed_menu_link = et_get_option( 'fixed_menu_link', $menu_link );
		$fixed_menu_link_active = et_get_option( 'fixed_menu_link_active', $menu_link_active );
		$fixed_secondary_menu_link = et_get_option( 'fixed_secondary_menu_link', $secondary_nav_text_color_new );

		$footer_bg = et_get_option( 'footer_bg', '#222222' );
		$footer_widget_link_color = et_get_option( 'footer_widget_link_color', '#ffffff' );
		$footer_widget_text_color = et_get_option( 'footer_widget_text_color', '#ffffff' );
		$footer_widget_header_color = et_get_option( 'footer_widget_header_color', $accent_color );
		$footer_widget_bullet_color = et_get_option( 'footer_widget_bullet_color', $accent_color );

		$widget_header_font_size = intval( et_get_option( 'widget_header_font_size', $body_header_size * .6 ) );
		$widget_body_font_size = absint( et_get_option( 'widget_body_font_size', $body_font_size ) );
		$widget_body_line_height = floatval( et_get_option( 'widget_body_line_height', '1.7' ) );

		$button_text_size = absint( et_get_option( 'all_buttons_font_size', '20' ) );
		$button_text_color = et_get_option( 'all_buttons_text_color', '' );
		$button_bg_color = et_get_option( 'all_buttons_bg_color', 'rgba(0,0,0,0)' );
		$button_border_width = absint( et_get_option( 'all_buttons_border_width', '2' ) );
		$button_border_color = et_get_option( 'all_buttons_border_color', '#ffffff' );
		$button_border_radius = absint( et_get_option( 'all_buttons_border_radius', '3' ) );
		$button_text_style = et_get_option( 'all_buttons_font_style', '', '', true );
		$button_icon = et_get_option( 'all_buttons_selected_icon', '5' );
		$button_spacing = intval( et_get_option( 'all_buttons_spacing', '0' ) );
		$button_icon_color = et_get_option( 'all_buttons_icon_color', '#ffffff' );
		$button_text_color_hover = et_get_option( 'all_buttons_text_color_hover', '' );
		$button_bg_color_hover = et_get_option( 'all_buttons_bg_color_hover', 'rgba(255,255,255,0.2)' );
		$button_border_color_hover = et_get_option( 'all_buttons_border_color_hover', 'rgba(0,0,0,0)' );
		$button_border_radius_hover = absint( et_get_option( 'all_buttons_border_radius_hover', '3' ) );
		$button_spacing_hover = intval( et_get_option( 'all_buttons_spacing_hover', '0' ) );
		$button_icon_size = 1.6 * intval( $button_text_size );

		$slide_nav_show_top_bar = et_get_option( 'slide_nav_show_top_bar', true );
		$slide_nav_bg = et_get_option( 'slide_nav_bg', $accent_color );
		$slide_nav_links_color = et_get_option( 'slide_nav_links_color', '#ffffff' );
		$slide_nav_links_color_active = et_get_option( 'slide_nav_links_color_active', '#ffffff' );
		$slide_nav_top_color = et_get_option( 'slide_nav_top_color', 'rgba(255,255,255,0.6)' );
		$slide_nav_search = et_get_option( 'slide_nav_search', 'rgba(255,255,255,0.6)' );
		$slide_nav_search_bg = et_get_option( 'slide_nav_search_bg', 'rgba(0,0,0,0.2)' );
		$slide_nav_width = intval( et_get_option( 'slide_nav_width', '320' ) );
		$slide_nav_font_style = et_get_option( 'slide_nav_font_style', '', '', true );
		$slide_nav_font_size = intval( et_get_option( 'slide_nav_font_size', '14' ) );
		$slide_nav_top_font_size = intval( et_get_option( 'slide_nav_top_font_size', '14' ) );
		$slide_nav_font_spacing = intval ( et_get_option( 'slide_nav_font_spacing', '0' ) );
		$fullscreen_nav_font_size = intval( et_get_option( 'fullscreen_nav_font_size', '30' ) );
		$fullscreen_nav_top_font_size = intval( et_get_option( 'fullscreen_nav_top_font_size', '18' ) );

		// use different selector for the styles applied directly to body tag while in Visual Builder. Otherwise unwanted styles applied to the Builder interface.
		$body_selector         = empty( $_GET['et_fb'] ) ? 'body' : 'body .et-fb-post-content';
		$body_selector_sibling = empty( $_GET['et_fb'] ) ? '' : 'body .et-fb-root-ancestor-sibling, ';

		/* ====================================================
		 * --------->>> BEGIN THEME CUSTOMIZER CSS <<<---------
		 * ==================================================== */
		ob_start();

		if ( 14 !== $body_font_size ) { ?>
			<?php echo esc_html( $body_selector_sibling ); ?>
			<?php echo esc_html( $body_selector ); ?>,
			<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote cite', false ); ?>,
			<?php echo $css( '.et_pb_column_1_2 .et_link_content a.et_link_main_url', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote cite', false ); ?>,
			<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote cite', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote cite', false ); ?>,
			<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote cite', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_link_content a.et_link_main_url', false ); ?>,
			<?php echo $css( '.et_pb_column_3_8 .et_link_content a.et_link_main_url', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_link_content a.et_link_main_url', false ); ?>,
			<?php echo $css( '.et_pb_blog_grid .et_link_content a.et_link_main_url', false ); ?>,
			<?php echo $css( 'body', '.et_pb_bg_layout_light .et_pb_post p', false ); ?>,
			<?php echo $css( 'body', '.et_pb_bg_layout_dark .et_pb_post p', false ); ?> {
				font-size: <?php echo esc_html( $body_font_size ); ?>px;
			}
			<?php echo $css( '.et_pb_slide_content', false ); ?>,
			<?php echo $css( '.et_pb_best_value', false ); ?> {
				font-size: <?php echo esc_html( intval( $body_font_size * 1.14 ) ); ?>px;
			}
		<?php } ?>
		<?php if ( '#666666' !== $body_font_color) { ?>
			<?php echo esc_html( $body_selector_sibling ); ?>
			<?php echo esc_html( $body_selector ); ?> {
				color: <?php echo esc_html( $body_font_color ); ?>;
			}
		<?php } ?>
		<?php if ( '#666666' !== $body_header_color ) { ?>
			<?php echo $css( 'h1' ); ?>,
			<?php echo $css( 'h2' ); ?>,
			<?php echo $css( 'h3' ); ?>,
			<?php echo $css( 'h4' ); ?>,
			<?php echo $css( 'h5' ); ?>,
			<?php echo $css( 'h6' ); ?> {
				color: <?php echo esc_html( $body_header_color ); ?>;
			}
		<?php } ?>
		<?php if ( 1.7 !== $body_font_height ) { ?>
			<?php echo esc_html( $body_selector_sibling ); ?>
			<?php echo esc_html( $body_selector ); ?> {
				line-height: <?php echo esc_html( $body_font_height ); ?>em;
			}
		<?php } ?>
		<?php if ( $accent_color !== '#2ea3f2' ) { ?>
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				.woocommerce #respond input#submit,
				.woocommerce-page #respond input#submit,
				.woocommerce #content input.button,
				.woocommerce-page #content input.button,
				.woocommerce-message,
				.woocommerce-error,
				.woocommerce-info {
					background: <?php echo esc_html( $accent_color ); ?> !important;
				}
			<?php } ?>
			#et_search_icon:hover,
			.mobile_menu_bar:before,
			.mobile_menu_bar:after,
			.et_toggle_slide_menu:after,
			.et-social-icon a:hover,
			<?php echo $css( '.et_pb_sum' ); ?>,
			<?php echo $css( '.et_pb_pricing li a', false ); ?>,
			<?php echo $css( '.et_pb_pricing_table_button', false ); ?>,
			<?php echo $css( '.et_overlay:before' ); ?>,
			<?php echo $css( '.entry-summary p.price ins' ); ?>,
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				.woocommerce div.product span.price,
				.woocommerce-page div.product span.price,
				.woocommerce #content div.product span.price,
				.woocommerce-page #content div.product span.price,
				.woocommerce div.product p.price,
				.woocommerce-page div.product p.price,
				.woocommerce #content div.product p.price,
				.woocommerce-page #content div.product p.price,
			<?php } ?>
			<?php echo $css( '.et_pb_member_social_links a:hover', false ); ?>,
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				.woocommerce .star-rating span:before,
				.woocommerce-page .star-rating span:before,
			<?php } ?>
			<?php echo $css( '.et_pb_widget li a:hover' ); ?>,
			<?php echo $css( '.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active', false ); ?>,
			<?php echo $css( '.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active', false ); ?>,
			<?php echo $css( '.et_pb_gallery .et_pb_gallery_pagination ul li a.active', false ); ?>,
			.wp-pagenavi span.current,
			.wp-pagenavi a:hover,
			<?php echo $css( '.nav-single a' ); ?>,
			<?php echo $css( '.tagged_as a' ); ?>,
			<?php echo $css( '.posted_in a' ); ?> {
				color: <?php echo esc_html( $accent_color ); ?>;
			}
			<?php echo $css( '.et_pb_contact_submit', false ); ?>,
			<?php echo $css( '.et_password_protected_form .et_submit_button', false ); ?>,
			<?php echo $css( '.et_pb_bg_layout_light .et_pb_newsletter_button', false ); ?>,
			<?php echo $css( '.comment-reply-link', false ); ?>,
			<?php echo $css( '.form-submit .et_pb_button', false ); ?>,
			<?php echo $css( '.et_pb_bg_layout_light .et_pb_promo_button', false ); ?>,
			<?php echo $css( '.et_pb_bg_layout_light .et_pb_more_button', false ); ?>,
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				<?php echo $css( '.woocommerce', 'a.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button.alt' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt.disabled' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt.disabled' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button.alt' ); ?>,
				.woocommerce #respond input#submit.alt,
				.woocommerce-page #respond input#submit.alt,
				<?php echo $css( '.woocommerce #content', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce', 'a.button' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button' ); ?>,
			<?php } ?>
			<?php echo $css( '.et_pb_contact p input[type="checkbox"]:checked + label i:before', false ); ?>,
			<?php echo $css( '.et_pb_bg_layout_light.et_pb_module.et_pb_button', false ); ?> {
				color: <?php echo esc_html( $accent_color ); ?>;
			}
			<?php echo $css( '.footer-widget h4' ); ?> {
				color: <?php echo esc_html( $accent_color ); ?>;
			}
			<?php echo $css( '.et-search-form' ); ?>,
			<?php echo $css( '.nav li ul' ); ?>,
			<?php echo $css( '.et_mobile_menu' ); ?>,
			<?php echo $css( '.footer-widget li:before' ); ?>,
			<?php echo $css( '.et_pb_pricing li:before', false ); ?>,
			<?php echo $css( 'blockquote' ); ?> {
				border-color: <?php echo esc_html( $accent_color ); ?>;
			}
			<?php echo $css( '.et_pb_counter_amount', false ); ?>,
			<?php echo $css( '.et_pb_featured_table .et_pb_pricing_heading', false ); ?>,
			<?php echo $css( '.et_quote_content' ); ?>,
			<?php echo $css( '.et_link_content' ); ?>,
			<?php echo $css( '.et_audio_content' ); ?>,
			<?php echo $css( '.et_pb_post_slider.et_pb_bg_layout_dark', false ); ?>,
			<?php echo $css( '.et_slide_in_menu_container' ); ?>,
			<?php echo $css( '.et_pb_contact p input[type="radio"]:checked + label i:before', false ); ?> {
				background-color: <?php echo esc_html( $accent_color ); ?>;
			}
		<?php } ?>
		<?php if ( 1080 !== $content_width ) { ?>
			<?php echo $css( '.container' ); ?>,
			<?php echo $css( '.et_pb_row', false ); ?>,
			<?php echo $css( '.et_pb_slider .et_pb_container', false ); ?>,
			<?php echo $css( '.et_pb_fullwidth_section .et_pb_title_container', false ); ?>,
			<?php echo $css( '.et_pb_fullwidth_section .et_pb_title_featured_container', false ); ?>,
			<?php echo $css( '.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container', false ); ?> {
				max-width: <?php echo esc_html( $content_width ); ?>px;
			}
			.et_boxed_layout #page-container,
			.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header,
			.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #main-header,
			.et_fixed_nav.et_boxed_layout #page-container #top-header,
			.et_fixed_nav.et_boxed_layout #page-container #main-header,
			.et_boxed_layout #page-container .container,
			<?php echo $css( '.et_boxed_layout', '#page-container .et_pb_row', false ); ?> {
				max-width: <?php echo esc_html( intval( et_get_option( 'content_width', '1080' ) ) + 160 ); ?>px;
			}
		<?php } ?>
		<?php if ( $link_color !== '#2ea3f2' ) { ?>
			<?php echo $css( 'a' ); ?> { color: <?php echo esc_html( $link_color ); ?>; }
		<?php } ?>
		<?php if ( $primary_nav_bg !== '#ffffff' ) { ?>
			#main-header,
			#main-header .nav li ul,
			.et-search-form,
			#main-header .et_mobile_menu { background-color: <?php echo esc_html( $primary_nav_bg ); ?>; }
		<?php } ?>
		<?php if ( $primary_nav_dropdown_bg !== $primary_nav_bg ) { ?>
			#main-header .nav li ul { background-color: <?php echo esc_html( $primary_nav_dropdown_bg ); ?>; }
		<?php } ?>
		<?php if ( $primary_nav_dropdown_line_color !== $accent_color ) { ?>
			<?php echo $css( '.nav li ul' ); ?> { border-color: <?php echo esc_html( $primary_nav_dropdown_line_color ); ?>; }
		<?php } ?>
		<?php if ( $secondary_nav_bg !== '#2ea3f2' ) { ?>
			#top-header,
			#et-secondary-nav li ul { background-color: <?php echo esc_html( $secondary_nav_bg ); ?>; }
		<?php } ?>
		<?php if ( $secondary_nav_dropdown_bg !== $secondary_nav_bg ) { ?>
			#et-secondary-nav li ul { background-color: <?php echo esc_html( $secondary_nav_dropdown_bg ); ?>; }
		<?php } ?>
		<?php if ( $secondary_nav_text_color_new !== '#ffffff' ) { ?>
			#top-header,
			#top-header a { color: <?php echo esc_html( $secondary_nav_text_color_new ); ?>; }
		<?php } ?>
		<?php if ( $secondary_nav_dropdown_link_color !== $secondary_nav_text_color_new ) { ?>
			#et-secondary-nav li ul a { color: <?php echo esc_html( $secondary_nav_dropdown_link_color ); ?>; }
		<?php } ?>
		<?php if ( $menu_link !== 'rgba(0,0,0,0.6)' ) { ?>
			.et_header_style_centered .mobile_nav .select_page,
			.et_header_style_split .mobile_nav .select_page,
			.et_nav_text_color_light #top-menu > li > a,
			.et_nav_text_color_dark #top-menu > li > a,
			#top-menu a,
			<?php echo $css( '.et_mobile_menu li a' ); ?>,
			<?php echo $css( '.et_nav_text_color_light .et_mobile_menu li a' ); ?>,
			<?php echo $css( '.et_nav_text_color_dark .et_mobile_menu li a' ); ?>,
			#et_search_icon:before,
			.et_search_form_container input,
			span.et_close_search_field:after,
			#et-top-navigation .et-cart-info { color: <?php echo esc_html( $menu_link ); ?>; }
			.et_search_form_container input::-moz-placeholder { color: <?php echo esc_html( $menu_link ); ?>; }
			.et_search_form_container input::-webkit-input-placeholder { color: <?php echo esc_html( $menu_link ); ?>; }
			.et_search_form_container input:-ms-input-placeholder { color: <?php echo esc_html( $menu_link ); ?>; }
		<?php } ?>
		<?php if ( $primary_nav_dropdown_link_color !== $menu_link ) { ?>
			#main-header .nav li ul a { color: <?php echo esc_html( $primary_nav_dropdown_link_color ); ?>; }
		<?php } ?>
		<?php if ( 12 !== $secondary_nav_font_size || '' !== $secondary_nav_font_style || 0 !== $secondary_nav_font_spacing ) { ?>
			#top-header,
			#top-header a,
			#et-secondary-nav li li a,
			#top-header .et-social-icon a:before {
				<?php if ( 12 !== $secondary_nav_font_size ) { ?>
					font-size: <?php echo esc_html( $secondary_nav_font_size ); ?>px;
				<?php } ?>
				<?php if ( '' !== $secondary_nav_font_style ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $secondary_nav_font_style ) ); ?>
				<?php } ?>
				<?php if ( 0 !== $secondary_nav_font_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $secondary_nav_font_spacing ); ?>px;
				<?php } ?>
			}
		<?php } ?>
		<?php if ( $primary_nav_font_size !== $default_primary_nav_font_size ) { ?>
			#top-menu li a { font-size: <?php echo esc_html( $primary_nav_font_size ); ?>px; }
			body.et_vertical_nav .container.et_search_form_container .et-search-form input { font-size: <?php echo esc_html( $primary_nav_font_size ); ?>px !important; }
		<?php } ?>

		<?php if ( 0 !== $primary_nav_font_spacing || '' !== $primary_nav_font_style ) { ?>
			#top-menu li a,
			.et_search_form_container input {
				<?php if ( '' !== $primary_nav_font_style ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $primary_nav_font_style ) ); ?>
				<?php } ?>
				<?php if ( 0 !== $primary_nav_font_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $primary_nav_font_spacing ); ?>px;
				<?php } ?>
			}
			.et_search_form_container input::-moz-placeholder {
				<?php if ( '' !== $primary_nav_font_style ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $primary_nav_font_style ) ); ?>
				<?php } ?>
				<?php if ( 0 !== $primary_nav_font_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $primary_nav_font_spacing ); ?>px;
				<?php } ?>
			}
			.et_search_form_container input::-webkit-input-placeholder {
				<?php if ( '' !== $primary_nav_font_style ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $primary_nav_font_style ) ); ?>
				<?php } ?>
				<?php if ( 0 !== $primary_nav_font_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $primary_nav_font_spacing ); ?>px;
				<?php } ?>
			}
			.et_search_form_container input:-ms-input-placeholder {
				<?php if ( '' !== $primary_nav_font_style ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $primary_nav_font_style ) ); ?>
				<?php } ?>
				<?php if ( 0 !== $primary_nav_font_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $primary_nav_font_spacing ); ?>px;
				<?php } ?>
			}
		<?php } ?>

		<?php if ( $menu_link_active !== '#2ea3f2' ) { ?>
			<?php if ( $color_scheme !== 'none' ) { ?>
				.et_color_scheme_red #top-menu li.current-menu-ancestor > a,
				.et_color_scheme_red #top-menu li.current-menu-item > a,
				.et_color_scheme_red #top-menu li.current_page_item > a,
				.et_color_scheme_pink #top-menu li.current-menu-ancestor > a,
				.et_color_scheme_pink #top-menu li.current-menu-item > a,
				.et_color_scheme_pink #top-menu li.current_page_item> a,
				.et_color_scheme_orange #top-menu li.current-menu-ancestor > a,
				.et_color_scheme_orange #top-menu li.current-menu-item > a,
				.et_color_scheme_orange #top-menu li.current_page_item > a,
				.et_color_scheme_green #top-menu li.current-menu-ancestor > a,
				.et_color_scheme_green #top-menu li.current-menu-item > a,
				.et_color_scheme_green #top-menu li.current_page_item > a,
			<?php } ?>
			#top-menu li.current-menu-ancestor > a,
			#top-menu li.current-menu-item > a,
			#top-menu li.current_page_item > a { color: <?php echo esc_html( $menu_link_active ); ?>; }
		<?php } ?>
		<?php if ( $footer_bg !== '#222222' ) { ?>
			#main-footer { background-color: <?php echo esc_html( $footer_bg ); ?>; }
		<?php } ?>
		<?php if ( $footer_widget_link_color !== '#fff' && $footer_widget_link_color !== '#ffffff' ) { ?>
			#footer-widgets .footer-widget a,
			#footer-widgets .footer-widget li a,
			#footer-widgets .footer-widget li a:hover { color: <?php echo esc_html( $footer_widget_link_color ); ?>; }
		<?php } ?>
		<?php if ( $footer_widget_text_color !== '#fff' && $footer_widget_text_color !== '#ffffff' ) { ?>
			.footer-widget { color: <?php echo esc_html( $footer_widget_text_color ); ?>; }
		<?php } ?>
		<?php if ( $footer_widget_header_color !== '#2ea3f2' ) { ?>
			#main-footer .footer-widget h4,
			#main-footer .widget_block h1,
			#main-footer .widget_block h2,
			#main-footer .widget_block h3,
			#main-footer .widget_block h4,
			#main-footer .widget_block h5,
			#main-footer .widget_block h6 { color: <?php echo esc_html( $footer_widget_header_color ); ?>; }
		<?php } ?>
		<?php if ( $footer_widget_bullet_color !== '#2ea3f2' ) { ?>
			.footer-widget li:before { border-color: <?php echo esc_html( $footer_widget_bullet_color ); ?>; }
		<?php } ?>
		<?php if ( $body_font_size !== $widget_body_font_size ) { ?>
			.footer-widget,
			.footer-widget li,
			.footer-widget li a,
			#footer-info { font-size: <?php echo esc_html( $widget_body_font_size ); ?>px; }
		<?php } ?>
		<?php
			/* Widget */
			et_pb_print_styles_css( array(
				array(
					'key'      => 'widget_header_font_style',
					'type'     => 'font-style',
					'default'  => '',
					'selector' => '#main-footer .footer-widget h4, #main-footer .widget_block h1, #main-footer .widget_block h2, #main-footer .widget_block h3, #main-footer .widget_block h4, #main-footer .widget_block h5, #main-footer .widget_block h6',
				),
				array(
					'key'      => 'widget_body_font_style',
					'type'     => 'font-style',
					'default'  => '',
					'selector' => '.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label',
				),
				array(
					'key'      => 'widget_body_line_height',
					'type'     => 'line-height',
					'default'  => '',
					'selector' => '.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label',
				),
			) );

			/* Footer widget bullet fix */
			if ( 1.7 !==  $widget_body_line_height || 14 !== $widget_body_font_size ) {
				// line_height (em) * font_size (px) = line height in px
				$widget_body_line_height_px 		= floatval( $widget_body_line_height ) * intval( $widget_body_font_size );

				// ( line height in px / 2 ) - half of bullet diameter
				$footer_widget_bullet_top 			= ( $widget_body_line_height_px / 2 ) - 3;

				printf( "#footer-widgets .footer-widget li:before { top: %spx; }", esc_html( $footer_widget_bullet_top ) );
			}

			/* Footer Menu */
			et_pb_print_styles_css( array(
				array(
					'key' 		=> 'footer_menu_background_color',
					'type' 		=> 'background-color',
					'default' 	=> 'rgba(255,255,255,0.05)',
					'selector' 	=> '#et-footer-nav'
				),
				array(
					'key' 		=> 'footer_menu_text_color',
					'type' 		=> 'color',
					'default' 	=> '#bbbbbb',
					'selector' 	=> '.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a'
				),
				array(
					'key' 		=> 'footer_menu_active_link_color',
					'type' 		=> 'color',
					'default' 	=> '#bbbbbb',
					'selector' 	=> '#et-footer-nav .bottom-nav li.current-menu-item a'
				),
				array(
					'key' 		=> 'footer_menu_letter_spacing',
					'type' 		=> 'letter-spacing',
					'default' 	=> 0,
					'selector' 	=> '.bottom-nav'
				),
				array(
					'key' 		=> 'footer_menu_font_style',
					'type' 		=> 'font-style',
					'default' 	=> '',
					'selector' 	=> '.bottom-nav a'
				),
				array(
					'key' 		=> 'footer_menu_font_size',
					'type' 		=> 'font-size',
					'default' 	=> 14,
					'selector' 	=> '.bottom-nav, .bottom-nav a'
				),
			) );

			/* Bottom Bar */
			et_pb_print_styles_css( array(
				array(
					'key' 		=> 'bottom_bar_background_color',
					'type' 		=> 'background-color',
					'default' 	=> 'rgba(0,0,0,0.32)',
					'selector' 	=> '#footer-bottom'
				),
				array(
					'key' 		=> 'bottom_bar_text_color',
					'type' 		=> 'color',
					'default' 	=> '#666666',
					'selector' 	=> '#footer-info, #footer-info a'
				),
				array(
					'key' 		=> 'bottom_bar_font_style',
					'type' 		=> 'font-style',
					'default' 	=> '',
					'selector' 	=> '#footer-info, #footer-info a'
				),
				array(
					'key' 		=> 'bottom_bar_font_size',
					'type' 		=> 'font-size',
					'default' 	=> 14,
					'selector' 	=> '#footer-info'
				),
				array(
					'key' 		=> 'bottom_bar_social_icon_size',
					'type' 		=> 'font-size',
					'default' 	=> 24,
					'selector' 	=> '#footer-bottom .et-social-icon a'
				),
				array(
					'key' 		=> 'bottom_bar_social_icon_color',
					'type' 		=> 'color',
					'default' 	=> '#666666',
					'selector' 	=> '#footer-bottom .et-social-icon a'
				),
			) );
		?>
		<?php if ( 'rgba' === substr( $primary_nav_bg, 0, 4 ) ) { ?>
			#main-header { box-shadow: none; }
		<?php } ?>
		<?php if ( 'rgba' === substr( $fixed_primary_nav_bg, 0, 4 ) || ( 'rgba' === substr( $primary_nav_bg, 0, 4 ) && '#ffffff' === $fixed_primary_nav_bg ) ) { ?>
			.et-fixed-header#main-header { box-shadow: none !important; }
		<?php } ?>
		<?php if ( 20 !== $button_text_size || ! empty( $button_text_color ) || 'rgba(0,0,0,0)' !== $button_bg_color || 2 !== $button_border_width || '#ffffff' !== $button_border_color || 3 !== $button_border_radius || '' !== $button_text_style || 0 !== $button_spacing ) { ?>
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				<?php echo $css( '.woocommerce', 'a.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button.alt' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt.disabled' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt.disabled' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button.alt' ); ?>,
				.woocommerce #respond input#submit.alt,
				.woocommerce-page #respond input#submit.alt,
				<?php echo $css( '.woocommerce #content', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce', 'a.button' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button' ); ?>,
				.woocommerce #respond input#submit,
				.woocommerce-page #respond input#submit,
				<?php echo $css( '.woocommerce #content', 'input.button' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button' ); ?>,
				.woocommerce-message a.button.wc-forward,
			<?php } ?>
			<?php echo $css( 'body', '.et_pb_button' ); ?> {
				<?php if ( 20 !== $button_text_size ) { ?>
					 font-size: <?php echo esc_html( $button_text_size ); ?>px;
				<?php } ?>
				<?php if ( 'rgba(0,0,0,0)' !== $button_bg_color ) { ?>
					background-color: <?php echo esc_html( $button_bg_color ); ?>;
				<?php } ?>
				<?php if ( 2 !== $button_border_width ) { ?>
					border-width: <?php echo esc_html( $button_border_width ); ?>px !important;
				<?php } ?>
				<?php if ( '#ffffff' !== $button_border_color ) { ?>
					border-color: <?php echo esc_html( $button_border_color ); ?>;
				<?php } ?>
				<?php if ( 3 !== $button_border_radius ) { ?>
					border-radius: <?php echo esc_html( $button_border_radius ); ?>px;
				<?php } ?>
				<?php if ( '' !== $button_text_style ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $button_text_style ) ); ?>;
				<?php } ?>
				<?php if ( 0 !== $button_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $button_spacing ); ?>px;
				<?php } ?>
			}
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'a.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'a.button.alt' ); ?>,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'button.button.alt' ); ?>,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'button.button.alt.disabled' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'button.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'button.button.alt.disabled' ); ?>,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'input.button.alt' ); ?>,
				.woocommerce.et_pb_button_helper_class #respond input#submit.alt,
				.woocommerce-page.et_pb_button_helper_class #respond input#submit.alt,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class #content', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class #content', 'input.button.alt' ); ?>,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'a.button' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'a.button' ); ?>,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'button.button' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'button.button' ); ?>,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class', 'input.button' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class', 'input.button' ); ?>,
				.woocommerce.et_pb_button_helper_class #respond input#submit,
				.woocommerce-page.et_pb_button_helper_class #respond input#submit,
				<?php echo $css( '.woocommerce.et_pb_button_helper_class #content', 'input.button' ); ?>,
				<?php echo $css( '.woocommerce-page.et_pb_button_helper_class #content', 'input.button' ); ?>,
			<?php } ?>
			<?php echo $css( 'body.et_pb_button_helper_class', '.et_pb_button' ); ?>,
			<?php echo $css( 'body.et_pb_button_helper_class', '.et_pb_module.et_pb_button' ); ?> {
				<?php if ( ! empty( $button_text_color ) ) { ?>
					color: <?php echo esc_html( $button_text_color ); ?>;
				<?php } ?>
			}
		<?php } ?>
		<?php if ( '5' !== $button_icon || '#ffffff' !== $button_icon_color || 20 !== $button_text_size ) { ?>
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				<?php echo $css( '.woocommerce', 'a.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button.alt:after' ); ?>,
				.woocommerce #respond input#submit.alt:after,
				.woocommerce-page #respond input#submit.alt:after,
				<?php echo $css( '.woocommerce #content', 'input.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button.alt:after' ); ?>,
				<?php echo $css( '.woocommerce', 'a.button:after' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button:after' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button:after' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button:after' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button:after' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button:after' ); ?>,
				.woocommerce #respond input#submit:after,
				.woocommerce-page #respond input#submit:after,
				<?php echo $css( '.woocommerce #content', 'input.button:after' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button:after' ); ?>,
			<?php } ?>
			<?php echo $css( 'body', '.et_pb_button:after' ); ?> {
				<?php if ( '5' !== $button_icon ) { ?>
					<?php if ( "'" === $button_icon ) { ?>
						content: "<?php echo htmlspecialchars_decode( $button_icon ); ?>";
					<?php } else { ?>
						content: '<?php echo htmlspecialchars_decode( $button_icon ); ?>';
					<?php } ?>
					font-size: <?php echo esc_html( $button_text_size ); ?>px;
				<?php } else { ?>
					font-size: <?php echo esc_html( $button_icon_size ); ?>px;
				<?php } ?>
				<?php if ( '#ffffff' !== $button_icon_color ) { ?>
					color: <?php echo esc_html( $button_icon_color ); ?>;
				<?php } ?>
			}
		<?php } ?>
		<?php if ( ! empty( $button_text_color_hover ) || 'rgba(255,255,255,0.2)' !== $button_bg_color_hover || 'rgba(0,0,0,0)' !== $button_border_color_hover || 3 !== $button_border_radius_hover || 0 !== $button_spacing_hover ) { ?>
			<?php echo esc_attr( $css( 'body', '.et_pb_bg_layout_light.et_pb_button:hover' ) ); ?>,
			<?php echo esc_attr( $css( 'body', '.et_pb_bg_layout_light .et_pb_button:hover' ) ); ?>,
			<?php echo esc_attr( $css( 'body', '.et_pb_button:hover' ) ); ?> {
				<?php if ( ! empty( $button_text_color_hover ) ) { ?>
					color: <?php echo esc_html( $button_text_color_hover ); ?> !important;
				<?php } ?>
				<?php if ( 'rgba(255,255,255,0.2)' !== $button_bg_color_hover ) { ?>
					background-color: <?php echo esc_html( $button_bg_color_hover ); ?>;
				<?php } ?>
				<?php if ( 'rgba(0,0,0,0)' !== $button_border_color_hover ) { ?>
					border-color: <?php echo esc_html( $button_border_color_hover ); ?> !important;
				<?php } ?>
				<?php if ( 3 !== $button_border_radius_hover ) { ?>
					border-radius: <?php echo esc_html( $button_border_radius_hover ); ?>px;
				<?php } ?>
				<?php if ( 0 !== $button_spacing_hover ) { ?>
					letter-spacing: <?php echo esc_html( $button_spacing_hover ); ?>px;
				<?php } ?>
			}
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				<?php echo $css( '.woocommerce', 'a.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button.alt.disabled:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button.alt.disabled:hover' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button.alt:hover' ); ?>,
				.woocommerce #respond input#submit.alt:hover,
				.woocommerce-page #respond input#submit.alt:hover,
				<?php echo $css( '.woocommerce #content', 'input.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button.alt:hover' ); ?>,
				<?php echo $css( '.woocommerce', 'a.button:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'a.button:hover' ); ?>,
				<?php echo $css( '.woocommerce', 'button.button:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'button.button:hover' ); ?>,
				<?php echo $css( '.woocommerce', 'input.button:hover' ); ?>,
				<?php echo $css( '.woocommerce-page', 'input.button:hover' ); ?>,
				.woocommerce #respond input#submit:hover,
				.woocommerce-page #respond input#submit:hover,
				<?php echo $css( '.woocommerce #content', 'input.button:hover' ); ?>,
				<?php echo $css( '.woocommerce-page #content', 'input.button:hover' ); ?> {
					<?php if ( ! empty( $button_text_color_hover ) ) { ?>
						color: <?php echo esc_html( $button_text_color_hover ); ?> !important;
					<?php } ?>
					<?php if ( 'rgba(255,255,255,0.2)' !== $button_bg_color_hover ) { ?>
						background-color: <?php echo esc_html( $button_bg_color_hover ); ?> !important;
					<?php } ?>
					<?php if ( 'rgba(0,0,0,0)' !== $button_border_color_hover ) { ?>
						border-color: <?php echo esc_html( $button_border_color_hover ); ?> !important;
					<?php } ?>
					<?php if ( 3 !== $button_border_radius_hover ) { ?>
						border-radius: <?php echo esc_html( $button_border_radius_hover ); ?>px;
					<?php } ?>
					<?php if ( 0 !== $button_spacing_hover ) { ?>
						letter-spacing: <?php echo esc_html( $button_spacing_hover ); ?>px;
					<?php } ?>
				}
			<?php } ?>
		<?php } ?>

		<?php if ( '' !== $body_header_style || 0 !== $body_header_spacing || 1.0 !== $body_header_height) { ?>
			<?php echo $css( 'h1' ); ?>,
			<?php echo $css( 'h2' ); ?>,
			<?php echo $css( 'h3' ); ?>,
			<?php echo $css( 'h4' ); ?>,
			<?php echo $css( 'h5' ); ?>,
			<?php echo $css( 'h6' ); ?>,
			<?php echo $css( '.et_quote_content blockquote p' ); ?>,
			<?php echo $css( '.et_pb_slide_description .et_pb_slide_title', false ); ?> {
				<?php if ( $body_header_style !== '' ) { ?>
					<?php echo esc_html( et_pb_print_font_style( $body_header_style ) ); ?>
				<?php } ?>
				<?php if ( 0 !== $body_header_spacing ) { ?>
					letter-spacing: <?php echo esc_html( $body_header_spacing ); ?>px;
				<?php } ?>

				<?php if ( 1.0 !== $body_header_height ) { ?>
					line-height: <?php echo esc_html( $body_header_height ); ?>em;
				<?php } ?>
			}
		<?php } ?>

		<?php
			/* Blog Meta */
			$et_pb_print_selectors_post_meta = "body.home-posts #left-area .et_pb_post .post-meta, body.archive #left-area .et_pb_post .post-meta, body.search #left-area .et_pb_post .post-meta, body.single #left-area .et_pb_post .post-meta";

			et_pb_print_styles_css( array(
				array(
					'key'      => 'post_meta_height',
					'type'     => 'line-height',
					'default'  => 1,
					'selector' => $et_pb_print_selectors_post_meta,
				),
				array(
					'key'      => 'post_meta_spacing',
					'type'     => 'letter-spacing',
					'default'  => 0,
					'selector' => $et_pb_print_selectors_post_meta,
				),
				array(
					'key'      => 'post_meta_style',
					'type'     => 'font-style',
					'default'  => '',
					'selector' => $et_pb_print_selectors_post_meta,
				),
			) );

			/* Blog Title */
			$et_pb_print_selectors_post_header = "body.home-posts #left-area .et_pb_post h2, body.archive #left-area .et_pb_post h2, body.search #left-area .et_pb_post h2, body.single .et_post_meta_wrapper h1";

			et_pb_print_styles_css( array(
				array(
					'key'      => 'post_header_height',
					'type'     => 'line-height',
					'default'  => 1,
					'selector' => $et_pb_print_selectors_post_header,
				),
				array(
					'key'      => 'post_header_spacing',
					'type'     => 'letter-spacing',
					'default'  => 0,
					'selector' => $et_pb_print_selectors_post_header,
				),
				array(
					'key'      => 'post_header_style',
					'type'     => 'font-style',
					'default'  => '',
					'selector' => $et_pb_print_selectors_post_header,
				),
			) );
		?>
		<?php if ( $header_style === 'slide' || $header_style === 'fullscreen' ) { ?>
			<?php if ( ! $slide_nav_show_top_bar ) { ?>
				.et_slide_menu_top { display: none; }
			<?php } ?>
			<?php if ( $accent_color !== $slide_nav_bg ) { ?>
				body #page-container .et_slide_in_menu_container { background: <?php echo esc_html( $slide_nav_bg ); ?>; }
			<?php } ?>
			<?php if ( '#ffffff' !== $slide_nav_links_color ) { ?>
				.et_slide_in_menu_container #mobile_menu_slide li span.et_mobile_menu_arrow:before,
				.et_slide_in_menu_container #mobile_menu_slide li a { color: <?php echo esc_html( $slide_nav_links_color ); ?>; }
			<?php } ?>
			<?php if ( '#ffffff' !== $slide_nav_links_color_active ) { ?>
				.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item span.et_mobile_menu_arrow:before,
				.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a { color: <?php echo esc_html( $slide_nav_links_color_active ); ?>; }
			<?php } ?>
			<?php if ( 'rgba(255,255,255,0.6)' !== $slide_nav_top_color ) { ?>
				.et_slide_in_menu_container .et_slide_menu_top,
				.et_slide_in_menu_container .et_slide_menu_top a,
				.et_slide_in_menu_container .et_slide_menu_top input { color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
				.et_slide_in_menu_container .et_slide_menu_top .et-search-form input,
				.et_slide_in_menu_container .et_slide_menu_top .et-search-form button#searchsubmit_header:before { color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
				.et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-webkit-input-placeholder { color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
				.et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-moz-placeholder { color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
				.et_slide_in_menu_container .et_slide_menu_top .et-search-form input:-ms-input-placeholder { color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
				.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before { color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
				.et_header_style_fullscreen .et_slide_menu_top .et-search-form { border-color: <?php echo esc_html( $slide_nav_top_color ); ?>; }
			<?php } ?>
			<?php if ( 'rgba(255,255,255,0.6)' !== $slide_nav_search ) { ?>
				.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input,
				.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form button#searchsubmit_header:before { color: <?php echo esc_html( $slide_nav_search ); ?>; }
				.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-webkit-input-placeholder { color: <?php echo esc_html( $slide_nav_search ); ?>; }
				.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-moz-placeholder { color: <?php echo esc_html( $slide_nav_search ); ?>; }
				.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input:-ms-input-placeholder { color: <?php echo esc_html( $slide_nav_search ); ?>; }
			<?php } ?>
			<?php if ( 'rgba(0,0,0,0.2)' !== $slide_nav_search_bg ) { ?>
				.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form { background: <?php echo esc_html( $slide_nav_search_bg ); ?> !important; }
			<?php } ?>
			<?php if ( 320 !== $slide_nav_width ) { ?>
				.et_header_style_slide .et_slide_in_menu_container { width: <?php echo esc_html( $slide_nav_width ); ?>px; }
			<?php } ?>
			<?php if ( '' !== $slide_nav_font_style ) { ?>
				.et_slide_in_menu_container,
				.et_slide_in_menu_container .et-search-field,
				.et_slide_in_menu_container a,
				.et_slide_in_menu_container #et-info span { <?php echo esc_html( et_pb_print_font_style( $slide_nav_font_style ) ); ?> }
			<?php } ?>
			<?php if ( 14 !== $slide_nav_font_size ) { ?>
				.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a { font-size: <?php echo esc_html( $slide_nav_font_size ); ?>px; }
			<?php } ?>
			<?php if ( 14 !== $slide_nav_top_font_size ) { ?>
				.et_header_style_slide .et_slide_in_menu_container,
				.et_header_style_slide .et_slide_in_menu_container input.et-search-field,
				.et_header_style_slide .et_slide_in_menu_container a,
				.et_header_style_slide .et_slide_in_menu_container #et-info span,
				.et_header_style_slide .et_slide_menu_top ul.et-social-icons a,
				.et_header_style_slide .et_slide_menu_top span { font-size: <?php echo esc_html( $slide_nav_top_font_size ); ?>px; }
				.et_header_style_slide .et_slide_in_menu_container .et-search-field::-moz-placeholder { font-size: <?php echo esc_html( $slide_nav_top_font_size ); ?>px; }
				.et_header_style_slide .et_slide_in_menu_container .et-search-field::-webkit-input-placeholder { font-size: <?php echo esc_html( $slide_nav_top_font_size ); ?>px; }
				.et_header_style_slide .et_slide_in_menu_container .et-search-field:-ms-input-placeholder { font-size: <?php echo esc_html( $slide_nav_top_font_size ); ?>px; }
			<?php } ?>
			<?php if ( 30 !== $fullscreen_nav_font_size ) { ?>
				.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a { font-size: <?php echo esc_html( $fullscreen_nav_font_size ); ?>px; }
				.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
				.et_slide_in_menu_container #mobile_menu_slide li a { padding: <?php echo esc_html( $fullscreen_nav_font_size / 2 ); ?>px 0; }
			<?php } ?>
			<?php if ( 18 !== $fullscreen_nav_top_font_size ) { ?>
				.et_header_style_fullscreen .et_slide_in_menu_container,
				.et_header_style_fullscreen .et_slide_in_menu_container input.et-search-field,
				.et_header_style_fullscreen .et_slide_in_menu_container a,
				.et_header_style_fullscreen .et_slide_in_menu_container #et-info span,
				.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons a,
				.et_header_style_fullscreen .et_slide_menu_top span { font-size: <?php echo esc_html( $fullscreen_nav_top_font_size ); ?>px; }
				.et_header_style_fullscreen .et_slide_in_menu_container .et-search-field::-moz-placeholder { font-size: <?php echo esc_html( $fullscreen_nav_top_font_size ); ?>px; }
				.et_header_style_fullscreen .et_slide_in_menu_container .et-search-field::-webkit-input-placeholder { font-size: <?php echo esc_html( $fullscreen_nav_top_font_size ); ?>px; }
				.et_header_style_fullscreen .et_slide_in_menu_container .et-search-field:-ms-input-placeholder { font-size: <?php echo esc_html( $fullscreen_nav_top_font_size ); ?>px; }
			<?php } ?>
			<?php if ( 0 !== $slide_nav_font_spacing ) { ?>
				.et_slide_in_menu_container,
				.et_slide_in_menu_container .et-search-field { letter-spacing: <?php echo esc_html( $slide_nav_font_spacing ); ?>px; }
				.et_slide_in_menu_container .et-search-field::-moz-placeholder { letter-spacing: <?php echo esc_html( $slide_nav_font_spacing ); ?>px; }
				.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder { letter-spacing: <?php echo esc_html( $slide_nav_font_spacing ); ?>px; }
				.et_slide_in_menu_container .et-search-field:-ms-input-placeholder { letter-spacing: <?php echo esc_html( $slide_nav_font_spacing ); ?>px; }
			<?php } ?>
		<?php } ?>
		@media only screen and ( min-width: 981px ) {
			<?php if ( 4 !== $section_padding ) { ?>
				<?php echo $css( '.et_pb_section', false ); ?> { padding: <?php echo esc_html( $section_padding ); ?>% 0; }
				<?php echo $css( '.et_pb_fullwidth_section', false ); ?> { padding: 0; }
			<?php } ?>
			<?php if ( 2 !== $row_padding ) { ?>
				<?php echo $css( '.et_pb_row', false ); ?> { padding: <?php echo esc_html( $row_padding ); ?>% 0; }
			<?php } ?>
			<?php if ( intval( $body_header_size * .6 ) !== $widget_header_font_size ) { ?>
				#main-footer .footer-widget h4,
				#main-footer .widget_block h1,
				#main-footer .widget_block h2,
				#main-footer .widget_block h3,
				#main-footer .widget_block h4,
				#main-footer .widget_block h5,
				#main-footer .widget_block h6 { font-size: <?php echo esc_html( $widget_header_font_size ); ?>px; }
			<?php } ?>
			<?php if ( 66 !== $menu_height ) { ?>
				.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation  { padding: <?php echo esc_html( round( $menu_height / 2 ) ); ?>px 0 0 0; }
				.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a { padding-bottom: <?php echo esc_html( round ( $menu_height / 2 ) ); ?>px; }
				.et_header_style_split .centered-inline-logo-wrap { width: <?php echo esc_html( $menu_height ); ?>px; margin: -<?php echo esc_html( $menu_height ); ?>px 0; }
				.et_header_style_split .centered-inline-logo-wrap #logo { max-height: <?php echo esc_html( $menu_height ); ?>px; }
				.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo { height: <?php echo esc_html( $menu_height ); ?>px; }
				.et_header_style_centered #top-menu > li > a { padding-bottom: <?php echo esc_html( round ( $menu_height * .18 ) ); ?>px; }
				.et_header_style_slide #et-top-navigation, .et_header_style_fullscreen #et-top-navigation { padding: <?php echo esc_html( round( ( $menu_height - 18 ) / 2 ) ); ?>px 0 <?php echo esc_html( round( ( $menu_height - 18 ) / 2 ) ); ?>px 0 !important; }
				<?php if ( ! $vertical_nav ) { ?>
					.et_header_style_centered #main-header .logo_container { height: <?php echo esc_html( $menu_height ); ?>px; }
				<?php } ?>
			<?php } ?>
			<?php if ( 54 !== $logo_height && in_array( $header_style, array( 'left', 'slide', 'fullscreen' ) ) ) { ?>
				#logo { max-height: <?php echo esc_html( $logo_height . '%' ); ?>; }
				.et_pb_svg_logo #logo { height: <?php echo esc_html( $logo_height . '%' ); ?>; }
			<?php } ?>
			<?php if ( 64 !== $logo_height && 'centered' === $header_style ) { ?>
				.et_header_style_centered #logo { max-height: <?php echo esc_html( $logo_height . '%' ); ?>; }
				.et_pb_svg_logo.et_header_style_centered #logo { height: <?php echo esc_html( $logo_height . '%' ); ?>; }
			<?php } ?>
			<?php if ( $vertical_nav && et_get_option( 'logo_height' ) ) { ?>
				#main-header .logo_container { width: <?php echo esc_html( $logo_height . '%' ); ?>; }
				.et_header_style_centered #main-header .logo_container,
				.et_header_style_split #main-header .logo_container { margin: 0 auto; }
			<?php } ?>
			<?php if ( $vertical_nav && 0 !== $menu_margin_top ) { ?>
				.et_vertical_nav #et-top-navigation { margin-top: <?php echo esc_html( $menu_margin_top . 'px' ); ?>;}
			<?php } ?>
			<?php if ( 'false' !== $hide_primary_logo || 'false' !== $hide_fixed_logo ) { ?>
				.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container { height: <?php echo esc_html( $menu_height * .18 ); ?>px; }
			<?php } ?>
			<?php if ( 40 !== $fixed_menu_height ) { ?>
				.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding: <?php echo esc_html( intval( round( $fixed_menu_height / 2 ) ) ); ?>px 0 0 0; }
				.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a  { padding-bottom: <?php echo esc_html( round( $fixed_menu_height / 2 ) ); ?>px; }
				.et_header_style_centered header#main-header.et-fixed-header .logo_container { height: <?php echo esc_html( $fixed_menu_height ); ?>px; }
				.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap { width: <?php echo esc_html( $fixed_menu_height ); ?>px; margin: -<?php echo esc_html( $fixed_menu_height ); ?>px 0;  }
				.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { max-height: <?php echo esc_html( $fixed_menu_height ); ?>px; }
				.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: <?php echo esc_html( $fixed_menu_height ); ?>px; }
				.et_header_style_slide .et-fixed-header #et-top-navigation, .et_header_style_fullscreen .et-fixed-header #et-top-navigation { padding: <?php echo esc_html( round( ( $fixed_menu_height - 18 ) / 2 ) ); ?>px 0 <?php echo esc_html( round( ( $fixed_menu_height - 18 ) / 2 ) ); ?>px 0 !important; }
			<?php } ?>
			<?php if ( 54 !== $logo_height && 'split' === $header_style ) { ?>
				.et_header_style_split #main-header .centered-inline-logo-wrap { width: auto; height: <?php echo esc_html( ( ( intval( $menu_height ) / 100 ) * $logo_height ) + 14 ); ?>px; }
				.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap { width: auto; height: <?php echo esc_html( ( ( intval( $fixed_menu_height ) / 100 ) * $logo_height ) + 14 ); ?>px; }
				.et_header_style_split .centered-inline-logo-wrap #logo,
				.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: auto; max-height: 100%; }

			<?php } ?>
			<?php if ( $fixed_secondary_nav_bg !== '#2ea3f2' ) { ?>
				.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul { background-color: <?php echo esc_html( $fixed_secondary_nav_bg ); ?>; }
			<?php } ?>
			<?php if ( $fixed_primary_nav_bg !== $primary_nav_bg ) { ?>
				.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form { background-color: <?php echo esc_html( $fixed_primary_nav_bg ); ?>; }
			<?php } ?>
			<?php if ( $fixed_primary_nav_font_size !== $primary_nav_font_size ) { ?>
				.et-fixed-header #top-menu li a { font-size: <?php echo esc_html( $fixed_primary_nav_font_size ); ?>px; }
			<?php } ?>
			<?php if ( $fixed_menu_link !== 'rgba(0,0,0,0.6)' ) { ?>
				.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
				.et-fixed-header .et_search_form_container input::-moz-placeholder { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
				.et-fixed-header .et_search_form_container input::-webkit-input-placeholder { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
				.et-fixed-header .et_search_form_container input:-ms-input-placeholder { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
			<?php } ?>
			<?php if ( $fixed_menu_link_active !== '#2ea3f2' ) { ?>
				.et-fixed-header #top-menu li.current-menu-ancestor > a,
				.et-fixed-header #top-menu li.current-menu-item > a,
				.et-fixed-header #top-menu li.current_page_item > a { color: <?php echo esc_html( $fixed_menu_link_active ); ?> !important; }
			<?php } ?>
			<?php if ( '#ffffff' !== $fixed_secondary_menu_link ) { ?>
				.et-fixed-header#top-header a { color: <?php echo esc_html( $fixed_secondary_menu_link ); ?>; }
			<?php } ?>

			<?php
				/* Blog Meta & Title */
				et_pb_print_styles_css( array(
					array(
						'key'      => 'post_meta_font_size',
						'type'     => 'font-size',
						'default'  => 14,
						'selector' => $et_pb_print_selectors_post_meta,
					),
					array(
						'key'      => 'post_header_font_size',
						'type'     => 'font-size-post-header',
						'default'  => 30,
						'selector' => '',
					),
				) );
			?>
		}

		@media only screen and ( min-width: <?php echo esc_html( $large_content_width ); ?>px) {
			<?php echo $css( '.et_pb_row', false ); ?> { padding: <?php echo esc_html( intval( $large_content_width * $row_padding / 100 ) ); ?>px 0; }
			<?php echo $css( '.et_pb_section', false ); ?> { padding: <?php echo esc_html( intval( $large_content_width * $section_padding / 100 ) ); ?>px 0; }
			.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper { padding-top: <?php echo esc_html( intval( $large_content_width * $row_padding / 100 * 3 ) ); ?>px; }
			<?php echo $css( '.et_pb_fullwidth_section', false ); ?> { padding: 0; }
		}

		<?php if ( 30 !== $body_header_size ) { ?>
			<?php echo $css( 'h1' ); ?>,
			<?php echo $css( 'h1.et_pb_contact_main_title' ); ?>,
			<?php echo $css( '.et_pb_title_container h1' ); ?> {
				font-size: <?php echo esc_html( $body_header_size ); ?>px;
			}
			<?php echo $css( 'h2' ); ?>,
			<?php echo $css( '.product .related h2' ); ?>,
			<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote p', false ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * .86 ) ) ; ?>px;
			}
			<?php echo $css( 'h3' ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * .73 ) ); ?>px;
			}
			<?php echo $css( 'h4' ); ?>,
			<?php echo $css( '.et_pb_circle_counter h3', false ); ?>,
			<?php echo $css( '.et_pb_number_counter h3', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_pb_post h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_pb_post h2', false ); ?>,
			<?php echo $css( '.et_pb_blog_grid h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote p', false ); ?>,
			<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote p', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote p', false ); ?>,
			<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote p', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_link_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_3_8 .et_link_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_link_content h2', false ); ?>,
			<?php echo $css( '.et_pb_blog_grid .et_link_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_audio_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_3_8 .et_audio_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_audio_content h2', false ); ?>,
			<?php echo $css( '.et_pb_blog_grid .et_audio_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_3_8 .et_pb_audio_module_content h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_3 .et_pb_audio_module_content h2', false ); ?>,
			<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
			<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
			<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * .6 ) ); ?>px;
			}
			<?php echo $css( 'h5' ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * .53 ) ); ?>px;
			}
			<?php echo $css( 'h6' ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * .47 ) ); ?>px;
			}
			<?php echo $css( '.et_pb_slide_description .et_pb_slide_title', false ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * 1.53 ) ); ?>px;
			}
			<?php if ( et_is_woocommerce_plugin_active() ) { ?>
				<?php echo $css( '.woocommerce', 'ul.products li.product h3' ); ?>,
				<?php echo $css( '.woocommerce-page', 'ul.products li.product h3' ); ?>,
			<?php } ?>
			<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
			<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
			<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
			<?php echo $css( '.et_pb_column_1_4 .et_pb_audio_module_content h2', false ); ?> {
				font-size: <?php echo esc_html( intval( $body_header_size * .53 ) ); ?>px;
			}
		<?php } ?>

		@media only screen and ( max-width: 980px ) {
			<?php if ( $mobile_primary_nav_bg !== $primary_nav_bg ) { ?>
				#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: <?php echo esc_html( $mobile_primary_nav_bg ); ?>; }
			<?php } ?>
			<?php if ( $menu_link !== $mobile_menu_link ) { ?>
				.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar:before, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a, .et_mobile_menu li a, #et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
				.et_close_search_field:after { color: <?php echo esc_html( $mobile_menu_link ); ?> !important; }
				.et_search_form_container input::-moz-placeholder { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
				.et_search_form_container input::-webkit-input-placeholder { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
				.et_search_form_container input:-ms-input-placeholder { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
			<?php } ?>
			<?php if ( 14 !== $tablet_body_font_size && $body_font_size !== $tablet_body_font_size ) { ?>
				<?php echo esc_html( $body_selector_sibling ); ?>
				<?php echo esc_html( $body_selector ); ?>,
				<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_1_2 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_link_content a.et_link_main_url', false ); ?> {
					font-size: <?php echo esc_html( $tablet_body_font_size ); ?>px;
				}
				<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content', false ); ?>,
				<?php echo $css( '.et_pb_best_value', false ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_body_font_size * 1.14 ) ); ?>px;
				}
			<?php } ?>
			<?php if ( 30 !== $tablet_header_font_size && $tablet_header_font_size !== $body_header_size ) { ?>
				<?php echo $css( 'h1' ); ?> {
					font-size: <?php echo esc_html( $tablet_header_font_size ); ?>px;
				}
				<?php echo $css( 'h2' ); ?>,
				<?php echo $css( '.product .related h2' ); ?>,
				<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote p', false ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * .86 ) ) ; ?>px;
				}
				<?php echo $css( 'h3' ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * .73 ) ); ?>px;
				}
				<?php echo $css( 'h4', false ); ?>,
				<?php echo $css( '.et_pb_circle_counter h3', false ); ?>,
				<?php echo $css( '.et_pb_number_counter h3', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_pb_post h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_pb_post h2', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_pb_audio_module_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_pb_audio_module_content h2', false ); ?>,
				<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
				<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
				<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * .6 ) ); ?>px;
				}
				<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title', false ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * 1.53 ) ); ?>px;
				}
				<?php if ( et_is_woocommerce_plugin_active() ) { ?>
					<?php echo $css( '.woocommerce', 'ul.products li.product h3' ); ?>,
					<?php echo $css( '.woocommerce-page', 'ul.products li.product h3' ); ?>,
				<?php } ?>
				<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
				<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
				<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_pb_audio_module_content h2', false ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * .53 ) ); ?>px;
				}
				<?php echo $css( 'h5' ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * .53 ) ); ?>px;
				}
				<?php echo $css( 'h6' ); ?> {
					font-size: <?php echo esc_html( intval( $tablet_header_font_size * .47 ) ); ?>px;
				}
			<?php } ?>
			<?php if ( 50 !== $tablet_section_height ) { ?>
				<?php echo $css( '.et_pb_section', false ); ?> {
					padding: <?php echo esc_html( $tablet_section_height ); ?>px 0;
				}
				<?php echo $css( '.et_pb_section.et_pb_fullwidth_section', false ); ?> {
					padding: 0;
				}
			<?php } ?>
			<?php if ( 30 !== $tablet_row_height ) { ?>
				<?php echo $css( '.et_pb_row', false ); ?>,
				<?php echo $css( '.et_pb_column .et_pb_row_inner', false ); ?> {
					padding: <?php echo esc_html( $tablet_row_height ); ?>px 0;
				}
			<?php } ?>
		}
		@media only screen and ( max-width: 767px ) {
			<?php if ( 14 !== $phone_body_font_size && $phone_body_font_size !== $tablet_body_font_size ) { ?>
				<?php echo esc_html( $body_selector_sibling ); ?>
				<?php echo esc_html( $body_selector ); ?>,
				<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_1_2 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote cite', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_link_content a.et_link_main_url', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_link_content a.et_link_main_url', false ); ?> {
					font-size: <?php echo esc_html( $phone_body_font_size ); ?>px;
				}
				<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content', false ); ?>,
				<?php echo $css( '.et_pb_best_value', false ); ?> {
					font-size: <?php echo esc_html( intval( $phone_body_font_size * 1.14 ) ); ?>px;
				}
			<?php } ?>
			<?php if ( 30 !== $phone_header_font_size && $tablet_header_font_size !== $phone_header_font_size ) { ?>
				<?php echo $css( 'h1' ); ?> {
					font-size: <?php echo esc_html( $phone_header_font_size ); ?>px;
				}
				<?php echo $css( 'h2' ); ?>,
				<?php echo $css( '.product .related h2' ); ?>,
				<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote p', false ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * .86 ) ) ; ?>px;
				}
				<?php echo $css( 'h3' ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * .73 ) ); ?>px;
				}
				<?php echo $css( 'h4' ); ?>,
				<?php echo $css( '.et_pb_circle_counter h3', false ); ?>,
				<?php echo $css( '.et_pb_number_counter h3', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_pb_post h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_pb_post h2', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote p', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_link_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_blog_grid .et_audio_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_3_8 .et_pb_audio_module_content h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_3 .et_pb_audio_module_content h2', false ); ?>,
				<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
				<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
				<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * .6 ) ); ?>px;
				}
				<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title', false ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * 1.53 ) ); ?>px;
				}
				<?php if ( et_is_woocommerce_plugin_active() ) { ?>
					<?php echo $css( '.woocommerce', 'ul.products li.product h3' ); ?>,
					<?php echo $css( '.woocommerce-page', 'ul.products li.product h3' ); ?>,
				<?php } ?>
				<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
				<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
				<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
				<?php echo $css( '.et_pb_column_1_4 .et_pb_audio_module_content h2', false ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * .53 ) ); ?>px;
				}
				<?php echo $css( 'h5' ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * .53 ) ) ?>px;
				}
				<?php echo $css( 'h6' ); ?> {
					font-size: <?php echo esc_html( intval( $phone_header_font_size * .47 ) ) ?>px;
				}
			<?php } ?>
			<?php if ( 50 !== $phone_section_height && $tablet_section_height !== $phone_section_height ) { ?>
				<?php echo $css( '.et_pb_section', false ); ?> {
					padding: <?php echo esc_html( $phone_section_height ); ?>px 0;
				}
				<?php echo $css( '.et_pb_section.et_pb_fullwidth_section', false ); ?> {
					padding: 0;
				}
			<?php } ?>
			<?php if ( 30 !== $phone_row_height && $tablet_row_height !== $phone_row_height ) { ?>
				<?php echo $css( '.et_pb_row', false ); ?>,
				<?php echo $css( '.et_pb_column .et_pb_row_inner', false ); ?> {
					padding: <?php echo esc_html( $phone_row_height ); ?>px 0;
				}
			<?php } ?>
		}

	<?php // <<<--------- END THEME CUSTOMIZER CSS --------->>>

		/**
		 * Filter Theme Customizer CSS output.
		 *
		 * @since 3.0.51
		 *
		 * @param string $theme_customizer_css
		 */
		$css_output[] = apply_filters( 'et_divi_theme_customizer_css_output', ob_get_clean() );

		$et_gf_heading_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'heading_font', 'none' ) ) );
		$et_gf_body_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'body_font', 'none' ) ) );
		$et_gf_buttons_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'all_buttons_font', 'none' ) ) );
		$et_gf_primary_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'primary_nav_font', 'none' ) ) );
		$et_gf_secondary_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'secondary_nav_font', 'none' ) ) );
		$et_gf_slide_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'slide_nav_font', 'none' ) ) );

		/* =========================================
		 * --------->>> BEGIN FONTS CSS <<<---------
		 * ========================================= */
		ob_start();

	if ( ! in_array( $et_gf_heading_font, array( '', 'none' ), true ) || ! in_array( $et_gf_body_font, array( '', 'none' ), true ) || ! in_array( $et_gf_buttons_font, array( '', 'none' ), true ) || ! in_array( $et_gf_primary_nav_font, array( '', 'none' ), true ) || ! in_array( $et_gf_secondary_nav_font, array( '', 'none' ), true ) || ! in_array( $et_gf_slide_nav_font, array( '', 'none' ), true ) ) {
			if ( ! in_array( $et_gf_heading_font, array( '', 'none' ) ) ) {
				?>
				<?php echo $css( 'h1' ); ?>,
				<?php echo $css( 'h2' ); ?>,
				<?php echo $css( 'h3' ); ?>,
				<?php echo $css( 'h4' ); ?>,
				<?php echo $css( 'h5' ); ?>,
				<?php echo $css( 'h6' ); ?> {
					<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_heading_font ) ); ?>
				}
			<?php }

			if ( ! in_array( $et_gf_body_font, array( '', 'none' ) ) ) { ?>
				body,
				<?php echo $css( 'input' ); ?>,
				<?php echo $css( 'textarea' ); ?>,
				<?php echo $css( 'select' ); ?> {
					<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_body_font ) ); ?>
				}
			<?php }

			if ( ! in_array( $et_gf_buttons_font, array( '', 'none' ) ) ) { ?>
				<?php echo $css( '.et_pb_button', false ); ?> {
					<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_buttons_font ) ); ?>
				}
			<?php }

			if ( ! in_array( $et_gf_primary_nav_font, array( '', 'none' ) ) ) { ?>
				#main-header,
				#et-top-navigation {
					<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_primary_nav_font ) ); ?>
				}
			<?php }

			if ( ! in_array( $et_gf_secondary_nav_font, array( '', 'none' ) ) ) { ?>
				#top-header .container {
					<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_secondary_nav_font ) ); ?>
				}
			<?php }

			if ( ! in_array( $et_gf_slide_nav_font, array( '', 'none' ) ) ) { ?>
				.et_slide_in_menu_container, .et_slide_in_menu_container .et-search-field{
					<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_slide_nav_font ) ); ?>
				}
			<?php }
		} // <<<--------- END FONTS CSS --------->>>

		/**
		 * Filter fonts CSS output.
		 *
		 * @since 3.0.51
		 *
		 * @param string $css_output
		 */
		$css_output[] = apply_filters( 'et_divi_fonts_css_output', ob_get_clean() );

		/**
		 * use_sidebar_width might invalidate the use of sidebar_width.
		 * It is placed outside other customizer style so live preview
		 * can invalidate and revalidate it for smoother experience
		 */
		if ( $use_sidebar_width && 21 !== $sidebar_width && 19 <= $sidebar_width && 33 >= $sidebar_width ) {
			$content_width = 100 - $sidebar_width;
			$content_width_percentage = $content_width . '%';
			$sidebar_width_percentage = $sidebar_width . '%';
			$sidebar_width_css        = sprintf(
				'body #page-container #sidebar { width:%2$s; }
				body #page-container #left-area { width:%1$s; }
				.et_right_sidebar #main-content .container:before { right:%2$s !important; }
				.et_left_sidebar #main-content .container:before { left:%2$s !important; }',
				esc_html( $content_width_percentage  ),
				esc_html( $sidebar_width_percentage )
			);

			/**
			 * Filter sidebar width CSS output.
			 *
			 * @since 3.0.51
			 *
			 * @param string $sidebar_width_css
			 */
			$css_output[] = apply_filters( 'et_divi_sidebar_width_css_output', $sidebar_width_css );
		}

		/* ====================================================
		 * --------->>> BEGIN MODULE CUSTOMIZER CSS <<<--------
		 * ==================================================== */

		/**
		 * @since ??
		 *
		 * Module Customizer contains only CSS responsible for the font size options.
		 * The CSS is printed only if website has an unmigrated Module Customizer font size values into the
		 * new Global Defaults system. The values suppose to be migrated at the first time when Global Defaults
		 * changes are saved.
		 */

		$custom_defaults_unmigrated = et_get_option( 'builder_custom_defaults_unmigrated', false );

		// Module customizer should only be printed if current page uses builder to avoid module
		// customizer styling being cached on <code>et-divi-customizer-global-*css</code> file which is only
		// served on non-builder page
		if ( et_core_is_builder_used_on_current_request() && $custom_defaults_unmigrated ) {

			ob_start();

			/* Gallery */
			et_pb_print_module_styles_css( 'et_pb_gallery', array(
				array(
					'type'		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title',
				),
				array(
					'type'		=> 'font-size',
					'key' 		=> 'caption_font_size',
					'selector' 	=> '.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_caption',
				),
			) );

			/* Blurb */
			et_pb_print_module_styles_css( 'et_pb_blurb', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_blurb h4',
				),
			) );

			/* Tabs */
			et_pb_print_module_styles_css( 'et_pb_tabs', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_tabs_controls li',
				),
				array(
					'type' 		=> 'padding-tabs',
					'key' 		=> 'padding',
					'selector' 	=> '',
				),
			) );

			/* Slider */
			et_pb_print_module_styles_css( 'et_pb_slider', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_slider_fullwidth_off .et_pb_slide_description .et_pb_slide_title',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'body_font_size',
					'selector' 	=> '.et_pb_slider_fullwidth_off .et_pb_slide_content',
				),
				array(
					'type' 		=> 'padding-slider',
					'key' 		=> 'padding',
					'selector' 	=> '.et_pb_slider_fullwidth_off .et_pb_slide_description',
				),
			) );

			/* Pricing Table */
			et_pb_print_module_styles_css( 'et_pb_pricing_tables', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_pricing_heading h2',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'subheader_font_size',
					'selector' 	=> '.et_pb_best_value',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'price_font_size',
					'selector' 	=> '.et_pb_sum',
				),
			) );

			/* Call to Action */
			et_pb_print_module_styles_css( 'et_pb_cta', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_promo h2',
				),
				array(
					'type' 		=> 'padding-call-to-action',
					'key' 		=> 'custom_padding',
					'selector' 	=> '',
					'important' => true,
				),
			) );

			/* Audio */
			et_pb_print_module_styles_css( 'et_pb_audio', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_audio_module_content h2',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'caption_font_size',
					'selector' 	=> '.et_pb_audio_module p',
				),
			) );

			/* Email Optin */
			et_pb_print_module_styles_css( 'et_pb_signup', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_subscribe h2',
				),
				array(
					'type' 		=> 'padding',
					'key' 		=> 'padding',
					'selector' 	=> '.et_pb_subscribe',
				),
			) );

			/* Login */
			et_pb_print_module_styles_css( 'et_pb_login', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_login h2',
				),
				array(
					'type' 		=> 'padding-top-bottom',
					'key' 		=> 'custom_padding',
					'selector' 	=> '.et_pb_login',
				),
			) );

			/* Portfolio */
			et_pb_print_module_styles_css( 'et_pb_portfolio', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_portfolio .et_pb_portfolio_item h2, .et_pb_fullwidth_portfolio .et_pb_portfolio_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'caption_font_size',
					'selector' 	=> '.et_pb_portfolio .et_pb_portfolio_item .post-meta, .et_pb_fullwidth_portfolio .et_pb_portfolio_item .post-meta, .et_pb_portfolio_grid .et_pb_portfolio_item .post-meta',
				),
			) );

			/* Filterable Portfolio */
			et_pb_print_module_styles_css( 'et_pb_filterable_portfolio', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_filterable_portfolio .et_pb_portfolio_item h2',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'caption_font_size',
					'selector' 	=> '.et_pb_filterable_portfolio .et_pb_portfolio_item .post-meta',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'filter_font_size',
					'selector' 	=> '.et_pb_filterable_portfolio .et_pb_portfolio_filters li',
				),
			) );

			/* Bar Counter */
			et_pb_print_module_styles_css( 'et_pb_counters', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_counters .et_pb_counter_title',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'percent_font_size',
					'selector' 	=> '.et_pb_counters .et_pb_counter_amount',
				),
				array(
					'type' 		=> 'padding',
					'key' 		=> 'padding',
					'selector' 	=> '.et_pb_counter_amount',
				),
			) );

			/* Circle Counter */
			et_pb_print_module_styles_css( 'et_pb_circle_counter', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'number_font_size',
					'selector' 	=> '.et_pb_circle_counter .percent p',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_circle_counter h3',
				),
			) );

			/* Number Counter */
			et_pb_print_module_styles_css( 'et_pb_number_counter', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'number_font_size',
					'selector' 	=> '.et_pb_number_counter .percent p',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_number_counter h3',
				),
			) );

			/* Accordion */
			et_pb_print_module_styles_css( 'et_pb_accordion', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'toggle_font_size',
					'selector' 	=> '.et_pb_accordion .et_pb_toggle_title',
				),
				array(
					'type' 		=> 'padding',
					'key' 		=> 'custom_padding',
					'selector' 	=> '.et_pb_accordion .et_pb_toggle_open, .et_pb_accordion .et_pb_toggle_close',
				),
			) );

			/* Toggle */
			et_pb_print_module_styles_css( 'et_pb_toggle', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_toggle.et_pb_toggle_item h5',
				),
				array(
					'type' 		=> 'padding',
					'key' 		=> 'custom_padding',
					'selector' 	=> '.et_pb_toggle.et_pb_toggle_item',
				),
			) );

			/* Contact Form */
			et_pb_print_module_styles_css( 'et_pb_contact_form', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.et_pb_contact_form_container .et_pb_contact_main_title',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'form_field_font_size',
					'selector' 	=> '.et_pb_contact_form_container .et_pb_contact p input, .et_pb_contact_form_container .et_pb_contact p textarea',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'captcha_font_size',
					'selector' 	=> '.et_pb_contact_captcha_question',
				),
				array(
					'type' 		=> 'padding',
					'key' 		=> 'padding',
					'selector' 	=> '.et_pb_contact p input, .et_pb_contact p textarea',
				),
			) );

			/* Sidebar */
			et_pb_print_module_styles_css( 'et_pb_sidebar', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_widget_area h4',
				),
			) );

			/* Person */
			et_pb_print_module_styles_css( 'et_pb_team_member', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_team_member h4',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'subheader_font_size',
					'selector' 	=> '.et_pb_team_member .et_pb_member_position',
				),
			) );

			/* Blog */
			et_pb_print_module_styles_css( 'et_pb_blog', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_posts .et_pb_post h2',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'meta_font_size',
					'selector' 	=> '.et_pb_posts .et_pb_post .post-meta',
				),
			) );

			/* Blog Masonry */
			et_pb_print_module_styles_css( 'et_pb_blog_masonry', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_blog_grid .et_pb_post h2',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'meta_font_size',
					'selector' 	=> '.et_pb_blog_grid .et_pb_post .post-meta',
				),
			) );

			/* Shop */
			et_pb_print_module_styles_css( 'et_pb_shop', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'title_font_size',
					'selector' 	=> '.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3',
					'important' => false,
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'sale_badge_font_size',
					'selector' 	=> '.woocommerce span.onsale, .woocommerce-page span.onsale',
					'important' => false,
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'price_font_size',
					'selector' 	=> '.woocommerce ul.products li.product .price .amount, .woocommerce-page ul.products li.product .price .amount',
					'important' => false,
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'sale_price_font_size',
					'selector' 	=> '.woocommerce ul.products li.product .price ins .amount, .woocommerce-page ul.products li.product .price ins .amount',
					'important' => false,
				),
			) );

			/* Countdown */
			et_pb_print_module_styles_css( 'et_pb_countdown_timer', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_countdown_timer .title',
				),
			) );

			/* Social */
			et_pb_print_module_styles_css( 'et_pb_social_media_follow', array(
				array(
					'type' 		=> 'social-icon-size',
					'key' 		=> 'icon_size',
					'selector' 	=> '',
				),
			) );

			/* Fullwidth Slider */
			et_pb_print_module_styles_css( 'et_pb_fullwidth_slider', array(
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'header_font_size',
					'selector' 	=> '.et_pb_fullwidth_section .et_pb_slide_description .et_pb_slide_title',
					'default' 	=> '46',
				),
				array(
					'type' 		=> 'font-size',
					'key' 		=> 'body_font_size',
					'selector' 	=> '.et_pb_fullwidth_section .et_pb_slide_content',
					'default' 	=> 16,
				),
				array(
					'type' 		=> 'padding-slider',
					'key' 		=> 'padding',
					'selector' 	=> '.et_pb_fullwidth_section .et_pb_slide_description',
					'default' 	=> '16',
				),
			) ); // <<<--------- END MODULE CUSTOMIZER CSS --------->>>

			/**
			 * Filter Module Customizer CSS output.
			 *
			 * @since 3.0.51
			 *
			 * @param string $module_customizer_css
			 */
			$css_output[] = apply_filters( 'et_divi_module_customizer_css_output', ob_get_clean() );
		}

		// Give the output to the style manager so a static resource can be created and served.
		$styles_manager->set_data( implode( '\n', $css_output ) );
}
add_action( 'wp', 'et_divi_add_customizer_css' );

/**
 * Outputting saved customizer style settings
 *
 * @return void
 */
function et_pb_print_css( $setting ) {

	// Defaults value
	$defaults = array(
		'key'       => false,
		'selector'  => false,
		'type'      => false,
		'default'   => false,
		'important' => false
	);

	// Parse given settings aginst defaults
	$setting = wp_parse_args( $setting, $defaults );

	if (
		$setting['key']      !== false ||
		$setting['selector'] !== false ||
		$setting['type']     !== false ||
		$setting['settings'] !== false
	) {

		// Some attribute requires !important tag
		if ( $setting['important'] ) {
			$important = "!important";
		} else {
			$important = "";
		}

		// get value
		$value = et_get_option( $setting['key'], $setting['default'] );

		// Output css based on its type
		if ( $value !== false && $value != $setting['default'] ) {
			switch ( $setting['type'] ) {
				case 'font-size':
					printf( '%1$s { font-size: %2$spx %3$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value ),
						$important );
					break;

				case 'font-size-post-header':
					$posts_font_size = intval( $value ) * ( 26 / 30 );
					printf( 'body.home-posts #left-area .et_pb_post h2, body.archive #left-area .et_pb_post h2, body.search #left-area .et_pb_post h2 { font-size:%1$spx }
						body.single .et_post_meta_wrapper h1 { font-size:%2$spx; }',
						esc_html( $posts_font_size ),
						esc_html( $value )
					);
					break;

				case 'font-style':
					printf( '%1$s { %2$s }',
						esc_html( $setting['selector'] ),
						et_pb_print_font_style( $value, $important )
					);
					break;

				case 'letter-spacing':
					printf( '%1$s { letter-spacing: %2$spx %3$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value ),
						$important
					);
					break;

				case 'line-height':
					printf( '%1$s { line-height: %2$sem %3$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value ),
						$important
					);
					break;

				case 'color':
					printf( '%1$s { color: %2$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'background-color':
					printf( '%1$s { background-color: %2$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'border-radius':
					printf( '%1$s { -moz-border-radius: %2$spx; -webkit-border-radius: %2$spx; border-radius: %2$spx; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'width':
					printf( '%1$s { width: %2$spx; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'height':
					printf( '%1$s { height: %2$spx; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'padding':
					printf( '%1$s { padding: %2$spx; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'padding-top-bottom':
					printf( '%1$s { padding: %2$spx 0; }',
						esc_html( $setting['selector'] ),
						esc_html( $value )
					);
					break;

				case 'padding-tabs':
					printf( '%1$s { padding: %2$spx %3$spx; }',
						esc_html( $setting['selector'] ),
						esc_html( ( intval( $value ) * 0.5 ) ),
						esc_html( $value )
					);
					break;

				case 'padding-fullwidth-slider':
					printf( '%1$s { padding: %2$s %3$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value ) . '%',
						'0'
					);
					break;

				case 'padding-slider':
					printf( '%1$s { padding: %2$s %3$s; }',
						esc_html( $setting['selector'] ),
						esc_html( $value ) . '%',
						esc_html( ( intval( $value ) / 2 ) ) . '%'
					);
					break;

				case 'social-icon-size':
					$icon_margin 	= intval( $value ) * 0.57;
					$icon_dimension = intval( $value ) * 2;
					?>
					.et_pb_social_media_follow li a.icon{
						margin-right: <?php echo esc_html( $icon_margin ); ?>px;
						width: <?php echo esc_html( $icon_dimension ); ?>px;
						height: <?php echo esc_html( $icon_dimension ); ?>px;
					}

					.et_pb_social_media_follow li a.icon::before{
						width: <?php echo esc_html( $icon_dimension ); ?>px;
						height: <?php echo esc_html( $icon_dimension ); ?>px;
						font-size: <?php echo esc_html( $value ); ?>px;
						line-height: <?php echo esc_html( $icon_dimension ); ?>px;
					}
					<?php
					break;
			}
		}
	}
}

/**
 * Outputting saved customizer style(s) settings
 */
function et_pb_print_styles_css( $settings = array() ) {

	// $settings should be in array
	if ( is_array( $settings ) && ! empty( $settings ) ) {

		// Loop settings
		foreach ( $settings as $setting ) {

			// Print css
			et_pb_print_css( $setting );

		}
	}
}

/**
 * Outputting saved module styles settings. DRY
 *
 * @return void
 */
function et_pb_print_module_styles_css( $section = '', $settings = array() ) {
	$css = 'et_builder_maybe_wrap_css_selector';

	// Verify settings
	if ( is_array( $settings ) && ! empty( $settings ) ) {

		// Loop settings
		foreach ( $settings as $setting ) {

			// settings must have these elements: key, selector, default, and type
			if ( ! isset( $setting['key'] ) ||
				! isset( $setting['selector'] ) ||
				! isset( $setting['type'] ) ) {
				continue;
			}

			// Some attributes such as shop requires !important tag
			if ( isset( $setting['important'] ) && true === $setting['important'] ) {
				$important = ' !important';
			} else {
				$important = '';
			}

			// Prepare the setting key
			$key = "{$section}-{$setting['key']}";

			// Get the value
			$value = ET_Global_Settings::get_value( $key );
			$default_value = ET_Global_Settings::get_value( $key, 'default' );

			// Format the selector.
			$selector = $css( $setting['selector'], false );

			// Output CSS based on its type
			if ( false !== $value && $default_value !== $value ) {

				switch ( $setting['type'] ) {
					case 'font-size':

						printf( "%s { font-size: %spx%s; }\n", esc_html( $selector ), esc_html( $value ), $important );

						// Option with specific adjustment for smaller columns
						$smaller_title_sections = array(
							'et_pb_audio-title_font_size',
							'et_pb_blog-header_font_size',
							'et_pb_cta-header_font_size',
							'et_pb_contact_form-title_font_size',
							'et_pb_login-header_font_size',
							'et_pb_signup-header_font_size',
							'et_pb_slider-header_font_size',
							'et_pb_slider-body_font_size',
							'et_pb_countdown_timer-header_font_size',
						);

						if ( in_array( $key, $smaller_title_sections ) ) {

							// font size coefficient
							switch ( $key ) {
								case 'et_pb_slider-header_font_size':
									$font_size_coefficient = .565217391; // 26/46
									break;

								case 'et_pb_slider-body_font_size':
									$font_size_coefficient = .777777778; // 14/16
									break;

								default:
									$font_size_coefficient = .846153846; // 22/26
									break;
							}

							printf( '%1$s { font-size: %2$spx%3$s; }',
								esc_html( $css( '.et_pb_column_1_3 ' . $setting['selector'], false ) ),
								esc_html( $value * $font_size_coefficient ),
								$important
							);

							printf( '%1$s { font-size: %2$spx%3$s; }',
								esc_html( $css( '.et_pb_column_1_4 ' . $setting['selector'], false ) ),
								esc_html( $value * $font_size_coefficient ),
								$important
							);
						}

						break;

					case 'font-size':
						$value = intval( $value );

						printf( $css( '.et_pb_countdown_timer .title', false ) . ' { font-size: %spx; }', esc_html( $value ) );
						printf( $css( '.et_pb_column_3_8 .et_pb_countdown_timer .title', false ) . ' { font-size: %spx; }', esc_html( $value * ( 18 / 22 ) ) );
						printf( $css( '.et_pb_column_1_3 .et_pb_countdown_timer .title', false ) . ' { font-size: %spx; }', esc_html( $value * ( 18 / 22 ) ) );
						printf( $css( '.et_pb_column_1_4 .et_pb_countdown_timer .title', false ) . ' { font-size: %spx; }', esc_html( $value * ( 18 / 22 ) ) );
						break;

					case 'font-style':
						printf( "%s { %s }\n", esc_html( $selector ), et_pb_print_font_style( $value, $important ) );
						break;

					case 'color':
						printf( "%s { color: %s%s; }\n", esc_html( $selector ), esc_html( $value ), $important );
						break;

					case 'background-color':
						printf( "%s { background-color: %s%s; }\n", esc_html( $selector ), esc_html( $value ), $important );
						break;

					case 'border-radius':
						printf( "%s { -moz-border-radius: %spx; -webkit-border-radius: %spx; border-radius: %spx; }\n", esc_html( $selector ), esc_html( $value ), esc_html( $value ), esc_html( $value ) );
						break;

					case 'width':
						printf( "%s { width: %spx%s; }\n", esc_html( $selector ), esc_html( $value ), $important );
						break;

					case 'height':
						printf( "%s { height: %spx%s; }\n", esc_html( $selector ), esc_html( $value ), $important );
						break;

					case 'padding':
						printf( "%s { padding: %spx; }\n", esc_html( $selector ), esc_html( $value ) );
						break;

					case 'padding-top-bottom':
						printf( "%s { padding: %spx 0; }\n", esc_html( $selector ), esc_html( $value ) );
						break;

					case 'padding-tabs':
						$padding_tab_top_bottom 	= intval( $value ) * 0.133333333;
						$padding_tab_active_top 	= $padding_tab_top_bottom + 1;
						$padding_tab_active_bottom 	= $padding_tab_top_bottom - 1;
						$padding_tab_content 		= intval( $value ) * 0.8;

						// negative result will cause layout issue
						if ( $padding_tab_active_bottom < 0 ) {
							$padding_tab_active_bottom = 0;
						}

						printf(
							"%s { padding: %spx %spx %spx; }\n",
							esc_html( $css( '.et_pb_tabs_controls li', false ) ),
							esc_html( $padding_tab_active_top ),
							esc_html( $value ),
							esc_html( $padding_tab_active_bottom )
						);

						printf(
							"%s { padding: %spx %spx; }\n",
							esc_html( $css( '.et_pb_tabs_controls li.et_pb_tab_active', false ) ),
							esc_html( $padding_tab_top_bottom ),
							esc_html( $value )
						);

						printf(
							"%s { padding: %spx %spx; }\n",
							esc_html( $css( '.et_pb_all_tabs', false ) ),
							esc_html( $padding_tab_content ),
							esc_html( $value )
						);
						break;

					case 'padding-slider':
						printf( "%s { padding-top: %s; padding-bottom: %s }\n", esc_html( $selector ), esc_html( $value ) . '%', esc_html( $value ) . '%' );

						if ( 'et_pagebuilder_slider_padding' === $key ) {
							printf( '@media only screen and ( max-width: 767px ) { %1$s { padding-top: %2$s; padding-bottom: %2$s; } }', esc_html( $selector ), '16%' );
						}
						break;

					case 'padding-call-to-action':
						$value = intval( $value );

						printf(
							"%s { padding: %spx %spx !important; }\n",
							esc_html( $css( '.et_pb_promo', false ) ),
							esc_html( $value ),
							esc_html( $value * ( 60 / 40 ) )
						);

						printf(
							"%s { padding: %spx; }\n",
							esc_html( $css( '.et_pb_column_1_2 .et_pb_promo', false ) ),
							esc_html( $value )
						);

						printf(
							"%s { padding: %spx; }\n",
							esc_html( $css( '.et_pb_column_1_3 .et_pb_promo', false ) ),
							esc_html( $value )
						);

						printf(
							"%s { padding: %spx; }\n",
							esc_html( $css( '.et_pb_column_1_4 .et_pb_promo', false ) ),
							esc_html( $value )
						);

						break;

					case 'social-icon-size':
						$icon_margin 	= intval( $value ) * 0.57;
						$icon_dimension = intval( $value ) * 2;
						?>
						<?php echo $css( '.et_pb_social_media_follow li a.icon', false ); ?> {
							margin-right: <?php echo esc_html( $icon_margin ); ?>px;
							width: <?php echo esc_html( $icon_dimension ); ?>px;
							height: <?php echo esc_html( $icon_dimension ); ?>px;
						}

						<?php echo $css( '.et_pb_social_media_follow li a.icon::before', false ); ?> {
							width: <?php echo esc_html( $icon_dimension ); ?>px;
							height: <?php echo esc_html( $icon_dimension ); ?>px;
							font-size: <?php echo esc_html( $value ); ?>px;
							line-height: <?php echo esc_html( $icon_dimension ); ?>px;
						}

						<?php echo $css( '.et_pb_social_media_follow li a.follow_button', false ); ?> {
							font-size: <?php echo esc_html( $value ); ?>px;
						}
						<?php
						break;

					case 'border-top-style':
						printf( "%s { border-top-style: %s; }\n", esc_html( $selector ), esc_html( $value ) );
						break;

					case 'border-top-width':
						printf( "%s { border-top-width: %spx; }\n", esc_html( $selector ), esc_html( $value ) );
						break;
				}
			}
		}
	}
}

/**
 * Outputting font-style attributes & values saved by ET_Divi_Font_Style_Option on customizer
 *
 * @return string
 */
function et_pb_print_font_style( $styles = '', $important = '' ) {

	// Prepare variable
	$font_styles = "";

	if ( '' !== $styles && false !== $styles && ! is_null( $styles ) ) {
		// Convert string into array
		$styles_array = explode( '|', $styles );

		// If $important is in use, give it a space
		if ( $important && '' !== $important ) {
			$important = " " . $important;
		}

		// Use in_array to find values in strings. Otherwise, display default text

		// Font weight
		if ( in_array( 'bold', $styles_array ) ) {
			$font_styles .= "font-weight: bold{$important}; ";
		} else {
			$font_styles .= "font-weight: normal{$important}; ";
		}

		// Font style
		if ( in_array( 'italic', $styles_array ) ) {
			$font_styles .= "font-style: italic{$important}; ";
		} else {
			$font_styles .= "font-style: normal{$important}; ";
		}

		// Text-transform
		if ( in_array( 'uppercase', $styles_array ) ) {
			$font_styles .= "text-transform: uppercase{$important}; ";
		} else {
			$font_styles .= "text-transform: none{$important}; ";
		}

		// Text-decoration
		if ( in_array( 'underline', $styles_array ) ) {
			$font_styles .= "text-decoration: underline{$important}; ";
		} else {
			$font_styles .= "text-decoration: none{$important}; ";
		}
	}

	return esc_html( $font_styles );
}

/*
 * Adds color scheme class to the body tag
 */
function et_customizer_color_scheme_class( $body_class ) {
	$color_scheme        = et_get_option( 'color_schemes', 'none' );
	$color_scheme_prefix = 'et_color_scheme_';

	if ( 'none' !== $color_scheme ) $body_class[] = $color_scheme_prefix . $color_scheme;

	return $body_class;
}
add_filter( 'body_class', 'et_customizer_color_scheme_class' );

/*
 * Adds button class to the body tag
 */
function et_customizer_button_class( $body_class ) {
	$button_icon_placement = et_get_option( 'all_buttons_icon_placement', 'right' );
	$button_icon_on_hover = et_get_option( 'all_buttons_icon_hover', 'yes' );
	$button_use_icon = et_get_option( 'all_buttons_icon', 'yes' );
	$button_icon = et_get_option( 'all_buttons_selected_icon', '5' );

	if ( 'left' === $button_icon_placement ) {
		$body_class[] = 'et_button_left';
	}

	if ( 'no' === $button_icon_on_hover ) {
		$body_class[] = 'et_button_icon_visible';
	}

	if ( 'no' === $button_use_icon ) {
		$body_class[] = 'et_button_no_icon';
	}

	if ( '5' !== $button_icon ) {
		$body_class[] = 'et_button_custom_icon';
	}

	$body_class[] = 'et_pb_button_helper_class';

	return $body_class;
}
add_filter( 'body_class', 'et_customizer_button_class' );

function et_load_google_fonts_scripts() {
	$theme_version = et_get_theme_version();

	wp_enqueue_script( 'et_google_fonts', get_template_directory_uri() . '/epanel/google-fonts/et_google_fonts.js', array( 'jquery' ), $theme_version, true );
	wp_localize_script( 'et_google_fonts', 'et_google_fonts_data', array(
		'user_fonts' => et_builder_get_custom_fonts(),
	) );
}
add_action( 'customize_controls_print_footer_scripts', 'et_load_google_fonts_scripts' );

function et_load_google_fonts_styles() {
	$theme_version = et_get_theme_version();

	wp_enqueue_style( 'et_google_fonts_style', get_template_directory_uri() . '/epanel/google-fonts/et_google_fonts.css', array(), $theme_version );
}
add_action( 'customize_controls_print_styles', 'et_load_google_fonts_styles' );

if ( ! function_exists( 'et_divi_post_meta' ) ) :
function et_divi_post_meta() {
	$postinfo = is_single() ? et_get_option( 'divi_postinfo2' ) : et_get_option( 'divi_postinfo1' );

	if ( $postinfo ) :
		echo '<p class="post-meta">';
		echo et_pb_postinfo_meta( $postinfo, et_get_option( 'divi_date_format', 'M j, Y' ), esc_html__( '0 comments', 'Divi' ), esc_html__( '1 comment', 'Divi' ), '% ' . esc_html__( 'comments', 'Divi' ) );
		echo '</p>';
	endif;
}
endif;

function et_video_embed_html( $video ) {
	if ( is_single() && 'video' === et_pb_post_format() ) {
		static $post_video_num = 0;

		$post_video_num++;

		// Hide first video in the post content on single video post page
		if ( 1 === $post_video_num ) {
			return '';
		}
	}

	return "<div class='et_post_video'>{$video}</div>";
}

function et_do_video_embed_html(){
	add_filter( 'embed_oembed_html', 'et_video_embed_html' );
}
add_action( 'et_before_content', 'et_do_video_embed_html' );

/**
 * Removes galleries on single gallery posts, since we display images from all
 * galleries on top of the page
 */
function et_delete_post_gallery( $content ) {
	$deleted = false;

	if ( ( is_single() || is_archive() ) && is_main_query() && has_post_format( 'gallery' ) ) :
		if ( et_theme_builder_overrides_layout( ET_THEME_BUILDER_BODY_LAYOUT_POST_TYPE ) ) {
			// Do not remove galleries when TB has taken over.
			return $content;
		}

		$regex = get_shortcode_regex();
		preg_match_all( "/{$regex}/s", $content, $matches );

		// $matches[2] holds an array of shortcodes names in the post
		foreach ( $matches[2] as $key => $shortcode_match ) {
			if ( 'gallery' === $shortcode_match ) {
				$content = str_replace( $matches[0][$key], '', $content );
				$deleted = true;
				break;
			}
		}
		$content = apply_filters('et_delete_post_gallery', $content, $deleted);
	endif;

	return $content;
}
add_filter( 'the_content', 'et_delete_post_gallery' );
// Include GB galleries in <code>get_post_gallery</code>
add_filter( 'et_gb_gallery_include_in_get_post_gallery', '__return_true' );

function et_divi_post_admin_scripts_styles( $hook ) {
	global $typenow;

	$theme_version = et_get_theme_version();
	$current_screen = get_current_screen();

	if ( ! in_array( $hook, array( 'post-new.php', 'post.php' ) ) ) return;

	if ( ! isset( $typenow ) ) return;

	if ( in_array( $typenow, array( 'post' ) ) ) {
		wp_enqueue_style( 'wp-color-picker' );
		wp_enqueue_script( 'wp-color-picker' );
		wp_enqueue_script( 'et-admin-post-script', get_template_directory_uri() . '/js/admin_post_settings.js', array( 'jquery' ), $theme_version );
	}
}
add_action( 'admin_enqueue_scripts', 'et_divi_post_admin_scripts_styles' );

function et_password_form() {
	$pwbox_id = rand();

	$form_output = sprintf(
		'<div class="et_password_protected_form">
			<h1>%1$s</h1>
			<p>%2$s:</p>
			<form action="%3$s" method="post">
				<p><label for="%4$s">%5$s: </label><input name="post_password" id="%4$s" type="password" size="20" maxlength="20" /></p>
				<p><button type="submit" name="et_divi_submit_button" class="et_submit_button et_pb_button">%6$s</button></p>
			</form>
		</div>',
		esc_html__( 'Password Protected', 'Divi' ),
		esc_html__( 'To view this protected post, enter the password below', 'Divi' ),
		esc_url( site_url( 'wp-login.php?action=postpass', 'login_post' ) ),
		esc_attr( 'pwbox-' . $pwbox_id ),
		esc_html__( 'Password', 'Divi' ),
		esc_html__( 'Submit', 'Divi' )
	);

	$output = sprintf(
		'<div class="et_pb_section et_section_regular">
			<div class="et_pb_row">
				<div class="et_pb_column et_pb_column_4_4">
					%1$s
				</div>
			</div>
		</div>',
		$form_output
	);

	return preg_replace( '/\t+/', '', $output );
}
add_filter( 'the_password_form', 'et_password_form' );

function et_add_wp_version( $classes ) {
	global $wp_version;

	$is_admin_body_class = 'admin_body_class' === current_filter();

	// add 'et-wp-pre-3_8' class if the current WordPress version is less than 3.8
	if ( version_compare( $wp_version, '3.7.2', '<=' ) ) {
		if ( 'body_class' === current_filter() ) {
			$classes[] = 'et-wp-pre-3_8';
		} else {
			$classes .= ' et-wp-pre-3_8';
		}
	} else if ( $is_admin_body_class ) {
		$classes .= ' et-wp-after-3_8';
	}

	if ( $is_admin_body_class ) {
		$classes = ltrim( $classes );
	}

	return $classes;
}
add_filter( 'body_class', 'et_add_wp_version' );
add_filter( 'admin_body_class', 'et_add_wp_version' );

/**
 * Determine whether current primary nav uses transparent nav or not based on primary nav background
 * @return bool
 */
function et_divi_is_transparent_primary_nav() {
	return 'rgba' === substr( strval( et_get_option( 'primary_nav_bg', '#ffffff' ) ), 0, 4 );
}

function et_layout_body_class( $classes ) {
    $has_tb_header     = in_array( 'et-tb-has-header', $classes );
    $has_tb_footer     = in_array( 'et-tb-has-footer', $classes );
    $is_blank_page_tpl = is_page_template( 'page-template-blank.php' );

	do_action( 'et_layout_body_class_before', $classes );

	// Check here if we want to enable the dot navigation for the Frontpage or Single page.
	// On archive pages <code>get_the_ID()</code> always returns the ID of the first post.
	// For that we need to check if its a single page or not as Dot navigation can only be enabled in single pages.
	// If we want to use disable this we can always remove the safe check from the <code>et_pb_side_nav_on_single</code> feature.
	if ( apply_filters( 'et_pb_side_nav_on_single', is_singular() || is_home() || is_front_page() ) && 'on' === get_post_meta( get_the_ID(), '_et_pb_side_nav', true ) && et_pb_is_pagebuilder_used( get_the_ID() ) ) {
		$classes[] = 'et_pb_side_nav_page';
	}

	if ( ! $has_tb_header && ! $is_blank_page_tpl ) {
		$vertical_nav = et_get_option( 'vertical_nav', false );
		if ( et_divi_is_transparent_primary_nav() && ( false === $vertical_nav || '' === $vertical_nav ) ) {
			$classes[] = 'et_transparent_nav';
		}

		if ( true === et_get_option( 'nav_fullwidth', false ) ) {
			if ( true === et_get_option( 'vertical_nav', false ) ) {
				$classes[] = 'et_fullwidth_nav_temp';
			} else {
				$classes[] = 'et_fullwidth_nav';
			}
		}

		if ( true === et_get_option( 'secondary_nav_fullwidth', false ) ) {
			$classes[] = 'et_fullwidth_secondary_nav';
		}

		if ( true === et_get_option( 'vertical_nav', false ) ) {
			$classes[] = 'et_vertical_nav';
			if ( 'right' === et_get_option( 'vertical_nav_orientation', 'left' ) ) {
				$classes[] = 'et_vertical_right';
			}
		} else if ( 'on' === et_get_option( 'divi_fixed_nav', 'on' ) ) {
			$classes[] = 'et_fixed_nav';
		} else if ( 'on' !== et_get_option( 'divi_fixed_nav', 'on' ) ) {
			$classes[] = 'et_non_fixed_nav';
		}

		if ( true === et_get_option( 'vertical_nav', false ) && 'on' === et_get_option( 'divi_fixed_nav', 'on' ) ) {
			$classes[] = 'et_vertical_fixed';
		}

		if ( true === et_get_option( 'hide_nav', false ) && ( ! is_singular() || is_singular() && 'no' !== get_post_meta( get_the_ID(), '_et_pb_post_hide_nav', true ) ) ) {
			$classes[] = 'et_hide_nav';
		} else {
			$classes[] = 'et_show_nav';
		}

		if ( is_singular() && 'on' === get_post_meta( get_the_ID(), '_et_pb_show_title', true ) ) {
			$classes[] = 'et_pb_show_title';
		}

		if ( true === et_get_option( 'hide_primary_logo', false ) ) {
			$classes[] = 'et_hide_primary_logo';
		}

		if ( true === et_get_option( 'hide_fixed_logo', false ) ) {
			$classes[] = 'et_hide_fixed_logo';
		}

		if ( true === et_get_option( 'hide_mobile_logo', false ) ) {
			$classes[] = 'et_hide_mobile_logo';
		}

		$et_secondary_nav_items = et_divi_get_top_nav_items();

		if ( $et_secondary_nav_items->top_info_defined && 'slide' !== et_get_option( 'header_style', 'left' ) && 'fullscreen' !== et_get_option( 'header_style', 'left' ) ) {
			$classes[] = 'et_secondary_nav_enabled';
		}

		if ( $et_secondary_nav_items->two_info_panels && 'slide' !== et_get_option( 'header_style', 'left' ) && 'fullscreen' !== et_get_option( 'header_style', 'left' ) ) {
			$classes[] = 'et_secondary_nav_two_panels';
		}

		if ( $et_secondary_nav_items->secondary_nav && ! ( $et_secondary_nav_items->contact_info_defined || $et_secondary_nav_items->show_header_social_icons ) && 'slide' !== et_get_option( 'header_style', 'left' ) && 'fullscreen' !== et_get_option( 'header_style', 'left' ) ) {
			$classes[] = 'et_secondary_nav_only_menu';
		}

		if ( is_singular() && et_builder_enabled_for_post( get_the_ID() ) && 'on' == get_post_meta( get_the_ID(), '_et_pb_post_hide_nav', true ) ) {
			$classes[] = 'et_hide_nav';
		}

		$primary_dropdown_animation = et_get_option( 'primary_nav_dropdown_animation', 'fade' );
		$classes[] = esc_attr( "et_primary_nav_dropdown_animation_{$primary_dropdown_animation}" );

		$secondary_dropdown_animation = et_get_option( 'secondary_nav_dropdown_animation', 'fade' );
		$classes[] = esc_attr( "et_secondary_nav_dropdown_animation_{$secondary_dropdown_animation}" );

		$header_style = et_get_option( 'header_style', 'left' );
		$classes[] = esc_attr( "et_header_style_{$header_style}" );

		if ( 'slide' === $header_style || 'fullscreen' === $header_style ) {
			$classes[] = esc_attr( "et_header_style_left" );
			if ( 'fullscreen' === $header_style && ! et_get_option( 'slide_nav_show_top_bar', true ) ) {
				// additional class if top bar disabled in Fullscreen menu
				$classes[] = esc_attr( "et_pb_no_top_bar_fullscreen" );
			}
		}

		$logo = et_get_option( 'divi_logo', '' );
		if ( '.svg' === substr( strval( $logo ), -4, 4 ) ) {
			$classes[] = 'et_pb_svg_logo';
		}
    }

	if ( ! $has_tb_footer && ! $is_blank_page_tpl ) {
		$footer_columns = et_get_option( 'footer_columns', '4' );
		$classes[] = esc_attr( "et_pb_footer_columns{$footer_columns}" );
    }

	// home-posts class is used by customizer > blog to work. It modifies post title and meta
	// of WP default layout (home, archive, single), but should not modify post title and meta of blog module (page as home)
	if ( in_array( 'home', $classes ) && ! in_array( 'page', $classes ) ) {
		$classes[] = 'home-posts';
	}

	if ( true === et_get_option( 'boxed_layout', false ) ) {
		$classes[] = 'et_boxed_layout';
	}

	if ( false !== et_get_option( 'cover_background', true ) ) {
		$classes[] = 'et_cover_background';
	}

	if ( ! et_get_option( 'use_sidebar_width', false ) ) {
		$classes[] = 'et_pb_gutter';
	}

	if ( isset( $_SERVER['HTTP_USER_AGENT'] ) ) {
		if ( stristr( $_SERVER['HTTP_USER_AGENT'], "mac" ) ) {
			$classes[] = 'osx';
		} elseif ( stristr( $_SERVER['HTTP_USER_AGENT'], "linux" ) ) {
			$classes[] = 'linux';
		} elseif ( stristr( $_SERVER['HTTP_USER_AGENT'], "windows" ) ) {
			$classes[] = 'windows';
		}
	}

	$page_custom_gutter = get_post_meta( get_the_ID(), '_et_pb_gutter_width', true );
	$gutter_width = ! empty( $page_custom_gutter ) && is_singular() ? $page_custom_gutter :  (string) et_get_option( 'gutter_width', '3' );
	$classes[] = esc_attr( "et_pb_gutters{$gutter_width}" );

	// Add the page builder class.
	if ( et_pb_is_pagebuilder_used( get_the_ID() ) && ! ET_GB_Block_Layout::is_layout_block_preview() ) {
		$classes[] = 'et_pb_pagebuilder_layout';
	}

	// Add smooth scroll class name
	if ( 'on' === et_get_option( 'divi_smooth_scroll', false ) ) {
		$classes[] = 'et_smooth_scroll';
	}

	do_action( 'et_layout_body_class_after', $classes );

	return $classes;
}
add_filter( 'body_class', 'et_layout_body_class' );

if ( ! function_exists( 'et_layout_post_class' ) ):
function et_layout_post_class( $classes ) {
	global $template;

	$post_id       = get_the_ID();
	$post_type     = get_post_type( $post_id );
	$template_name = ! empty( $template ) ? basename( $template ) : ''; // phpcs:ignore Generic.WhiteSpace.ScopeIndent.Incorrect -- We decided to ignore indentation change.

	if ( 'page' === $post_type ) {
		// Don't add the class to pages.
		return $classes;
	}

	if ( in_array( $template_name, array( 'index.php', 'single.php' ) ) ) {
		// The class has already been added by one of the theme's templates.
		return $classes;
	}

	// Since the theme's templates are not being used, we don't add the class on CPT archive pages.
	if ( is_single() && et_pb_is_pagebuilder_used( $post_id ) ) {
		$classes[] = 'et_pb_post';
	}

	return $classes;
}
add_filter( 'post_class', 'et_layout_post_class' );
endif;

if ( ! function_exists( 'et_show_cart_total' ) ) {
	function et_show_cart_total( $args = array() ) {
		if ( ! class_exists( 'woocommerce' ) || ! WC()->cart ) {
			return;
		}

		$defaults = array(
			'no_text' => false,
		);

		$args = wp_parse_args( $args, $defaults );

		$items_number = WC()->cart->get_cart_contents_count();

		$url = function_exists( 'wc_get_cart_url' ) ? wc_get_cart_url() : WC()->cart->get_cart_url();

		printf(
			'<a href="%1$s" class="et-cart-info">
				<span>%2$s</span>
			</a>',
			esc_url( $url ),
			( ! $args['no_text']
				? esc_html( sprintf(
					_nx( '%1$s Item', '%1$s Items', $items_number, 'WooCommerce items number', 'Divi' ),
					number_format_i18n( $items_number )
				) )
				: ''
			)
		);
	}
}

if ( ! function_exists( 'et_divi_get_top_nav_items' ) ) {
	function et_divi_get_top_nav_items() {
		$items = new stdClass;

		$items->phone_number = trim( strval( et_get_option( 'phone_number' ) ) );

		$items->email = trim( strval( et_get_option( 'header_email' ) ) );

		$items->contact_info_defined = $items->phone_number || $items->email;

		$items->show_header_social_icons = et_get_option( 'show_header_social_icons', false );

		$items->secondary_nav = wp_nav_menu( array(
			'theme_location' => 'secondary-menu',
			'container'      => '',
			'fallback_cb'    => '',
			'menu_id'        => 'et-secondary-nav',
			'echo'           => false,
		) );

		$items->top_info_defined = $items->contact_info_defined || $items->show_header_social_icons || $items->secondary_nav;

		$items->two_info_panels = $items->contact_info_defined && ( $items->show_header_social_icons || $items->secondary_nav );

		return $items;
	}
}

function et_divi_activate_features(){
	define( 'ET_SHORTCODES_VERSION', et_get_theme_version() );

	/* activate shortcodes */
	require_once( get_template_directory() . '/epanel/shortcodes/shortcodes.php' );
}
add_action( 'init', 'et_divi_activate_features' );

require_once( get_template_directory() . '/et-pagebuilder/et-pagebuilder.php' );
require_once get_template_directory() . '/includes/theme-builder.php';

require_once( get_template_directory() . '/includes/block-editor-integration.php' );

/**
 * Custom body classes for sidebar location in different places
 * @return array
 */
function et_divi_sidebar_class( $classes ) {
    if ( in_array( 'et-tb-has-body', $classes ) ) {
        // TB has taken over the body area so there is no sidebar.
        return $classes;
    }

	$page_layout           = '';
	$is_product            = function_exists( 'is_product' ) && is_product();
	$default_sidebar_class = $is_product ? et_get_option( 'et_pb_woocommerce_product_layout' ) : et_get_option( 'divi_sidebar' );
	$post_id               = get_queried_object_id();
	$is_builder_active     = 'on' === get_post_meta( $post_id, '_et_pb_use_builder', true ) || et_core_is_fb_enabled();
	$is_blank_page_tpl     = is_page_template( 'page-template-blank.php' );

	if ( ! $default_sidebar_class ) {
		$default_sidebar_class = is_rtl() ? 'et_left_sidebar' : 'et_right_sidebar';
	}

	// Set Woo shop and taxonomies layout.
	if ( class_exists( 'woocommerce' ) && ( is_woocommerce() && ( is_shop() || is_tax() || $is_product ) ) ) {
		if ( $is_product ) {
			$saved_page_layout = get_post_meta( $post_id, '_et_pb_page_layout', true );
			$page_layout = ! $saved_page_layout || ( 'et_full_width_page' === $saved_page_layout && ! $is_builder_active ) ? $default_sidebar_class : $saved_page_layout;
		} else {
			$page_layout = et_get_option( 'divi_shop_page_sidebar', $default_sidebar_class );
		}
	} elseif ( ! is_singular() || ( ! ( $page_layout = get_post_meta( $post_id, '_et_pb_page_layout', true ) ) && ! $is_builder_active ) ) { // check for the falsy value not for boolean <code>false</code>
		// Set post meta layout which will work for all third party plugins.
		$page_layout = $default_sidebar_class;
	} elseif ( $is_builder_active && ($is_blank_page_tpl || ! $page_layout || is_page() ) ) {
		$page_layout = 'et_no_sidebar';
	}

	// Handle et_no_sidebar class. It should be no_sidebar for all custom post types, or any post type if builder active.
	// otherwise apply 'et_full_width_page' class for backward compatibility
	if ( 'et_no_sidebar' === $page_layout && is_singular() ) {
		if ( et_builder_post_is_of_custom_post_type( $post_id ) || $is_builder_active ) {
			$classes[] = 'et_no_sidebar';
		} else {
			$classes[] = 'et_full_width_page';
		}
	} else {
		// Add the page layout class.
		$classes[] = $page_layout;
	}

	// Maybe add the full width portfolio class.
	if ( is_singular( 'project' ) && ( in_array( $page_layout, array( 'et_full_width_page', 'et_no_sidebar' ) ) ) ) {
		$classes[] = 'et_full_width_portfolio_page';
	}

	return $classes;
}
add_filter( 'body_class', 'et_divi_sidebar_class' );

/**
 * Custom body classes for handling customizer preview screen
 * @return array
 */
function et_divi_customize_preview_class( $classes ) {
	if ( is_customize_preview() ) {
		// Customizer class name for customizer specific stuff
		$classes[] = 'et_is_customize_preview';

		// Search icon state
		if ( ! et_get_option( 'show_search_icon', true ) ) {
			$classes[] = 'et_hide_search_icon';
		}
	}

	return $classes;
}
add_filter( 'body_class', 'et_divi_customize_preview_class' );

function et_modify_shop_page_columns_num( $columns_num ) {
	if ( ! et_is_woocommerce_plugin_active() ) {
		return $columns_num;
	}

	// WooCommerce plugin active check ensures that archive function can be used.
	$is_archive_page = is_shop() || is_product_category() || is_product_tag();

	if ( ! $is_archive_page ) {
		return $columns_num;
	}

	$default_sidebar_class  = is_rtl() ? 'et_left_sidebar' : 'et_right_sidebar';
	$divi_shop_page_sidebar = et_get_option( 'divi_shop_page_sidebar', $default_sidebar_class );

	// Assignment is intentional for readability.
	$columns_num = 'et_full_width_page' === $divi_shop_page_sidebar ? 4 : 3;

	return $columns_num;
}
add_filter( 'loop_shop_columns', 'et_modify_shop_page_columns_num' );

// WooCommerce

global $pagenow;
if ( is_admin() && isset( $_GET['activated'] ) && $pagenow == 'themes.php' ) {
	// Prevent Cache Warning From Being Displayed On First Install
	$current_theme_version[ et_get_theme_version() ] = 'ignore' ;
	update_option( 'et_pb_cache_notice', $current_theme_version );

	add_action( 'init', 'et_divi_woocommerce_image_dimensions', 1 );
}

/**
 * Default values for WooCommerce images changed in version 1.3
 * Checks if WooCommerce image dimensions have been updated already.
 */
function et_divi_check_woocommerce_images() {
	if ( 'checked' === et_get_option( 'divi_1_3_images' ) ) return;

	et_divi_woocommerce_image_dimensions();
	et_update_option( 'divi_1_3_images', 'checked' );
}
add_action( 'admin_init', 'et_divi_check_woocommerce_images' );

function et_divi_woocommerce_image_dimensions() {
	$catalog = array(
		'width' 	=> '400',
		'height'	=> '400',
		'crop'		=> 1,
	);

	$single = array(
		'width' 	=> '510',
		'height'	=> '9999',
		'crop'		=> 0,
	);

	$thumbnail = array(
		'width' 	=> '157',
		'height'	=> '157',
		'crop'		=> 1,
	);

	update_option( 'shop_catalog_image_size', $catalog );
	update_option( 'shop_single_image_size', $single );
	update_option( 'shop_thumbnail_image_size', $thumbnail );
}

if ( ! function_exists( 'woocommerce_template_loop_product_thumbnail' ) ):
function woocommerce_template_loop_product_thumbnail() {
	printf( '<span class="et_shop_image">%1$s<span class="et_overlay"></span></span>',
		woocommerce_get_product_thumbnail()
	);
}
endif;

function et_divi_output_product_wrapper() {
	echo '<div class="clearfix">';
}

function et_divi_output_product_wrapper_end() {
	echo '</div>';
}

function et_review_gravatar_size( $size ) {
	return '80';
}
add_filter( 'woocommerce_review_gravatar_size', 'et_review_gravatar_size' );

function et_divi_output_content_wrapper() {
	echo '
		<div id="main-content">
			<div class="container">
				<div id="content-area" class="clearfix">
					<div id="left-area">';
}

function et_divi_output_content_wrapper_end() {
	$default_sidebar_class = is_rtl() ? 'et_left_sidebar' : 'et_right_sidebar';
	$fullwidth_post = is_singular() && 'et_full_width_page' === get_post_meta( get_the_ID(), '_et_pb_page_layout', true );

	echo '</div>';

	if ( function_exists( 'woocommerce_get_sidebar' ) ) {
		$woo_fullwidth_page = ( is_shop() || is_product_category() || is_product_tag() || is_tax() ) && 'et_full_width_page' === et_get_option( 'divi_shop_page_sidebar', $default_sidebar_class );
		if ( ! $fullwidth_post && ! $woo_fullwidth_page ) {
			woocommerce_get_sidebar();
		}
	} else if ( ! $fullwidth_post ) {
		get_sidebar();
	}

	echo '
				</div>
			</div>
		</div>';
}

function et_add_divi_menu() {
	$core_page = add_menu_page( 'Divi', 'Divi', 'edit_theme_options', 'et_divi_options', 'et_build_epanel' );

	// Add Theme Options menu only if it's enabled for current user
	if ( et_pb_is_allowed( 'theme_options' ) ) {

		if ( isset( $_GET['page'] ) && 'et_divi_options' === $_GET['page'] && isset( $_POST['action'] ) ) {
			if (
				( isset( $_POST['_wpnonce'] ) && wp_verify_nonce( $_POST['_wpnonce'], 'epanel_nonce' ) )
				||
				( 'reset' === $_POST['action'] && isset( $_POST['_wpnonce_reset'] ) && wp_verify_nonce( $_POST['_wpnonce_reset'], 'et-nojs-reset_epanel' ) )
			) {
				epanel_save_data( 'js_disabled' ); //saves data when javascript is disabled
			}
		}

		add_submenu_page( 'et_divi_options', esc_html__( 'Theme Options', 'Divi' ), esc_html__( 'Theme Options', 'Divi' ), 'manage_options', 'et_divi_options' );
	}

	et_theme_builder_add_admin_page( 'et_divi_options' );

	// Add Theme Customizer menu only if it's enabled for current user
	if ( et_pb_is_allowed( 'theme_customizer' ) ) {
		add_submenu_page( 'et_divi_options', esc_html__( 'Theme Customizer', 'Divi' ), esc_html__( 'Theme Customizer', 'Divi' ), 'manage_options', 'customize.php?et_customizer_option_set=theme' );
	}
	add_submenu_page( 'et_divi_options', esc_html__( 'Role Editor', 'Divi' ), esc_html__( 'Role Editor', 'Divi' ), 'manage_options', 'et_divi_role_editor', 'et_pb_display_role_editor' );
	// Add Divi Library menu only if it's enabled for current user
	if ( et_pb_is_allowed( 'divi_library' ) ) {
		add_submenu_page( 'et_divi_options', esc_html__( 'Divi Library', 'Divi' ), esc_html__( 'Divi Library', 'Divi' ), 'manage_options', 'edit.php?post_type=et_pb_layout' );
	}

	add_action( "load-{$core_page}", 'et_pb_check_options_access' ); // load function to check the permissions of current user
	add_action( "load-{$core_page}", 'et_epanel_hook_scripts' );
	add_action( "admin_print_scripts-{$core_page}", 'et_epanel_admin_js' );
	add_action( "admin_head-{$core_page}", 'et_epanel_css_admin');
	add_action( "admin_print_scripts-{$core_page}", 'et_epanel_media_upload_scripts');
	add_action( "admin_head-{$core_page}", 'et_epanel_media_upload_styles');
}
add_action('admin_menu', 'et_add_divi_menu');

function add_divi_customizer_admin_menu() {
	if ( ! current_user_can( 'customize' ) ) {
		return;
	}

	global $wp_admin_bar;

	$current_url = ( is_ssl() ? 'https://' : 'https://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
	$customize_url = add_query_arg( 'url', urlencode( $current_url ), wp_customize_url() );

	// add Theme Customizer admin menu only if it's enabled for current user
	if ( et_pb_is_allowed( 'theme_customizer' ) ) {
		$wp_admin_bar->add_menu( array(
			'parent' => 'appearance',
			'id'     => 'customize-divi-theme',
			'title'  => esc_html__( 'Theme Customizer', 'Divi' ),
			'href'   => $customize_url . '&et_customizer_option_set=theme',
			'meta'   => array(
				'class' => 'hide-if-no-customize',
			),
		) );
	}

	$wp_admin_bar->remove_menu( 'customize' );
}
add_action( 'admin_bar_menu', 'add_divi_customizer_admin_menu', 999 );

function et_pb_hide_options_menu() {
	// do nothing if theme options should be displayed in the menu
	if ( et_pb_is_allowed( 'theme_options' ) ) {
		return;
	}

	$theme_version = et_get_theme_version();

	wp_enqueue_script( 'divi-custom-admin-menu', get_template_directory_uri() . '/js/menu_fix.js', array( 'jquery' ), $theme_version, true );
}
add_action( 'admin_enqueue_scripts', 'et_pb_hide_options_menu' );

function et_pb_check_options_access() {
	// display wp error screen if theme customizer disabled for current user
	if ( ! et_pb_is_allowed( 'theme_options' ) ) {
		wp_die( esc_html__( "you don't have sufficient permissions to access this page", 'Divi' ) );
	}
}

/**
 * Divi Support Center
 *
 * @since ??
 */
function et_add_divi_support_center() {
	$support_center = new ET_Core_SupportCenter( 'divi_theme' );
	$support_center->init();
}
add_action( 'init', 'et_add_divi_support_center' );

/**
 * Allowing blog and portfolio module pagination to work in non-hierarchical singular page.
 * Normally, WP_Query based modules wouldn't work in non-hierarchical single post type page
 * due to canonical redirect to prevent page duplication which could lead to SEO penalty.
 *
 * @see redirect_canonical()
 *
 * @return mixed string|bool
 */
function et_modify_canonical_redirect( $redirect_url, $requested_url ) {
	global $post;

	$allowed_shortcodes              = array( 'et_pb_blog', 'et_pb_portfolio' );
	$is_overwrite_canonical_redirect = false;

	// Look for $allowed_shortcodes in content. Once detected, set $is_overwrite_canonical_redirect to true
	foreach ( $allowed_shortcodes as $shortcode ) {
		if ( !empty( $post ) && has_shortcode( $post->post_content, $shortcode ) ) {
			$is_overwrite_canonical_redirect = true;
			break;
		}
	}

	// Only alter canonical redirect in 2 cases:
	// 1) If current page is singular, has paged and $allowed_shortcodes
	// 2) If current page is front_page, has page and $allowed_shortcodes
	if ( ( is_singular() & ! is_home() && get_query_var( 'paged' ) && $is_overwrite_canonical_redirect ) || ( is_front_page() && get_query_var( 'page' ) && $is_overwrite_canonical_redirect ) ) {
		return $requested_url;
	}

	return $redirect_url;
}
add_filter( 'redirect_canonical', 'et_modify_canonical_redirect', 10, 2 );

/**
 * Determines how many related products should be displayed on single product page
 * @param array  related products arguments
 * @return array modified related products arguments
 */
function et_divi_woocommerce_output_related_products_args( $args ) {
	$related_posts = 4; // default number

	if ( is_singular( 'product' ) ) {
		$page_layout = get_post_meta( get_the_ID(), '_et_pb_page_layout', true );

		if ( 'et_full_width_page' !== $page_layout ) {
			$related_posts = 3; // set to 3 if page has sidebar
		}
	}

	// Modify related and up-sell products args
	$args['posts_per_page'] = $related_posts;
	$args['columns']        = $related_posts;

	return $args;
}
add_filter( 'woocommerce_upsell_display_args', 'et_divi_woocommerce_output_related_products_args' );
add_filter( 'woocommerce_output_related_products_args', 'et_divi_woocommerce_output_related_products_args' );

function et_divi_maybe_change_frontend_locale( $locale ) {
	$option_name   = 'divi_disable_translations';
	$theme_options = get_option( 'et_divi' );

	$disable_translations = isset ( $theme_options[ $option_name ] ) ? $theme_options[ $option_name ] : false;

	if ( 'on' === $disable_translations ) {
		return 'en_US';
	}

	return $locale;
}
add_filter( 'locale', 'et_divi_maybe_change_frontend_locale' );

/**
 * Enable Divi gallery override if user activates it
 * @return bool
 */
function et_divi_gallery_layout_enable( $option ) {
	$setting = et_get_option( 'divi_gallery_layout_enable' );

	return ( 'on' === $setting ) ? true : $option;
}
add_filter( 'et_gallery_layout_enable', 'et_divi_gallery_layout_enable' );

/**
 * Enable GB gallery to shortcode conversion
 *
 * @return bool
 */
function et_divi_gb_gallery_to_shortcode() {
    return et_divi_gallery_layout_enable( false );
}
add_filter( 'et_gb_gallery_to_shortcode', 'et_divi_gb_gallery_to_shortcode' );

/**
 * Register theme and modules Customizer portability.
 *
 * @since 2.7.0
 */
function et_divi_register_customizer_portability() {
	global $options;

	// Make sure the Portability is loaded.
	et_core_load_component( 'portability' );

	// Load ePanel options.
	et_load_core_options();

	// Exclude ePanel options.
	$exclude = array();

	foreach ( $options as $option ) {
		if ( isset( $option['id'] ) ) {
			$exclude[ $option['id'] ] = true;
		}
	}

	// Register the portability.
	et_core_portability_register( 'et_divi_mods', array(
		'name'    => esc_html__( 'Divi Customizer Settings', 'Divi' ),
		'type'    => 'options',
		'target'  => 'et_divi',
		'exclude' => $exclude,
		'view'    => is_customize_preview(),
	) );
}
add_action( 'admin_init', 'et_divi_register_customizer_portability' );

function et_register_updates_component() {
	et_core_enable_automatic_updates( get_template_directory_uri(), ET_CORE_VERSION );
}
add_action( 'admin_init', 'et_register_updates_component', 9 );

/**
 * Register theme and modules Customizer portability link.
 *
 * @since 2.7.0
 *
 * @return bool Always return true.
 */
function et_divi_customizer_link() {
	if ( is_customize_preview() ) {
		echo et_builder_portability_link( 'et_divi_mods', array( 'class' => 'et-core-customize-controls-close' ) );
	}
}
add_action( 'customize_controls_print_footer_scripts', 'et_divi_customizer_link' );

/**
 * Added body class to make it possible to identify the Divi theme on frontend
 * @return array
 */
function et_divi_theme_body_class( $classes ) {
	$classes[] = 'et_divi_theme';

	return $classes;
}
add_filter( 'body_class', 'et_divi_theme_body_class' );

/**
 * Determine if it's a fresh Divi install by checking for the existence of 'divi_logo' key in 'et_divi' options array.
 *
 * @since ??
 *
 * @return bool
 */
if ( ! function_exists( 'et_divi_is_fresh_install' ) ):
function et_divi_is_fresh_install() {
    return false === et_get_option( 'divi_logo' );
}
endif;

if ( ! function_exists( 'et_get_original_footer_credits' ) ) :
function et_get_original_footer_credits() {
	return sprintf( __( 'Designed by %1$s | Powered by %2$s', 'Divi' ), '<a href="https://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a>', '<a href="https://www.www.ads-software.com">WordPress</a>' );
}
endif;

if ( ! function_exists( 'et_get_footer_credits' ) ) :
function et_get_footer_credits() {
	$original_footer_credits = et_get_original_footer_credits();

	$disable_custom_credits = et_get_option( 'disable_custom_footer_credits', false );

	if ( $disable_custom_credits ) {
		return '';
	}

	$credits_format = '<%2$s id="footer-info">%1$s</%2$s>';

	$footer_credits = et_get_option( 'custom_footer_credits', '' );

	if ( '' === trim( strval( $footer_credits ) ) ) { // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact -- We decided to ignore indentation change.
		return et_get_safe_localization( sprintf( $credits_format, $original_footer_credits, 'p' ) );
	}

	return et_get_safe_localization( sprintf( $credits_format, $footer_credits, 'div' ) );
}
endif;

if ( ! function_exists( 'et_divi_filter_et_core_is_builder_used_on_current_request' ) ):
function et_divi_filter_et_core_is_builder_used_on_current_request( $is_builder_used ) {
	if ( $is_builder_used && ! is_singular() ) {
		$is_builder_used = 'on' === et_get_option( 'divi_blog_style', 'false' );
	}

	return $is_builder_used;
}
add_filter( 'et_core_is_builder_used_on_current_request', 'et_divi_filter_et_core_is_builder_used_on_current_request' );
endif;

if ( ! function_exists( 'et_divi_version_rollback' ) ) :
function et_divi_version_rollback() {
	global $themename, $shortname;
	static $instance = null;

	if ( null === $instance ) {
		$instance = new ET_Core_VersionRollback( $themename, $shortname, et_get_theme_version() );
	}

	return $instance;
}
endif;

/**
 * Filter the list of post types the Divi Builder is enabled on based on theme options.
 *
 * @since 3.10
 *
 * @param array<string, string> $options
 *
 * @return array<string, string>
 */
if ( ! function_exists( 'et_divi_filter_enabled_builder_post_type_options' ) ) :
function et_divi_filter_enabled_builder_post_type_options( $options ) {
	// Cache results to avoid unnecessary option fetching multiple times per request.
	static $stored_options = null;

	if ( null === $stored_options ) {
		$stored_options = et_get_option( 'et_pb_post_type_integration', array() );
	}

	return $stored_options;
}
endif;
add_filter( 'et_builder_enabled_builder_post_type_options', 'et_divi_filter_enabled_builder_post_type_options' );

/**
 * Caches expensive generation of truncate_post content
 *
 * @since 3.17.3
 *
 * @param bool $custom
 * @param string $content
 * @param WP_Post $post
 *
 * @return string
 */
if ( ! function_exists( 'et_divi_truncate_post_use_custom_content' ) ) :
function et_divi_truncate_post_use_custom_content( $custom, $content, $post ) {
	// If post doesn't use builder, no need to compute a custom value
	if ( ! et_pb_is_pagebuilder_used( $post->ID ) ) {
		return false;
	}

	$cached = get_post_meta( $post->ID, '_et_pb_truncate_post', true );

	if ( $cached ) {
        $cached_date = get_post_meta( $post->ID, '_et_pb_truncate_post_date', true );
		$cached_date = $cached_date ? $cached_date : get_post_field( 'post_modified', $post->ID );
        $global_modules = array();

        $shortcodes = array();
        preg_match_all( '/'. get_shortcode_regex() .'/s', $content, $shortcodes );

        if ( is_array( $shortcodes ) && isset( $shortcodes[3] ) ) {
            foreach ( $shortcodes[3] as $raw_attributes ) {
                $attributes = shortcode_parse_atts( $raw_attributes );
                $attributes = is_array( $attributes ) ? $attributes : array();
                $global_id = (int) et_()->array_get( $attributes, 'global_module', 0 );

                if ( $global_id > 0 ) {
                    $global_modules[] = $global_id;
                }
            }
        }

        foreach ( $global_modules as $module_post_id ) {
            // Dates are using the Y-m-d H:i:s format so we can compare them as strings for simplicity.
            if ( strcmp( get_post_field( 'post_modified', $module_post_id ), $cached_date ) > 0 ) {
                // A global module used in the post has been updated more recently than
                // the post's cached excerpt so we need to invalidate the cache.
                $cached = '';
                break;
            }
        }
	}

	if ( $cached ) {
		return $cached;
	}

	$custom = apply_filters( 'the_content', $content );
	// Save the result because expensive to compute.
	update_post_meta( $post->ID, '_et_pb_truncate_post', $custom );
	update_post_meta( $post->ID, '_et_pb_truncate_post_date', date( 'Y-m-d H:i:s' ) );

	return $custom;
}
endif;
add_filter( 'et_truncate_post_use_custom_content', 'et_divi_truncate_post_use_custom_content', 10, 3 );

/**
 * Caches expensive generation of et_first_image
 *
 * @since 3.17.3
 *
 * @param bool $custom
 * @param string $content
 * @param WP_Post $post
 *
 * @return string
 */
if ( ! function_exists( 'et_divi_first_image_use_custom_content' ) ) :
function et_divi_first_image_use_custom_content( $custom, $content, $post ) {
	// If post doesn't use builder, no need to compute a custom value
	if ( ! et_pb_is_pagebuilder_used( $post->ID ) ) {
		return false;
	}

	$cached = get_post_meta( $post->ID, '_et_pb_first_image', true );

	if ( $cached ) {
		return $cached;
	}

	$custom = apply_filters( 'the_content', $content );
	// Save the result because expensive to compute.
	update_post_meta( $post->ID, '_et_pb_first_image', $custom );

	return $custom;
}
endif;
add_filter( 'et_first_image_use_custom_content', 'et_divi_first_image_use_custom_content', 10, 3 );

/**
 * Fired when post is saved in VB / BFB / BB
 *
 * @since 3.17.3
 *
 * @param integer $post_id
 *
 * @return void
 */
if ( ! function_exists( 'et_divi_save_post' ) ) :
function et_divi_save_post( $post_id ) {
	if ( ! $post_id ) {
		return;
	}

	// Unset cache
	update_post_meta( $post_id, '_et_pb_first_image', false );
	update_post_meta( $post_id, '_et_pb_truncate_post', false );
	update_post_meta( $post_id, '_et_pb_truncate_post_date', '' );
}
endif;
add_action( 'et_save_post', 'et_divi_save_post', 1 );

if ( ! function_exists( 'et_divi_footer_active_sidebars' ) ):
	function et_divi_footer_active_sidebars() {
		$et_active_sidebar = array( 2, 3, 4, 5, 6, 7 );

		if ( ! is_active_sidebar( 2 )
				&& ! is_active_sidebar( 3 )
				&& ! is_active_sidebar( 4 )
				&& ! is_active_sidebar( 5 )
				&& ! is_active_sidebar( 6 )
				&& ! is_active_sidebar( 7 ) ) {
			return false;
		}

		$footer_columns = et_get_option( 'footer_columns', '4' );

		switch ( $footer_columns ) {
			case '1':
			case '2':
			case '3':
			case '4':
			case '5':
			case '6':
				$et_active_sidebar = array();

				for ( $i = 1; $i <= $footer_columns; $i++ ) {
					array_push( $et_active_sidebar, ( $i + 1 ) );
				}

				break;
			case '_1_4__3_4':
			case '_3_4__1_4':
			case '_1_3__2_3':
			case '_2_3__1_3':
			case '_3_5__2_5':
			case '_2_5__3_5':
				$et_active_sidebar = array( 2, 3 );

				break;
			case '_1_4__1_2':
			case '_1_2__1_4':
			case '_1_5__3_5':
			case '_3_5__1_5':
			case '_1_4_1_2_1_4':
			case '_1_5_3_5_1_5':
				$et_active_sidebar = array( 2, 3, 4 );

				break;
			case '_1_2__1_6':
			case '_1_6__1_2':
				$et_active_sidebar = array( 2, 3, 4, 5 );

				break;
		}

		return $et_active_sidebar;
	}
endif;

/**
 * Check if the theme has boxed layout enabled
 *
 * @return bool
 */
function et_divi_is_boxed_layout() {
    return true === et_get_option( 'boxed_layout', false );
}

/**
 * Get current theme content container width
 *
 * @return int
 */
function et_divi_get_content_width() {
	$value = absint( et_get_option( 'content_width', 1080 ) );

	return ( 1080 === $value && et_divi_is_boxed_layout() ) ? 1200 : $value;
}

/**
 * Disable Theme Builder header and footer layouts, if any, on the blank page template.
 *
 * @since ??
 *
 * @param array $layouts
 *
 * @return array
 */
function et_divi_disable_theme_builder_header_footer_on_blank_template( $layouts ) {
	if ( ! is_page_template('page-template-blank.php') || empty( $layouts ) ) {
		return $layouts;
	}

	$layouts[ ET_THEME_BUILDER_HEADER_LAYOUT_POST_TYPE ]['id']       = 0;
	$layouts[ ET_THEME_BUILDER_HEADER_LAYOUT_POST_TYPE ]['enabled']  = false;
	$layouts[ ET_THEME_BUILDER_HEADER_LAYOUT_POST_TYPE ]['override'] = false;

	$layouts[ ET_THEME_BUILDER_FOOTER_LAYOUT_POST_TYPE ]['id']       = 0;
	$layouts[ ET_THEME_BUILDER_FOOTER_LAYOUT_POST_TYPE ]['enabled']  = false;
	$layouts[ ET_THEME_BUILDER_FOOTER_LAYOUT_POST_TYPE ]['override'] = false;

	return $layouts;
}
add_filter( 'et_theme_builder_template_layouts', 'et_divi_disable_theme_builder_header_footer_on_blank_template' );

/**
 * Remove invalid <code>frameborder</code> attribute from YouTube oEmbed iframe tags.
 *
 * @since ?.?
 *
 * @param string $html HTML string returned from oEmbed process.
 * @param object $data Payload returned for oEmded processing.
 * @param string $url URL originally passed to oEmbed process.
 * @return string The iframe HTML snippet (modified or unmodified).
 */
function et_divi_oembed_dataparse_remove_yt_frameborder( $html, $data, $url ) {
	// Array of possible matches for known YouTube domain names.
	$matches = array(
		'youtube.com',
		'youtu.be',
		'youtube-nocookie.com',
		'.youtube.',
	);

	foreach ( $matches as $match ) {
		// If we find a matching domain, strip out any frameborder attr before returning.
		if ( false !== strpos( $url, $match ) ) {
			return str_replace( 'frameborder="0"', '', $html );
		}
	}

	// If there's no URL match, return the HTML string without modification.
	return $html;
}
add_filter( 'oembed_dataparse', 'et_divi_oembed_dataparse_remove_yt_frameborder', 10, 3 );

great! thank you, it worked. I had to open the post and save it again to make it work. maybe its some
cache function that prevented it to work the first time.

• This reply was modified 3 years, 4 months ago by impulsivia.
• This reply was modified 3 years, 4 months ago by impulsivia.
• This reply was modified 3 years, 4 months ago by impulsivia.

I am having the same problem.

https://www.ifolio.nl/nl/website-for-business-communication-consultancy/

Is there a solutions for this?