diff options
Diffstat (limited to 'assets/js/unminified/customizer-preview.js')
| -rw-r--r-- | assets/js/unminified/customizer-preview.js | 1587 |
1 files changed, 1587 insertions, 0 deletions
diff --git a/assets/js/unminified/customizer-preview.js b/assets/js/unminified/customizer-preview.js new file mode 100644 index 0000000..34e2d7a --- /dev/null +++ b/assets/js/unminified/customizer-preview.js @@ -0,0 +1,1587 @@ +/**
+ * This file adds some LIVE to the Theme Customizer live preview. To leverage
+ * this, set your custom settings to 'postMessage' and then add your handling
+ * here. Your javascript should grab settings from customizer controls, and
+ * then make any necessary changes to the page using jQuery.
+ *
+ * @package Astra
+ */
+
+/**
+ * Generate font size in PX & REM
+ */
+function astra_font_size_rem( size, with_rem, device ) {
+
+ var css = '';
+
+ if( size != '' ) {
+
+ var device = ( typeof device != undefined ) ? device : 'desktop';
+
+ // font size with 'px'.
+ css = 'font-size: ' + size + 'px;';
+
+ // font size with 'rem'.
+ if ( with_rem ) {
+ var body_font_size = wp.customize( 'astra-settings[font-size-body]' ).get();
+
+ body_font_size['desktop'] = ( body_font_size['desktop'] != '' ) ? body_font_size['desktop'] : 15;
+ body_font_size['tablet'] = ( body_font_size['tablet'] != '' ) ? body_font_size['tablet'] : body_font_size['desktop'];
+ body_font_size['mobile'] = ( body_font_size['mobile'] != '' ) ? body_font_size['mobile'] : body_font_size['tablet'];
+
+ css += 'font-size: ' + ( size / body_font_size[device] ) + 'rem;';
+ }
+ }
+
+ return css;
+}
+
+
+/**
+ * Apply CSS for the element
+ */
+function astra_color_responsive_css( addon, control, css_property, selector ) {
+
+ wp.customize( control, function( value ) {
+ value.bind( function( value ) {
+ if ( value.desktop || value.mobile || value.tablet ) {
+ // Remove <style> first!
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+ jQuery( 'style#' + control + '-' + addon ).remove();
+
+ var DeskVal = '',
+ TabletFontVal = '',
+ MobileVal = '';
+
+ if ( '' != value.desktop ) {
+ DeskVal = css_property + ': ' + value.desktop;
+ }
+ if ( '' != value.tablet ) {
+ TabletFontVal = css_property + ': ' + value.tablet;
+ }
+ if ( '' != value.mobile ) {
+ MobileVal = css_property + ': ' + value.mobile;
+ }
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ '<style id="' + control + '-' + addon + '">'
+ + selector + ' { ' + DeskVal + ' }'
+ + '@media (max-width: 768px) {' + selector + ' { ' + TabletFontVal + ' } }'
+ + '@media (max-width: 544px) {' + selector + ' { ' + MobileVal + ' } }'
+ + '</style>'
+ );
+
+ } else {
+ jQuery( 'style#' + control + '-' + addon ).remove();
+ }
+
+ } );
+ } );
+}
+
+
+/**
+ * Responsive Font Size CSS
+ */
+function astra_responsive_font_size( control, selector ) {
+
+ wp.customize( control, function( value ) {
+ value.bind( function( value ) {
+
+ if ( value.desktop || value.mobile || value.tablet ) {
+ // Remove <style> first!
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+
+ var fontSize = '',
+ tabletFontSize = '',
+ mobileFontSize = '',
+ css_property = 'font-size';
+
+ jQuery( 'style#' + control + '-' + css_property ).remove();
+
+ if ( '' != value.desktop ) {
+ fontSize = 'font-size: ' + value.desktop + value['desktop-unit'];
+ }
+ if ( '' != value.tablet ) {
+ tabletFontSize = 'font-size: ' + value.tablet + value['tablet-unit'];
+ }
+ if ( '' != value.mobile ) {
+ mobileFontSize = 'font-size: ' + value.mobile + value['mobile-unit'];
+ }
+
+ if( value['desktop-unit'] == 'px' ) {
+ fontSize = astra_font_size_rem( value.desktop, true, 'desktop' );
+ }
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ '<style id="' + control + '-' + css_property + '">'
+ + selector + ' { ' + fontSize + ' }'
+ + '@media (max-width: 768px) {' + selector + ' { ' + tabletFontSize + ' } }'
+ + '@media (max-width: 544px) {' + selector + ' { ' + mobileFontSize + ' } }'
+ + '</style>'
+ );
+
+ } else {
+ jQuery( 'style#' + control + '-font-size' ).remove();
+ }
+
+ } );
+ } );
+}
+
+/**
+ * Responsive Spacing CSS
+ */
+function astra_responsive_spacing( control, selector, type, side ) {
+
+ wp.customize( control, function( value ) {
+ value.bind( function( value ) {
+ var sidesString = "";
+ var spacingType = "padding";
+ if ( value.desktop.top || value.desktop.right || value.desktop.bottom || value.desktop.left || value.tablet.top || value.tablet.right || value.tablet.bottom || value.tablet.left || value.mobile.top || value.mobile.right || value.mobile.bottom || value.mobile.left ) {
+ if ( typeof side != undefined ) {
+ sidesString = side + "";
+ // Replace comma character with dash, necessary to separate out spacing dimensions.
+ sidesString = sidesString.replace(/,/g , "-");
+ }
+ if ( typeof type != undefined ) {
+ spacingType = type + "";
+ }
+ // Remove <style> first!
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+ jQuery( 'style#' + control + '-' + spacingType + '-' + sidesString ).remove();
+
+ var desktopPadding = '',
+ tabletPadding = '',
+ mobilePadding = '';
+
+ var paddingSide = ( typeof side != undefined ) ? side : [ 'top','bottom','right','left' ];
+
+ jQuery.each(paddingSide, function( index, sideValue ){
+ if ( '' != value['desktop'][sideValue] ) {
+ desktopPadding += spacingType + '-' + sideValue +': ' + value['desktop'][sideValue] + value['desktop-unit'] +';';
+ }
+ });
+
+ jQuery.each(paddingSide, function( index, sideValue ){
+ if ( '' != value['tablet'][sideValue] ) {
+ tabletPadding += spacingType + '-' + sideValue +': ' + value['tablet'][sideValue] + value['tablet-unit'] +';';
+ }
+ });
+
+ jQuery.each(paddingSide, function( index, sideValue ){
+ if ( '' != value['mobile'][sideValue] ) {
+ mobilePadding += spacingType + '-' + sideValue +': ' + value['mobile'][sideValue] + value['mobile-unit'] +';';
+ }
+ });
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ '<style id="' + control + '-' + spacingType + '-' + sidesString + '">'
+ + selector + ' { ' + desktopPadding +' }'
+ + '@media (max-width: 768px) {' + selector + ' { ' + tabletPadding + ' } }'
+ + '@media (max-width: 544px) {' + selector + ' { ' + mobilePadding + ' } }'
+ + '</style>'
+ );
+
+ } else {
+ wp.customize.preview.send( 'refresh' );
+ jQuery( 'style#' + control + '-' + spacingType + '-' + sidesString ).remove();
+ }
+
+ } );
+ } );
+}
+
+/**
+ * CSS
+ */
+function astra_css_font_size( control, selector ) {
+
+ wp.customize( control, function( value ) {
+ value.bind( function( size ) {
+
+ if ( size ) {
+
+ // Remove <style> first!
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+ jQuery( 'style#' + control ).remove();
+
+ var fontSize = 'font-size: ' + size;
+ if ( ! isNaN( size ) || size.indexOf( 'px' ) >= 0 ) {
+ size = size.replace( 'px', '' );
+ fontSize = astra_font_size_rem( size, true );
+ }
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ '<style id="' + control + '">'
+ + selector + ' { ' + fontSize + ' }'
+ + '</style>'
+ );
+
+ } else {
+
+ jQuery( 'style#' + control ).remove();
+ }
+
+ } );
+ } );
+}
+
+/**
+ * Return get_hexdec()
+ */
+function get_hexdec( hex ) {
+ var hexString = hex.toString( 16 );
+ return parseInt( hexString, 16 );
+}
+
+/**
+ * Apply CSS for the element
+ */
+function astra_css( control, css_property, selector, unit ) {
+
+ wp.customize( control, function( value ) {
+ value.bind( function( new_value ) {
+
+ // Remove <style> first!
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+
+ if ( new_value || 0 === new_value ) {
+
+ /**
+ * If ( unit == 'url' ) then = url('{VALUE}')
+ * If ( unit == 'px' ) then = {VALUE}px
+ * If ( unit == 'em' ) then = {VALUE}em
+ * If ( unit == 'rem' ) then = {VALUE}rem.
+ */
+ if ( 'undefined' != typeof unit) {
+
+ if ( 'url' === unit ) {
+ new_value = 'url(' + new_value + ')';
+ } else {
+ new_value = new_value + unit;
+ }
+ }
+
+ // Remove old.
+ jQuery( 'style#' + control + '-' + css_property ).remove();
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ '<style id="' + control + '-' + css_property + '">'
+ + selector + ' { ' + css_property + ': ' + new_value + ' }'
+ + '</style>'
+ );
+
+ if( 'unset' === new_value ){
+ jQuery( 'style#' + control + '-' + css_property ).remove();
+ }
+
+ } else {
+ // Remove old.
+ jQuery( 'style#' + control + '-' + css_property ).remove();
+ }
+
+ } );
+ } );
+}
+
+
+/**
+ * Dynamic Internal/Embedded Style for a Control
+ */
+function astra_add_dynamic_css( control, style ) {
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+ jQuery( 'style#' + control ).remove();
+
+ jQuery( 'head' ).append(
+ '<style id="' + control + '">' + style + '</style>'
+ );
+}
+
+/**
+ * Generate background_obj CSS
+ */
+function astra_background_obj_css( wp_customize, bg_obj, ctrl_name, style ) {
+
+ var gen_bg_css = '';
+ var bg_img = bg_obj['background-image'];
+ var bg_color = bg_obj['background-color'];
+
+ if( '' === bg_color && '' === bg_img ) {
+ jQuery( 'style#' + ctrl_name ).remove();
+ }else{
+ if( undefined !== bg_obj['background-type'] && '' !== bg_obj['background-type'] ) {
+
+ if ( ( 'color' === bg_obj['background-type'] ) ) {
+
+ if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color ) {
+
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');';
+ } else if ( undefined === bg_img || '' === bg_img || 'unset' === bg_img ) {
+
+ gen_bg_css = 'background-color: ' + bg_color + ';';
+
+ }
+ } else if ( 'image' === bg_obj['background-type'] ) {
+
+ if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color && ! bg_color.includes("linear-gradient") && ! bg_color.includes("radial-gradient") ) {
+
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');';
+ }
+ if ( ( undefined === bg_color || '' === bg_color || 'unset' === bg_color || bg_color.includes("linear-gradient") || bg_color.includes("radial-gradient") ) && '' !== bg_img ) {
+ gen_bg_css = 'background-image: url(' + bg_img + ');';
+ }
+ } else if ( 'gradient' === bg_obj['background-type'] ) {
+ if ( '' !== bg_color && 'unset' !== bg_color ) {
+ gen_bg_css = 'background-image: ' + bg_color + ';';
+ }
+ }
+ }
+
+ if ( '' !== bg_img ) {
+
+ gen_bg_css += 'background-repeat: ' + bg_obj['background-repeat'] + ';';
+ gen_bg_css += 'background-position: ' + bg_obj['background-position'] + ';';
+ gen_bg_css += 'background-size: ' + bg_obj['background-size'] + ';';
+ gen_bg_css += 'background-attachment: ' + bg_obj['background-attachment'] + ';';
+ }
+
+ var dynamicStyle = style.replace( "{{css}}", gen_bg_css );
+
+ astra_add_dynamic_css( ctrl_name, dynamicStyle );
+ }
+}
+
+/*
+* Generate Font Family CSS
+*/
+function astra_generate_outside_font_family_css( control, selector ) {
+ wp.customize( control, function (value) {
+ value.bind( function ( value, oldValue ) {
+
+ var cssProperty = 'font-family';
+ var link = '';
+
+ var fontName = value.split(",")[0];
+ // Replace ' character with space, necessary to separate out font prop value.
+ fontName = fontName.replace(/'/g, '');
+
+ // Remove <style> first!
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+
+ jQuery('style#' + control + '-' + cssProperty ).remove();
+
+ if ( fontName in astraCustomizer.googleFonts ) {
+ // Remove old.
+
+ var fontName = fontName.split(' ').join('+');
+
+ jQuery('link#' + control).remove();
+ link = '<link id="' + control + '" href="https://fonts.googleapis.com/css?family=' + fontName + '" rel="stylesheet">';
+ }
+
+ // Concat and append new <style> and <link>.
+ jQuery('head').append(
+ '<style id="' + control + '-' + cssProperty + '">'
+ + selector + ' { ' + cssProperty + ': ' + value + ' }'
+ + '</style>'
+ + link
+ );
+ });
+ });
+}
+
+/*
+* Generate Font Weight CSS
+*/
+function astra_generate_font_weight_css( font_control, control, css_property, selector ) {
+ wp.customize( control, function( value ) {
+ value.bind( function( new_value ) {
+
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+ var link = '';
+
+ if ( new_value ) {
+
+ /**
+ * If ( unit == 'url' ) then = url('{VALUE}')
+ * If ( unit == 'px' ) then = {VALUE}px
+ * If ( unit == 'em' ) then = {VALUE}em
+ * If ( unit == 'rem' ) then = {VALUE}rem.
+ */
+ if ( 'undefined' != typeof unit) {
+
+ if ( 'url' === unit ) {
+ new_value = 'url(' + new_value + ')';
+ } else {
+ new_value = new_value + unit;
+ }
+ }
+
+ var fontName = wp.customize._value[font_control]._value;
+ fontName = fontName.split(',');
+ fontName = fontName[0].replace( /'/g, '' );
+
+ // Remove old.
+ jQuery( 'style#' + control + '-' + css_property ).remove();
+
+ if ( fontName in astraCustomizer.googleFonts ) {
+ // Remove old.
+
+ jQuery('#' + font_control).remove();
+ if( new_value === "inherit" ) {
+ link = '<link id="' + font_control + '" href="https://fonts.googleapis.com/css?family=' + fontName + '" rel="stylesheet">';
+ } else {
+ link = '<link id="' + font_control + '" href="https://fonts.googleapis.com/css?family=' + fontName + '%3A' + new_value + '" rel="stylesheet">';
+ }
+ }
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ '<style id="' + control + '-' + css_property + '">'
+ + selector + ' { ' + css_property + ': ' + new_value + ' }'
+ + '</style>'
+ + link
+ );
+
+ } else {
+ // Remove old.
+ jQuery( 'style#' + control ).remove();
+ }
+
+ } );
+ });
+}
+
+/**
+ * Apply CSS for the element
+ */
+function astra_apply_responsive_background_css( control, selector, device, singleColorSelector, addon ) {
+ wp.customize( control, function( value ) {
+ value.bind( function( bg_obj ) {
+
+ addon = addon || '';
+ singleColorSelector = singleColorSelector || '';
+
+ addon = ( addon ) ? addon : 'header';
+
+ control = control.replace( '[', '-' );
+ control = control.replace( ']', '' );
+
+ if( '' === bg_obj[device] || undefined === bg_obj[device] ){
+ return;
+ }
+
+ var gen_bg_css = '';
+ var bg_img = bg_obj[device]['background-image'];
+ var bg_tab_img = bg_obj['tablet']['background-image'];
+ var bg_desk_img = bg_obj['desktop']['background-image'];
+ var bg_color = bg_obj[device]['background-color'];
+ var tablet_css = ( bg_obj['tablet']['background-image'] ) ? true : false;
+ var desktop_css = ( bg_obj['desktop']['background-image'] ) ? true : false;
+
+ if( undefined !== bg_obj[device]['background-type'] && '' !== bg_obj[device]['background-type'] ) {
+ if ( ( 'color' === bg_obj[device]['background-type'] ) ) {
+ if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color ) {
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');';
+ } else if ( 'mobile' === device ) {
+ if ( desktop_css ) {
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_desk_img + ');';
+ } else if ( tablet_css ) {
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_tab_img + ');';
+ } else {
+ gen_bg_css = 'background-color: ' + bg_color + ';';
+ gen_bg_css += 'background-image: none;';
+ }
+ } else if ( 'tablet' === device ) {
+ if ( desktop_css ) {
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_desk_img + ');';
+ } else {
+ gen_bg_css = 'background-color: ' + bg_color + ';';
+ gen_bg_css += 'background-image: none;';
+ }
+ } else if ( undefined === bg_img || '' === bg_img ) {
+ gen_bg_css = 'background-color: ' + bg_color + ';';
+ gen_bg_css += 'background-image: none;';
+ }
+ } else if ( 'image' === bg_obj[device]['background-type'] ) {
+ if ( '' !== bg_img && '' !== bg_color && undefined !== bg_color && 'unset' !== bg_color && ! bg_color.includes("linear-gradient") && ! bg_color.includes("radial-gradient") ) {
+ gen_bg_css = 'background-image: linear-gradient(to right, ' + bg_color + ', ' + bg_color + '), url(' + bg_img + ');';
+ }
+ if ( ( undefined === bg_color || '' === bg_color || 'unset' === bg_color || bg_color.includes("linear-gradient") || bg_color.includes("radial-gradient") ) && '' !== bg_img ) {
+ gen_bg_css = 'background-image: url(' + bg_img + ');';
+ }
+ } else if ( 'gradient' === bg_obj[device]['background-type'] ) {
+ if ( '' !== bg_color && 'unset' !== bg_color ) {
+ gen_bg_css = 'background-image: ' + bg_color + ';';
+ }
+ }
+ }
+
+ if ( '' !== bg_img ) {
+
+ gen_bg_css += 'background-repeat: ' + bg_obj[device]['background-repeat'] + ';';
+ gen_bg_css += 'background-position: ' + bg_obj[device]['background-position'] + ';';
+ gen_bg_css += 'background-size: ' + bg_obj[device]['background-size'] + ';';
+ gen_bg_css += 'background-attachment: ' + bg_obj[device]['background-attachment'] + ';';
+ }
+
+ // Remove old.
+ jQuery( 'style#' + control + '-' + device + '-' + addon ).remove();
+
+
+ if ( 'desktop' == device ) {
+ var dynamicStyle = '<style id="' + control + '-' + device + '-' + addon + '">'
+ + selector + ' { ' + gen_bg_css + ' }'
+ + '</style>'
+ }
+ if ( 'tablet' == device ) {
+ var dynamicStyle = '<style id="' + control + '-' + device + '-' + addon + '">'
+ + '@media (max-width: 768px) {' + selector + ' { ' + gen_bg_css + ' } }'
+ + '</style>'
+ }
+ if ( 'mobile' == device ) {
+ var dynamicStyle = '<style id="' + control + '-' + device + '-' + addon + '">'
+ + '@media (max-width: 544px) {' + selector + ' { ' + gen_bg_css + ' } }'
+ + '</style>'
+ }
+
+ // Concat and append new <style>.
+ jQuery( 'head' ).append(
+ dynamicStyle
+ );
+ });
+ });
+}
+
+function getChangedKey( value, other ) {
+
+ value = isJsonString(value) ? JSON.parse(value) : value;
+ other = isJsonString(other) ? JSON.parse(other) : other;
+
+ // Compare two items
+ var compare = function ( item1, item2 ) {
+
+ // Get the object type
+ var itemType = Object.prototype.toString.call(item1);
+
+ // If an object or array, compare recursively
+ if (['[object Array]', '[object Object]'].indexOf(itemType) >= 0) {
+ if ('string' == typeof getChangedKey(item1, item2)) {
+ return false;
+ }
+ }
+
+ // Otherwise, do a simple comparison
+ else {
+
+ // If the two items are not the same type, return false
+ if (itemType !== Object.prototype.toString.call(item2)) return false;
+
+ // Else if it's a function, convert to a string and compare
+ // Otherwise, just compare
+ if (itemType === '[object Function]') {
+ if (item1.toString() !== item2.toString()) return false;
+ } else {
+ if (item1 !== item2) return false;
+ }
+
+ }
+ };
+
+ for ( var key in value ) {
+ if ( other.hasOwnProperty(key) && value.hasOwnProperty(key) ) {
+ if ( compare( value[key], other[key] ) === false ) return key;
+ } else {
+ return key;
+ }
+ }
+
+ // If nothing failed, return true
+ return true;
+
+}
+
+function isJsonString( str ) {
+
+ try {
+ JSON.parse(str);
+ } catch (e) {
+ return false;
+ }
+ return true;
+}
+
+function hasWordPressWidgetBlockEditor() {
+ return astraCustomizer.has_block_editor_support || false;
+}
+
+( function( $ ) {
+
+ /*
+ * Site Identity Logo Width
+ */
+ wp.customize( 'astra-settings[ast-header-responsive-logo-width]', function( setting ) {
+ setting.bind( function( logo_width ) {
+ if ( logo_width['desktop'] != '' || logo_width['tablet'] != '' || logo_width['mobile'] != '' ) {
+ var dynamicStyle = '#masthead .site-logo-img .custom-logo-link img { max-width: ' + logo_width['desktop'] + 'px; } @media( max-width: 768px ) { #masthead .site-logo-img .custom-logo-link img { max-width: ' + logo_width['tablet'] + 'px; } #masthead .site-logo-img img { max-height: ' + logo_width['tablet'] + 'px; } } @media( max-width: 544px ) { .ast-header-break-point .site-branding img, .ast-header-break-point #masthead .site-logo-img .custom-logo-link img { max-width: ' + logo_width['mobile'] + 'px; }' +
+ '#masthead .site-logo-img img { max-height: ' + logo_width['mobile'] + 'px; } .astra-logo-svg{width: ' + logo_width['mobile'] + 'px !important; } }';
+ astra_add_dynamic_css( 'ast-header-responsive-logo-width', dynamicStyle );
+ var mobileLogoStyle = '.ast-header-break-point #masthead .site-logo-img .custom-mobile-logo-link img { max-width: ' + logo_width['tablet'] + 'px; } @media( max-width: 768px ) { .ast-header-break-point #masthead .site-logo-img .custom-mobile-logo-link img { max-width: ' + logo_width['tablet'] + 'px; } @media( max-width: 544px ) { .ast-header-break-point #masthead .site-logo-img .custom-mobile-logo-link img { max-width: ' + logo_width['mobile'] + 'px; }';
+ astra_add_dynamic_css( 'mobile-header-logo-width', mobileLogoStyle );
+ }
+ else{
+ wp.customize.preview.send( 'refresh' );
+ }
+ } );
+ } );
+
+ /*
+ * Responsive Logo Visibility
+ */
+ wp.customize( 'astra-settings[display-site-title-responsive]', function( setting ) {
+ setting.bind( function( logo_visibility ) {
+ var desktopTitleVisibility = ( logo_visibility['desktop'] ) ? 'block' : 'none';
+ var tabletTitleVisibility = ( logo_visibility['tablet'] ) ? 'block' : 'none';
+ var mobileTitleVisibility = ( logo_visibility['mobile'] ) ? 'block' : 'none';
+ var tabletBreakPoint = astraBuilderPreview.tablet_break_point || 768,
+ mobileBreakPoint = astraBuilderPreview.mobile_break_point || 544;
+ var dynamicStyle = '.ast-site-title-wrap .site-title { display: ' + desktopTitleVisibility + ';} @media( max-width: ' + tabletBreakPoint + 'px) { .ast-site-title-wrap .site-title { display: ' + tabletTitleVisibility + ';} } @media( max-width: ' + mobileBreakPoint + 'px) { .ast-site-title-wrap .site-title { display: ' + mobileTitleVisibility + ';} }';
+ astra_add_dynamic_css( 'display-site-title-responsive', dynamicStyle );
+ } );
+ } );
+
+ /*
+ * Responsive Tagline Visibility
+ */
+ wp.customize( 'astra-settings[display-site-tagline-responsive]', function( setting ) {
+ setting.bind( function( tagline_visibility ) {
+ var desktopTaglineVisibility = ( tagline_visibility['desktop'] ) ? 'block' : 'none';
+ var tabletTaglineVisibility = ( tagline_visibility['tablet'] ) ? 'block' : 'none';
+ var mobileTaglineVisibility = ( tagline_visibility['mobile'] ) ? 'block' : 'none';
+ var tabletBreakPoint = astraBuilderPreview.tablet_break_point || 768,
+ mobileBreakPoint = astraBuilderPreview.mobile_break_point || 544;
+ var dynamicStyle = '.ast-site-title-wrap .site-description { display: ' + desktopTaglineVisibility + ';} @media( max-width: ' + tabletBreakPoint + 'px) { .ast-site-title-wrap .site-description { display: ' + tabletTaglineVisibility + ';} } @media( max-width: ' + mobileBreakPoint + 'px) { .ast-site-title-wrap .site-description { display: ' + mobileTaglineVisibility + ';} }';
+ astra_add_dynamic_css( 'display-site-tagline-responsive', dynamicStyle );
+ } );
+ } );
+
+ /*
+ * Full width layout
+ */
+ wp.customize( 'astra-settings[site-content-width]', function( setting ) {
+ setting.bind( function( width ) {
+ var dynamicStyle = '@media (min-width: 554px) {';
+ dynamicStyle += '.ast-container, .fl-builder #content .entry-header { max-width: ' + ( 40 + parseInt( width ) ) + 'px } ';
+ dynamicStyle += '}';
+ if ( jQuery( 'body' ).hasClass( 'ast-page-builder-template' ) ) {
+ dynamicStyle += '@media (min-width: 554px) {';
+ dynamicStyle += '.ast-page-builder-template .comments-area { max-width: ' + ( 40 + parseInt( width ) ) + 'px } ';
+ dynamicStyle += '}';
+ }
+
+ astra_add_dynamic_css( 'site-content-width', dynamicStyle );
+
+ } );
+ } );
+
+ /*
+ * Full width layout
+ */
+ wp.customize( 'astra-settings[header-main-menu-label]', function( setting ) {
+ setting.bind( function( label ) {
+ if( $('button.main-header-menu-toggle .mobile-menu-wrap .mobile-menu').length > 0 ) {
+ if ( label != '' ) {
+ $('button.main-header-menu-toggle .mobile-menu-wrap .mobile-menu').text(label);
+ } else {
+ $('button.main-header-menu-toggle .mobile-menu-wrap').remove();
+ }
+ } else {
+ var html = $('button.main-header-menu-toggle').html();
+ if( '' != label ) {
+ html += '<div class="mobile-menu-wrap"><span class="mobile-menu">'+ label +'</span> </div>';
+ }
+ $('button.main-header-menu-toggle').html( html )
+ }
+ } );
+ } );
+
+ /*
+ * Layout Body Background
+ */
+ astra_apply_responsive_background_css( 'astra-settings[site-layout-outside-bg-obj-responsive]', 'body, .ast-separate-container', 'desktop' );
+ astra_apply_responsive_background_css( 'astra-settings[site-layout-outside-bg-obj-responsive]', 'body, .ast-separate-container', 'tablet' );
+ astra_apply_responsive_background_css( 'astra-settings[site-layout-outside-bg-obj-responsive]', 'body, .ast-separate-container', 'mobile' );
+
+ /*
+ * Blog Custom Width
+ */
+ wp.customize( 'astra-settings[blog-max-width]', function( setting ) {
+ setting.bind( function( width ) {
+
+ var dynamicStyle = '@media all and ( min-width: 921px ) {';
+
+ if ( ! jQuery( 'body' ).hasClass( 'ast-woo-shop-archive' ) ) {
+ dynamicStyle += '.blog .site-content > .ast-container,.archive .site-content > .ast-container{ max-width: ' + ( parseInt( width ) ) + 'px } ';
+ }
+
+ if ( jQuery( 'body' ).hasClass( 'ast-fluid-width-layout' ) ) {
+ dynamicStyle += '.blog .site-content > .ast-container,.archive .site-content > .ast-container{ padding-left:20px; padding-right:20px; } ';
+ }
+ dynamicStyle += '}';
+ astra_add_dynamic_css( 'blog-max-width', dynamicStyle );
+
+ } );
+ } );
+
+ /*
+ * Single Blog Custom Width
+ */
+ wp.customize( 'astra-settings[blog-single-max-width]', function( setting ) {
+ setting.bind( function( width ) {
+
+ var dynamicStyle = '@media all and ( min-width: 921px ) {';
+
+ dynamicStyle += '.single-post .site-content > .ast-container{ max-width: ' + ( 40 + parseInt( width ) ) + 'px } ';
+
+ if ( jQuery( 'body' ).hasClass( 'ast-fluid-width-layout' ) ) {
+ dynamicStyle += '.single-post .site-content > .ast-container{ padding-left:20px; padding-right:20px; } ';
+ }
+ dynamicStyle += '}';
+ astra_add_dynamic_css( 'blog-single-max-width', dynamicStyle );
+
+ } );
+ } );
+
+ /*
+ * EDD Archive Custom Width
+ */
+ wp.customize( 'astra-settings[edd-archive-max-width]', function( setting ) {
+ setting.bind( function( width ) {
+
+ var dynamicStyle = '.ast-edd-archive-page .site-content > .ast-container { max-width: ' + parseInt( width ) + 'px } ';
+
+ astra_add_dynamic_css( 'edd-archive-max-width', dynamicStyle );
+
+ } );
+ } );
+
+ /**
+ * Primary Width Option
+ */
+ wp.customize( 'astra-settings[site-sidebar-width]', function( setting ) {
+ setting.bind( function( width ) {
+
+ if ( ! jQuery( 'body' ).hasClass( 'ast-no-sidebar' ) && width >= 15 && width <= 50 ) {
+
+ var dynamicStyle = '@media (min-width: 769px) {';
+
+ dynamicStyle += '#primary { width: ' + ( 100 - parseInt( width ) ) + '% } ';
+ dynamicStyle += '#secondary { width: ' + width + '% } ';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'site-sidebar-width', dynamicStyle );
+ }
+
+ } );
+ } );
+
+ /**
+ * Header Bottom Border
+ */
+ wp.customize( 'astra-settings[header-main-sep]', function( setting ) {
+ setting.bind( function( border ) {
+
+ var dynamicStyle = 'body.ast-header-break-point .main-header-bar { border-bottom-width: ' + border + 'px }';
+
+ dynamicStyle += '.ast-desktop .main-header-bar {';
+ dynamicStyle += 'border-bottom-width: ' + border + 'px';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'header-main-sep', dynamicStyle );
+
+ } );
+ } );
+
+ /**
+ * Small Footer Top Border
+ */
+ wp.customize( 'astra-settings[footer-sml-divider]', function( value ) {
+ value.bind( function( border_width ) {
+ jQuery( '.ast-small-footer' ).css( 'border-top-width', border_width + 'px' );
+ } );
+ } );
+
+ /**
+ * Footer Widget Top Border
+ */
+ wp.customize( 'astra-settings[footer-adv-border-width]', function( value ) {
+ value.bind( function( border_width ) {
+ jQuery( '.footer-adv .footer-adv-overlay' ).css( 'border-top-width', border_width + 'px' );
+ } );
+ } );
+
+
+ wp.customize( 'astra-settings[footer-adv-border-color]', function( value ) {
+ value.bind( function( border_color ) {
+ jQuery( '.footer-adv .footer-adv-overlay' ).css( 'border-top-color', border_color );
+ } );
+ } );
+
+
+ /**
+ * Small Footer Top Border Color
+ */
+ wp.customize( 'astra-settings[footer-sml-divider-color]', function( value ) {
+ value.bind( function( border_color ) {
+ jQuery( '.ast-small-footer' ).css( 'border-top-color', border_color );
+ } );
+ } );
+
+ /**
+ * Button Border Radius
+ */
+ wp.customize( 'astra-settings[button-radius]', function( setting ) {
+ setting.bind( function( border ) {
+
+ var search_button_selector = hasWordPressWidgetBlockEditor() ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : '' ;
+
+ var dynamicStyle = '.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' + search_button_selector + '{ border-radius: ' + ( parseInt( border ) ) + 'px } ';
+ if ( jQuery( 'body' ).hasClass( 'woocommerce' ) ) {
+ dynamicStyle += '.woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { border-radius: ' + ( parseInt( border ) ) + 'px } ';
+ }
+
+ astra_add_dynamic_css( 'button-radius', dynamicStyle );
+
+ } );
+ } );
+
+ /**
+ * Header Bottom Border width
+ */
+ wp.customize( 'astra-settings[header-main-sep]', function( value ) {
+ value.bind( function( border ) {
+
+ var dynamicStyle = ' body.ast-header-break-point .main-header-bar { border-bottom-width: ' + border + 'px } ';
+
+ dynamicStyle += '.ast-desktop .main-header-bar {';
+ dynamicStyle += 'border-bottom-width: ' + border + 'px';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'header-main-sep', dynamicStyle );
+
+ } );
+ } );
+
+ /**
+ * Header Bottom Border color
+ */
+ wp.customize( 'astra-settings[header-main-sep-color]', function( value ) {
+ value.bind( function( color ) {
+ if (color == '') {
+ wp.customize.preview.send( 'refresh' );
+ }
+
+ if ( color ) {
+
+ var dynamicStyle = ' .ast-desktop .main-header-bar { border-bottom-color: ' + color + '; } ';
+ dynamicStyle += ' body.ast-header-break-point .main-header-bar { border-bottom-color: ' + color + '; } ';
+
+ astra_add_dynamic_css( 'header-main-sep-color', dynamicStyle );
+ }
+
+ } );
+ } );
+
+ /**
+ * Primary Toggle Button Color
+ */
+ wp.customize( 'astra-settings[mobile-header-toggle-btn-style-color]', function( setting ) {
+ setting.bind( function( toggle_button_color ) {
+ if ( toggle_button_color != '' ) {
+ if( jQuery( '.menu-toggle' ).hasClass( 'ast-mobile-menu-buttons-fill' ) ) {
+ var dynamicStyle = '.ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle { background: ' + toggle_button_color + '}';
+ }
+ else if( jQuery( '.menu-toggle' ).hasClass( 'ast-mobile-menu-buttons-outline' ) ) {
+ var dynamicStyle = '.ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle { border: 1px solid ' + toggle_button_color + '; color: ' + toggle_button_color + '}';
+ }
+ else {
+ var dynamicStyle = '.ast-header-break-point .ast-mobile-menu-buttons-minimal.menu-toggle { color: ' + toggle_button_color + '}';
+ }
+ astra_add_dynamic_css( 'primary-toggle-button-color', dynamicStyle );
+ }
+ else{
+ wp.customize.preview.send( 'refresh' );
+ }
+ });
+ });
+
+
+ astra_responsive_font_size( 'astra-settings[font-size-site-tagline]', '.site-header .site-description' );
+ astra_responsive_font_size( 'astra-settings[font-size-site-title]', '.site-title' );
+
+ astra_responsive_font_size( 'astra-settings[font-size-entry-title]', '.ast-single-post .entry-title, .page-title' );
+ astra_responsive_font_size( 'astra-settings[font-size-archive-summary-title]', '.ast-archive-description .ast-archive-title' );
+ astra_responsive_font_size( 'astra-settings[font-size-page-title]', 'body:not(.ast-single-post) .entry-title' );
+
+ // Check if anchors should be loaded in the CSS for headings.
+ if (true == astraCustomizer.includeAnchorsInHeadindsCss) {
+ astra_responsive_font_size('astra-settings[font-size-h1]', 'h1, .entry-content h1, .entry-content h1 a');
+ astra_responsive_font_size('astra-settings[font-size-h2]', 'h2, .entry-content h2, .entry-content h2 a');
+ astra_responsive_font_size('astra-settings[font-size-h3]', 'h3, .entry-content h3, .entry-content h3 a');
+ astra_responsive_font_size('astra-settings[font-size-h4]', 'h4, .entry-content h4, .entry-content h4 a');
+ astra_responsive_font_size('astra-settings[font-size-h5]', 'h5, .entry-content h5, .entry-content h5 a');
+ astra_responsive_font_size('astra-settings[font-size-h6]', 'h6, .entry-content h6, .entry-content h6 a');
+ } else {
+ astra_responsive_font_size('astra-settings[font-size-h1]', 'h1, .entry-content h1');
+ astra_responsive_font_size('astra-settings[font-size-h2]', 'h2, .entry-content h2');
+ astra_responsive_font_size('astra-settings[font-size-h3]', 'h3, .entry-content h3');
+ astra_responsive_font_size('astra-settings[font-size-h4]', 'h4, .entry-content h4');
+ astra_responsive_font_size('astra-settings[font-size-h5]', 'h5, .entry-content h5');
+ astra_responsive_font_size('astra-settings[font-size-h6]', 'h6, .entry-content h6');
+ }
+
+ // paragraph margin bottom.
+ wp.customize( 'astra-settings[para-margin-bottom]', function( value ) {
+ value.bind( function( marginBottom ) {
+ if ( marginBottom == '' ) {
+ wp.customize.preview.send( 'refresh' );
+ }
+
+ if ( marginBottom ) {
+ var dynamicStyle = ' p, .entry-content p { margin-bottom: ' + marginBottom + 'em; } ';
+ astra_add_dynamic_css( 'para-margin-bottom', dynamicStyle );
+ }
+
+ } );
+ } );
+
+ // Add preview underline in customizer for content links.
+ wp.customize( 'astra-settings[underline-content-links]', function( setting ) {
+ setting.bind( function( value ) {
+ var dynamicStyle = '';
+ if ( value ) {
+ dynamicStyle = '.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { text-decoration: underline; } ';
+ astra_add_dynamic_css( 'underline-content-links', dynamicStyle );
+ } else {
+ dynamicStyle = '.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { text-decoration: unset; } ';
+ astra_add_dynamic_css( 'underline-content-links', dynamicStyle );
+ }
+ } );
+ } );
+
+ if ( astraCustomizer.page_builder_button_style_css ) {
+ if (true == astraCustomizer.includeAnchorsInHeadindsCss) {
+ if ( 'color-typo' == astraCustomizer.elementor_default_color_font_setting || 'typo' == astraCustomizer.elementor_default_color_font_setting ) {
+ astra_css('astra-settings[headings-line-height]', 'line-height', '.elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title, .elementor-widget-heading h5.elementor-heading-title, .elementor-widget-heading h6.elementor-heading-title');
+ }
+ astra_css('astra-settings[headings-line-height]', 'line-height', 'h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a');
+ } else {
+ if ( 'color-typo' == astraCustomizer.elementor_default_color_font_setting || 'typo' == astraCustomizer.elementor_default_color_font_setting ) {
+ astra_css('astra-settings[headings-line-height]', 'line-height', '.elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title, .elementor-widget-heading h5.elementor-heading-title, .elementor-widget-heading h6.elementor-heading-title');
+ }
+ astra_css('astra-settings[headings-line-height]', 'line-height', 'h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a');
+ }
+ } else {
+ if (true == astraCustomizer.includeAnchorsInHeadindsCss) {
+ astra_css('astra-settings[headings-line-height]', 'line-height', 'h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a');
+ } else {
+ astra_css('astra-settings[headings-line-height]', 'line-height', 'h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a');
+ }
+ }
+
+ // Check if anchors should be loaded in the CSS for headings.
+ if (true == astraCustomizer.includeAnchorsInHeadindsCss) {
+ astra_generate_outside_font_family_css('astra-settings[headings-font-family]', 'h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a');
+ astra_generate_font_weight_css( 'astra-settings[headings-font-family]', 'astra-settings[headings-font-weight]', 'font-weight', 'h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a' );
+ astra_css('astra-settings[headings-text-transform]', 'text-transform', 'h1, .entry-content h1, .entry-content h1 a, h2, .entry-content h2, .entry-content h2 a, h3, .entry-content h3, .entry-content h3 a, h4, .entry-content h4, .entry-content h4 a, h5, .entry-content h5, .entry-content h5 a, h6, .entry-content h6, .entry-content h6 a, .site-title, .site-title a');
+ } else {
+ astra_generate_outside_font_family_css('astra-settings[headings-font-family]', 'h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a');
+ astra_generate_font_weight_css( 'astra-settings[headings-font-family]', 'astra-settings[headings-font-weight]', 'font-weight', 'h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a' );
+ astra_css('astra-settings[headings-text-transform]', 'text-transform', 'h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6, .site-title, .site-title a');
+ }
+
+
+ // Footer Bar.
+ astra_css( 'astra-settings[footer-color]', 'color', '.ast-small-footer' );
+ astra_css( 'astra-settings[footer-link-color]', 'color', '.ast-small-footer a' );
+ astra_css( 'astra-settings[footer-link-h-color]', 'color', '.ast-small-footer a:hover' );
+
+ // Footer Bar background.
+ wp.customize( 'astra-settings[footer-bg-obj]', function( value ) {
+ value.bind( function( bg_obj ) {
+ var dynamicStyle = ' .ast-small-footer > .ast-footer-overlay { {{css}} }';
+ astra_background_obj_css( wp.customize, bg_obj, 'footer-bg-obj', dynamicStyle );
+ } );
+ } );
+
+ // Footer Widgets.
+ astra_css( 'astra-settings[footer-adv-wgt-title-color]', 'color', '.footer-adv .widget-title, .footer-adv .widget-title a' );
+ astra_css( 'astra-settings[footer-adv-text-color]', 'color', '.footer-adv' );
+ astra_css( 'astra-settings[footer-adv-link-color]', 'color', '.footer-adv a' );
+ astra_css( 'astra-settings[footer-adv-link-h-color]', 'color', '.footer-adv a:hover, .footer-adv .no-widget-text a:hover, .footer-adv a:focus, .footer-adv .no-widget-text a:focus' );
+
+ // Footer Widget background.
+ wp.customize( 'astra-settings[footer-adv-bg-obj]', function( value ) {
+ value.bind( function( bg_obj ) {
+ var dynamicStyle = ' .footer-adv-overlay { {{css}} }';
+ astra_background_obj_css( wp.customize, bg_obj, 'footer-adv-bg-obj', dynamicStyle );
+ } );
+ } );
+
+ /*
+ * Woocommerce Shop Archive Custom Width
+ */
+ wp.customize( 'astra-settings[shop-archive-max-width]', function( setting ) {
+ setting.bind( function( width ) {
+
+ var dynamicStyle = '@media all and ( min-width: 921px ) {';
+
+ dynamicStyle += '.ast-woo-shop-archive .site-content > .ast-container{ max-width: ' + ( parseInt( width ) ) + 'px } ';
+
+ if ( jQuery( 'body' ).hasClass( 'ast-fluid-width-layout' ) ) {
+ dynamicStyle += '.ast-woo-shop-archive .site-content > .ast-container{ padding-left:20px; padding-right:20px; } ';
+ }
+ dynamicStyle += '}';
+ astra_add_dynamic_css( 'shop-archive-max-width', dynamicStyle );
+
+ } );
+ } );
+
+ //[1] Primary Menu Toggle Button Style.
+ wp.customize( 'astra-settings[mobile-header-toggle-btn-style]', function( setting ) {
+ setting.bind( function( icon_style ) {
+ var icon_color = wp.customize('astra-settings[mobile-header-toggle-btn-color]').get();
+
+ if ( '' === icon_color && 'fill' === icon_style ) {
+ var dynamicStyle = ' [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { fill: #ffffff; } ';
+ astra_add_dynamic_css( 'mobile-header-toggle-btn-style', dynamicStyle );
+ } else {
+ astra_add_dynamic_css( 'mobile-header-toggle-btn-style', '' );
+ }
+
+ var buttons = $(document).find('.ast-mobile-menu-buttons .menu-toggle');
+ buttons.removeClass('ast-mobile-menu-buttons-default ast-mobile-menu-buttons-fill ast-mobile-menu-buttons-outline');
+ buttons.removeClass('ast-mobile-menu-buttons-default ast-mobile-menu-buttons-fill ast-mobile-menu-buttons-minimal');
+ buttons.addClass( 'ast-mobile-menu-buttons-' + icon_style );
+
+ var themeColor = wp.customize( 'astra-settings[theme-color]' ).get();
+ var defaultColor = '#ffffff';
+ var toggleButtonColor = wp.customize( 'astra-settings[mobile-header-toggle-btn-color]' ).get();
+
+ if ( 'fill' !== icon_style ) {
+ defaultColor = themeColor
+ }
+
+ var iconColor = defaultColor;
+
+ if ( '' !== toggleButtonColor && undefined !== toggleButtonColor && null !== toggleButtonColor ) {
+ iconColor = toggleButtonColor
+ }
+
+ var dynamicStyle = '[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {';
+ dynamicStyle += 'fill: ' + iconColor + ';';
+ dynamicStyle +='}';
+
+ dynamicStyle += '[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu {';
+ dynamicStyle += 'color: ' + iconColor + ';';
+ dynamicStyle +='}';
+
+ dynamicStyle += '[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill, [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {';
+ dynamicStyle += 'color: ' + iconColor + ';';
+ dynamicStyle += 'border: none;';
+ dynamicStyle +='}';
+
+ dynamicStyle += '[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {';
+ dynamicStyle += 'color: ' + iconColor + ';';
+ dynamicStyle +='}';
+ ;
+ astra_add_dynamic_css( 'mobile-header-toggle-btn-style', dynamicStyle );
+
+ } );
+ } );
+
+ //[1] Toggle Button Border Radius.
+ wp.customize( 'astra-settings[mobile-header-toggle-btn-border-radius]', function( setting ) {
+ setting.bind( function( border ) {
+
+ var dynamicStyle = '.ast-header-break-point .main-header-bar .ast-button-wrap .menu-toggle { border-radius: ' + ( parseInt( border ) ) + 'px } ';
+ astra_add_dynamic_css( 'mobile-header-toggle-btn-border-radius', dynamicStyle );
+
+ } );
+ } );
+
+ /**
+ * Primary Submenu border
+ */
+ wp.customize( 'astra-settings[primary-submenu-border]', function( value ) {
+ value.bind( function( border ) {
+ var color = wp.customize( 'astra-settings[primary-submenu-b-color]' ).get();
+
+ if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
+
+ var dynamicStyle = '.ast-desktop .main-header-menu.submenu-with-border .sub-menu';
+ dynamicStyle += '{';
+ dynamicStyle += 'border-top-width:' + border.top + 'px;';
+ dynamicStyle += 'border-right-width:' + border.right + 'px;';
+ dynamicStyle += 'border-left-width:' + border.left + 'px;';
+ dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
+ dynamicStyle += 'border-color:' + color + ';';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+ dynamicStyle += '.ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu';
+ dynamicStyle += '{';
+ dynamicStyle += 'top:-' + border.top + 'px;';
+ dynamicStyle += '}';
+
+ // Submenu items goes outside?
+ dynamicStyle += '@media (min-width: 769px){';
+ dynamicStyle += '.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu';
+ dynamicStyle += '{';
+ dynamicStyle += 'margin-left:-' + ( +border.left + +border.right ) + 'px;';
+ dynamicStyle += '}';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'primary-submenu-border', dynamicStyle );
+ } else {
+ wp.customize.preview.send( 'refresh' );
+ }
+ } );
+ } );
+ /**
+ * Primary Submenu border COlor
+ */
+ wp.customize( 'astra-settings[primary-submenu-b-color]', function( value ) {
+ value.bind( function( color ) {
+ var border = wp.customize( 'astra-settings[primary-submenu-border]' ).get();
+ if ( '' != color ) {
+ if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
+
+ var dynamicStyle = '.ast-desktop .main-header-menu.submenu-with-border .sub-menu';
+ dynamicStyle += '{';
+ dynamicStyle += 'border-top-width:' + border.top + 'px;';
+ dynamicStyle += 'border-right-width:' + border.right + 'px;';
+ dynamicStyle += 'border-left-width:' + border.left + 'px;';
+ dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
+ dynamicStyle += 'border-color:' + color + ';';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+ dynamicStyle += '.ast-desktop .main-header-menu.submenu-with-border .sub-menu .sub-menu';
+ dynamicStyle += '{';
+ dynamicStyle += 'top:-' + border.top + 'px;';
+ dynamicStyle += '}';
+
+ // Submenu items goes outside?
+ dynamicStyle += '@media (min-width: 769px){';
+ dynamicStyle += '.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu';
+ dynamicStyle += '{';
+ dynamicStyle += 'margin-left:-' + ( +border.left + +border.right ) + 'px;';
+ dynamicStyle += '}';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'primary-submenu-border-color', dynamicStyle );
+ }
+ } else {
+ wp.customize.preview.send( 'refresh' );
+ }
+ } );
+ } );
+
+
+ /**
+ * Primary Submenu border COlor
+ */
+ wp.customize('astra-settings[primary-submenu-item-b-color]', function (value) {
+ value.bind(function (color) {
+ var insideBorder = wp.customize('astra-settings[primary-submenu-item-border]').get();
+ if ('' != color) {
+ if ( true == insideBorder ) {
+
+ var dynamicStyle = '';
+
+ dynamicStyle += '.ast-desktop .main-header-menu.submenu-with-border .sub-menu .menu-link';
+ dynamicStyle += '{';
+ dynamicStyle += 'border-bottom-width:' + ( ( true === insideBorder ) ? '1px;' : '0px;' );
+ dynamicStyle += 'border-color:' + color + ';';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+
+ astra_add_dynamic_css('primary-submenu-item-b-color', dynamicStyle);
+ }
+ } else {
+ wp.customize.preview.send('refresh');
+ }
+ });
+ });
+
+ /**
+ * Primary Submenu border COlor
+ */
+ wp.customize( 'astra-settings[primary-submenu-item-border]', function( value ) {
+ value.bind( function( border ) {
+ var color = wp.customize( 'astra-settings[primary-submenu-item-b-color]' ).get();
+
+ if( true === border ) {
+ var dynamicStyle = '.ast-desktop .main-header-menu.submenu-with-border .sub-menu .menu-link';
+ dynamicStyle += '{';
+ dynamicStyle += 'border-bottom-width:' + ( ( true === border ) ? '1px;' : '0px;' );
+ dynamicStyle += 'border-color:' + color + ';';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'primary-submenu-item-border', dynamicStyle );
+ } else {
+ wp.customize.preview.send( 'refresh' );
+ }
+
+ } );
+ } );
+
+ astra_css( 'astra-settings[header-main-rt-section-button-text-color]', 'color', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+ astra_css( 'astra-settings[header-main-rt-section-button-back-color]', 'background-color', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+ astra_css( 'astra-settings[header-main-rt-section-button-text-h-color]', 'color', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' );
+ astra_css( 'astra-settings[header-main-rt-section-button-back-h-color]', 'background-color', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' );
+ astra_css( 'astra-settings[header-main-rt-section-button-border-radius]', 'border-radius', '.main-header-bar .ast-container .button-custom-menu-item .ast-custom-button-link .ast-custom-button', 'px' );
+ astra_css( 'astra-settings[header-main-rt-section-button-border-color]', 'border-color', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+ astra_css( 'astra-settings[header-main-rt-section-button-border-h-color]', 'border-color', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' );
+ astra_responsive_spacing( 'astra-settings[header-main-rt-section-button-padding]','.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button', 'padding', ['top', 'right', 'bottom', 'left' ] );
+
+ // Header custom button - Typography preview stylings.
+ astra_generate_outside_font_family_css( 'astra-settings[primary-header-button-font-family]', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+
+ astra_responsive_font_size( 'astra-settings[primary-header-button-font-size]', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+
+ astra_css( 'astra-settings[primary-header-button-font-weight]', 'font-weight', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+
+ astra_css( 'astra-settings[primary-header-button-line-height]', 'line-height', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+
+ astra_css( 'astra-settings[primary-header-button-text-transform]', 'text-transform', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
+
+ astra_css( 'astra-settings[primary-header-button-letter-spacing]', 'letter-spacing', '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button, .ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button', 'px' );
+
+ /**
+ * Custom Button border
+ */
+ wp.customize( 'astra-settings[header-main-rt-section-button-border-size]', function( value ) {
+ value.bind( function( border ) {
+ if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
+ var dynamicStyle = '.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button';
+ dynamicStyle += '{';
+ dynamicStyle += 'border-top-width:' + border.top + 'px;';
+ dynamicStyle += 'border-right-width:' + border.right + 'px;';
+ dynamicStyle += 'border-left-width:' + border.left + 'px;';
+ dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'header-main-rt-section-button-border-size', dynamicStyle );
+ }
+ } );
+ } );
+
+ var ele_border_radius_selector = '';
+ var ele_border_width_selector = '';
+ var ele_padding_selector = '';
+
+ if ( astraCustomizer.page_builder_button_style_css ) {
+ if ( 'color-typo' == astraCustomizer.elementor_default_color_font_setting || 'color' == astraCustomizer.elementor_default_color_font_setting || 'font' == astraCustomizer.elementor_default_color_font_setting ) {
+ ele_border_radius_selector = ', .elementor-button-wrapper .elementor-button.elementor-size-sm, .elementor-button-wrapper .elementor-button.elementor-size-xs, .elementor-button-wrapper .elementor-button.elementor-size-md, .elementor-button-wrapper .elementor-button.elementor-size-lg, .elementor-button-wrapper .elementor-button.elementor-size-xl, .elementor-button-wrapper .elementor-button';
+ ele_border_width_selector = ', .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited';
+ ele_padding_selector = ', .elementor-button-wrapper .elementor-button.elementor-size-sm, .elementor-button-wrapper .elementor-button.elementor-size-xs, .elementor-button-wrapper .elementor-button.elementor-size-md, .elementor-button-wrapper .elementor-button.elementor-size-lg, .elementor-button-wrapper .elementor-button.elementor-size-xl, .elementor-button-wrapper .elementor-button';
+ }
+ }
+
+ astra_css( 'astra-settings[button-radius]', 'border-radius', '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]' + ele_border_radius_selector, 'px' );
+
+ /**
+ * Button border
+ */
+ wp.customize( 'astra-settings[theme-button-border-group-border-size]', function( value ) {
+ value.bind( function( border ) {
+ if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
+ if( astraCustomizer.gb_outline_buttons_patterns_support && ! astraCustomizer.updated_gb_outline_button_patterns ) {
+ wp.customize.preview.send( 'refresh' );
+ } else {
+ var search_button_selector = hasWordPressWidgetBlockEditor() ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : '' ;
+ var dynamicStyle = '.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button .wp-block-button__link' + ele_border_width_selector + search_button_selector;
+ dynamicStyle += '{';
+ dynamicStyle += 'border-top-width:' + border.top + 'px;';
+ dynamicStyle += 'border-right-width:' + border.right + 'px;';
+ dynamicStyle += 'border-left-width:' + border.left + 'px;';
+ dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'theme-button-border-group-border-size', dynamicStyle );
+ }
+ }
+ } );
+ } );
+
+ var search_button_selector = hasWordPressWidgetBlockEditor() ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : '' ;
+
+ astra_responsive_spacing( 'astra-settings[theme-button-padding]','.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .wp-block-button .wp-block-button__link' + ele_padding_selector + search_button_selector, 'padding', [ 'top', 'bottom' ] );
+
+ astra_responsive_spacing( 'astra-settings[theme-button-padding]','.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .wp-block-button .wp-block-button__link' + ele_padding_selector + search_button_selector, 'padding', [ 'left', 'right' ] );
+
+ /**
+ * Button border
+ */
+ wp.customize( 'astra-settings[transparent-header-button-border-group]', function( value ) {
+ value.bind( function( value ) {
+
+ var optionValue = JSON.parse(value);
+ var border = optionValue['header-main-rt-trans-section-button-border-size'];
+
+ if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
+ var dynamicStyle = '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button';
+ dynamicStyle += '{';
+ dynamicStyle += 'border-top-width:' + border.top + 'px;';
+ dynamicStyle += 'border-right-width:' + border.right + 'px;';
+ dynamicStyle += 'border-left-width:' + border.left + 'px;';
+ dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
+ dynamicStyle += 'border-style: solid;';
+ dynamicStyle += '}';
+
+ astra_add_dynamic_css( 'header-main-rt-trans-section-button-border-size', dynamicStyle );
+ }
+ } );
+ } );
+
+ // Site Title - Font family
+ astra_generate_outside_font_family_css( 'astra-settings[font-family-site-title]', '.site-title, .site-title a' );
+
+ // Site Title - Font Weight
+ astra_generate_font_weight_css( 'astra-settings[font-family-site-title]', 'astra-settings[font-weight-site-title]', 'font-weight', '.site-title, .site-title a' );
+
+ // Site Title - Font Size
+ astra_responsive_font_size( 'astra-settings[font-size-site-title]', '.site-title, .site-title a' );
+
+ // Site Title - Line Height
+ astra_css( 'astra-settings[line-height-site-title]', 'line-height', '.site-title, .site-title a' );
+
+ // Site Title - Text Transform
+ astra_css( 'astra-settings[text-transform-site-title]', 'text-transform', '.site-title, .site-title a' );
+
+ // Site tagline - Font family
+ astra_generate_outside_font_family_css( 'astra-settings[font-family-site-tagline]', '.site-header .site-description' );
+
+ // Site Tagline - Font Weight
+ astra_generate_font_weight_css( 'astra-settings[font-family-site-tagline]', 'astra-settings[font-weight-site-tagline]', 'font-weight', '.site-header .site-description' );
+
+ // Site Tagline - Font Size
+ astra_responsive_font_size( 'astra-settings[font-size-site-tagline]', '.site-header .site-description' );
+
+ // Site Tagline - Line Height
+ astra_css( 'astra-settings[line-height-site-tagline]', 'line-height', '.site-header .site-description' );
+
+ // Site Tagline - Text Transform
+ astra_css( 'astra-settings[text-transform-site-tagline]', 'text-transform', '.site-header .site-description' );
+
+ var search_button_selector = hasWordPressWidgetBlockEditor() ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : '' ;
+ var search_button_hover_selector = hasWordPressWidgetBlockEditor() ? ', form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus' : '' ;
+
+ if ( astraCustomizer.page_builder_button_style_css ) {
+
+ var btn_color_ele = '';
+ var btn_bg_color_ele = '';
+ var btn_h_color_ele = '';
+ var btn_bg_h_color_ele = '';
+ var btn_border_color_ele = '';
+ var btn_border_h_color_ele = '';
+
+ if ( 'color-typo' == astraCustomizer.elementor_default_color_font_setting || 'color' == astraCustomizer.elementor_default_color_font_setting ) {
+ // Theme Button - Text Color
+ btn_color_ele = ',.elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited';
+
+ // Theme Button - Background Color
+ btn_bg_color_ele = ',.elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited';
+
+ // Theme Button - Text Hover Color
+ btn_h_color_ele = ',.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus';
+
+ // Theme Button - Background Hover Color
+ btn_bg_h_color_ele = ',.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus';
+
+ // Theme Button - Border Color
+ btn_border_color_ele = ', .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited';
+
+ // Theme Button - Border Hover Color
+ btn_border_h_color_ele = ',.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus';
+ }
+
+ // Theme Button - Text Color
+ astra_css( 'astra-settings[button-color]', 'color', '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button .wp-block-button__link, .ast-custom-button' + btn_color_ele + search_button_selector );
+
+ // Theme Button - Background Color
+ astra_css( 'astra-settings[button-bg-color]', 'background-color', '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button .wp-block-button__link, .ast-custom-button' + btn_bg_color_ele + search_button_selector );
+
+ // Theme Button - Text Hover Color
+ astra_css( 'astra-settings[button-h-color]', 'color', 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .ast-custom-button:hover, .ast-custom-button:focus' + btn_h_color_ele + search_button_hover_selector );
+
+ // Theme Button - Background Hover Color
+ astra_css( 'astra-settings[button-bg-h-color]', 'background-color', 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .ast-custom-button:hover, .ast-custom-button:focus' + btn_bg_h_color_ele + search_button_hover_selector );
+
+ astra_css( 'astra-settings[theme-button-border-group-border-color]', 'border-color', '.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button .wp-block-button__link' + btn_border_color_ele + search_button_selector );
+
+ // Theme Button - Border Hover Color
+ astra_css( 'astra-settings[theme-button-border-group-border-h-color]', 'border-color', 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus' + btn_border_h_color_ele + search_button_hover_selector );
+
+ } else {
+ // Theme Button - Text Color
+ astra_css( 'astra-settings[button-color]', 'color', '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .ast-custom-button' + search_button_selector );
+
+ // Theme Button - Background Color
+ astra_css( 'astra-settings[button-bg-color]', 'background-color', '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .ast-custom-button' + search_button_selector );
+
+ // Theme Button - Border Color
+ astra_css( 'astra-settings[button-bg-color]', 'border-color', '.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .ast-custom-button' + search_button_selector );
+
+ // Theme Button - Text Hover Color
+ astra_css( 'astra-settings[button-h-color]', 'color', 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .ast-custom-button:hover, .ast-custom-button:focus' + search_button_hover_selector );
+
+ // Theme Button - Background Hover Color
+ astra_css( 'astra-settings[button-bg-h-color]', 'background-color', 'button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .ast-custom-button:hover, .ast-custom-button:focus' + search_button_hover_selector );
+
+ astra_responsive_spacing( 'astra-settings[theme-button-padding]','.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]' + search_button_selector, 'padding', [ 'top', 'bottom' ] );
+ astra_responsive_spacing( 'astra-settings[theme-button-padding]','.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], .woocommerce a.button, .woocommerce button.button, .woocommerce .product a.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button,.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]' + search_button_selector, 'padding', [ 'left', 'right' ] );
+ }
+
+ // Global custom event which triggers when partial refresh occurs.
+ wp.customize.bind('preview-ready', function () {
+
+ wp.customize.selectiveRefresh.bind('render-partials-response', function (response) {
+
+ if( response.contents.hasOwnProperty('astra-settings[footer-desktop-items]')
+ || ( ! ( response.contents.hasOwnProperty('astra-settings[header-desktop-items]')
+ || response.contents.hasOwnProperty('astra-settings[header-mobile-items]') ) ) ) {
+ return false;
+ }
+
+ setTimeout( function () {
+ document.dispatchEvent( new CustomEvent( "astLayoutWidthChanged", { "detail": { 'response' : response } }) );
+ }, 10 );
+
+ });
+
+ wp.customize.selectiveRefresh.bind('partial-content-rendered', function (response) {
+
+ if( response.partial.id.includes("footer") ) {
+ return false;
+ }
+
+ sessionStorage.setItem('astPartialContentRendered', true);
+ document.dispatchEvent( new CustomEvent( "astPartialContentRendered", { "detail": { 'response' : response } }) );
+
+ });
+
+ wp.customize.selectiveRefresh.bind('partial-content-rendered', function (response) {
+
+ wp.customize.preview.send( 'AstraBuilderPartialContentRendered', response );
+
+ });
+
+ wp.customize.preview.bind( 'astPreviewDeviceChanged', function( device ) {
+ document.dispatchEvent( new CustomEvent( "astPreviewDeviceChanged", { "detail": device }) );
+
+ } );
+
+ })
+
+ /**
+ * Related Posts Query Arguments - Customizer preview support.
+ */
+ wp.customize( 'astra-settings[related-posts-based-on]', function( setting ) {
+ setting.bind( function() {
+ wp.customize.preview.send( 'refresh' );
+ } );
+ } );
+ wp.customize( 'astra-settings[related-posts-order-by]', function( setting ) {
+ setting.bind( function() {
+ wp.customize.preview.send( 'refresh' );
+ } );
+ } );
+ wp.customize( 'astra-settings[related-posts-order]', function( setting ) {
+ setting.bind( function() {
+ wp.customize.preview.send( 'refresh' );
+ } );
+ } );
+
+ /**
+ * Related Posts color stylings.
+ */
+ astra_css( 'astra-settings[related-posts-text-color]', 'color', '.ast-related-post-content .entry-header .ast-related-post-title a, .ast-related-post-content .ast-related-post-excerpt' );
+ astra_css( 'astra-settings[related-posts-meta-color]', 'color', '.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *' );
+ astra_css( 'astra-settings[related-posts-title-color]', 'color', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+ astra_css( 'astra-settings[related-posts-background-color]', 'background-color', '.ast-single-related-posts-container' );
+ astra_css( 'astra-settings[related-posts-link-color]', 'color', '.ast-related-post-content .ast-related-post-cta a' );
+ astra_css( 'astra-settings[related-posts-link-hover-color]', 'color', '.ast-related-post-content .ast-related-post-cta a:hover' );
+ astra_css( 'astra-settings[related-posts-meta-link-hover-color]', 'color', '.ast-related-post-content .entry-meta a:hover, .ast-related-post-content .entry-meta span a span:hover' );
+
+ // Related Posts - Customizer preview for Post Title.
+ astra_generate_outside_font_family_css( 'astra-settings[related-posts-title-font-family]', '.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a' );
+ astra_css( 'astra-settings[related-posts-title-font-weight]', 'font-weight', '.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a' );
+ astra_responsive_font_size( 'astra-settings[related-posts-title-font-size]', '.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a' );
+ astra_css( 'astra-settings[related-posts-title-line-height]', 'line-height', '.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a' );
+ astra_css( 'astra-settings[related-posts-title-text-transform]', 'text-transform', '.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a' );
+
+ // Related Posts - Customizer preview for Section Title.
+ astra_generate_outside_font_family_css( 'astra-settings[related-posts-section-title-font-family]', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+ astra_css( 'astra-settings[related-posts-section-title-font-weight]', 'font-weight', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+ astra_responsive_font_size( 'astra-settings[related-posts-section-title-font-size]', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+ astra_css( 'astra-settings[related-posts-section-title-line-height]', 'line-height', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+ astra_css( 'astra-settings[related-posts-section-title-text-transform]', 'text-transform', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+ astra_css( 'astra-settings[releted-posts-title-alignment]', 'text-align', '.ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title' );
+
+ // Related Posts - Customizer preview for Post Meta.
+ astra_generate_outside_font_family_css( 'astra-settings[related-posts-meta-font-family]', '.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *' );
+ astra_css( 'astra-settings[related-posts-meta-font-weight]', 'font-weight', '.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *' );
+ astra_responsive_font_size( 'astra-settings[related-posts-meta-font-size]', '.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *' );
+ astra_css( 'astra-settings[related-posts-meta-line-height]', 'line-height', '.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *' );
+ astra_css( 'astra-settings[related-posts-meta-text-transform]', 'text-transform', '.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta *' );
+
+ // Related Posts - Customizer preview for Post Content.
+ astra_generate_outside_font_family_css( 'astra-settings[related-posts-content-font-family]', '.ast-related-post-content .ast-related-post-excerpt' );
+ astra_css( 'astra-settings[related-posts-content-font-weight]', 'font-weight', '.ast-related-post-content .ast-related-post-excerpt' );
+ astra_responsive_font_size( 'astra-settings[related-posts-content-font-size]', '.ast-related-post-content .ast-related-post-excerpt' );
+ astra_css( 'astra-settings[related-posts-content-line-height]', 'line-height', '.ast-related-post-content .ast-related-post-excerpt' );
+ astra_css( 'astra-settings[related-posts-content-text-transform]', 'text-transform', '.ast-related-post-content .ast-related-post-excerpt' );
+
+ // Title Color.
+ astra_css(
+ 'astra-settings[header-color-site-title]',
+ 'color',
+ '.ast-site-identity .site-title a, .ast-site-identity .site-title'
+ );
+
+ // Title Hover Color.
+ astra_css(
+ 'astra-settings[header-color-h-site-title]',
+ 'color',
+ '.ast-site-identity .site-title a:hover, .ast-site-identity .site-title:hover'
+ );
+
+ // Tagline Color.
+ astra_css(
+ 'astra-settings[header-color-site-tagline]',
+ 'color',
+ '.ast-site-identity .site-description'
+ );
+
+} )( jQuery );
|