/**
* This file adds some LIVE to the 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 Addon
* @since 1.0.0
*/
( function( $ ) {
/**
* Height
*/
wp.customize( 'astra-settings[below-header-height]', function( value ) {
value.bind( function( height ) {
var max_height = '26px';
var padding = '; padding-top: .8em; padding-bottom: .8em;';
if ( height >= 30 ) {
max_height = ( height - 8 ) + 'px';
}
if ( height < 60 ) {
padding = '; padding-top: .35em; padding-bottom: .35em;';
}
dynamicStyle = '.ast-below-header { line-height: ' + height + 'px;}';
dynamicStyle += '.ast-below-header-section-wrap { min-height: ' + height + 'px; }';
dynamicStyle += '.below-header-user-select .ast-search-menu-icon .search-field { max-height: ' + max_height + ';' + padding + ' }';
astra_add_dynamic_css( 'below-header-height', dynamicStyle );
$( document ).trigger( 'masthead-height-changed' );
} );
} );
/**
* Below Header Menu Bg colors & image
*/
astra_generate_outside_font_family_css( 'astra-settings[font-family-below-header-primary-menu]', '.ast-below-header-menu' );
astra_css( 'astra-settings[font-weight-below-header-primary-menu]', 'font-weight', '.ast-below-header-menu' );
astra_responsive_font_size( 'astra-settings[font-size-below-header-primary-menu]', '.ast-below-header-menu' );
astra_css( 'astra-settings[text-transform-below-header-primary-menu]', 'text-transform', '.ast-below-header-menu' );
astra_generate_outside_font_family_css( 'astra-settings[font-family-below-header-content]', '.below-header-user-select' );
astra_css( 'astra-settings[font-weight-below-header-content]', 'font-weight', '.below-header-user-select' );
astra_responsive_font_size( 'astra-settings[font-size-below-header-content]', '.below-header-user-select' );
astra_css( 'astra-settings[text-transform-below-header-content]', 'text-transform', '.below-header-user-select' );
astra_generate_outside_font_family_css( 'astra-settings[font-family-below-header-dropdown-menu]', '.ast-below-header .sub-menu' );
astra_css( 'astra-settings[font-weight-below-header-dropdown-menu]', 'font-weight', '.ast-below-header .sub-menu' );
astra_responsive_font_size( 'astra-settings[font-size-below-header-dropdown-menu]', '.ast-below-header .sub-menu' );
astra_css( 'astra-settings[text-transform-below-header-dropdown-menu]', 'text-transform', '.ast-below-header .sub-menu' );
astra_css( 'astra-settings[below-header-separator]', 'border-bottom-width', '.ast-below-header', 'px' );
astra_css( 'astra-settings[below-header-bottom-border-color]', 'border-bottom-color', '.ast-below-header' );
/**
* Above Header Responsive Background Image
*/
astra_apply_responsive_background_css( 'astra-settings[below-header-menu-bg-obj-responsive]', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-wrap .ast-below-header-actual-nav', 'desktop', '', 'mobile-below-header' );
astra_apply_responsive_background_css( 'astra-settings[below-header-menu-bg-obj-responsive]', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-wrap .ast-below-header-actual-nav', 'tablet', '', 'mobile-below-header' );
astra_apply_responsive_background_css( 'astra-settings[below-header-menu-bg-obj-responsive]', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-actual-nav, .ast-header-break-point .ast-below-header-section-wrap .ast-below-header-actual-nav', 'mobile', '', 'mobile-below-header' );
/**
* Above header typography options
*
*/
astra_generate_outside_font_family_css( 'astra-settings[font-family-above-header-content]', '.ast-above-header-section .above-header-user-select' );
astra_css( 'astra-settings[font-weight-above-header-content]', 'font-weight', '.ast-above-header-section .above-header-user-select' );
astra_responsive_font_size( 'astra-settings[font-size-above-header-content]', '.ast-above-header-section .above-header-user-select' );
astra_css( 'astra-settings[text-transform-above-header-content]', 'text-transform', '.ast-above-header-section .above-header-user-select' );
/**
* Below Header Responsive Background Image
*/
astra_apply_responsive_background_css( 'astra-settings[below-header-bg-obj-responsive]', '.ast-below-header, .ast-header-break-point .ast-below-header', 'desktop', '.ast-below-header, .ast-below-header .sub-menu', 'mobile-below-header' );
astra_apply_responsive_background_css( 'astra-settings[below-header-bg-obj-responsive]', '.ast-below-header, .ast-header-break-point .ast-below-header', 'tablet', '.ast-below-header, .ast-below-header .sub-menu', 'mobile-below-header' );
astra_apply_responsive_background_css( 'astra-settings[below-header-bg-obj-responsive]', '.ast-below-header, .ast-header-break-point .ast-below-header', 'mobile', '.ast-below-header, .ast-below-header .sub-menu', 'mobile-below-header' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-text-color-responsive]', 'color', '.below-header-user-select, .below-header-user-select .widget,.below-header-user-select .widget-title' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-link-color-responsive]', 'color', '.below-header-user-select a, .below-header-user-select .ast-search-menu-icon .search-submit, .below-header-user-select .widget a' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-link-hover-color-responsive]', 'color', '.below-header-user-select a:hover, .below-header-user-select .widget a:hover' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-menu-text-color-responsive]', 'color', '.ast-below-header, .ast-below-header a, .ast-below-header-menu, .ast-below-header-menu .menu-link, .ast-header-break-point .ast-below-header-menu .current-menu-ancestor:hover > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu, .ast-header-break-point .ast-below-header-menu .menu-link, .ast-header-break-point .ast-below-header-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .menu-item.focus > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .current-menu-item > .ast-menu-toggle, .ast-header-break-point .ast-below-header-menu .current-menu-ancestor > .ast-menu-toggle' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-menu-text-hover-color-responsive]', 'color', '.ast-below-header .menu-item:hover > .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-menu-bg-hover-color-responsive]', 'background-color', '.ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-header-menu .menu-item.focus > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .menu-item .menu-link:hover, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .menu-item .menu-link:focus' );
astra_color_responsive_css( 'mobile-below-header-no-toggle-bg-color', 'astra-settings[below-header-menu-bg-hover-color-responsive]', 'background-color', '.ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-header-menu .menu-item.focus > .menu-link, .ast-header-break-point .ast-below-header-menu .menu-item:hover > .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-current-menu-text-color-responsive]', 'color', '.ast-below-header .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-header .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .menu-item.current-menu-item > .menu-link, .ast-below-header .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-header .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' );
astra_color_responsive_css( 'mobile-below-header-no-toggle-current-color', 'astra-settings[below-header-current-menu-text-color-responsive]', 'color', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .ast-menu-toggle' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-current-menu-bg-color-responsive]', 'background-color', '.ast-below-header .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .menu-item.current-menu-item > .menu-link, .ast-below-header .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-below-header .menu-item.current-menu-item > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle' );
astra_color_responsive_css( 'mobile-below-header-no-toggle-current-bg-color', 'astra-settings[below-header-current-menu-bg-color-responsive]',
'background-color', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item.current-menu-ancestor:hover > .ast-menu-toggle' );
astra_color_responsive_css( 'mobile-below-header-no-toggle-color', 'astra-settings[below-header-menu-text-hover-color-responsive]', 'color', '.ast-below-header-menu .menu-item:hover > .menu-link, .ast-below-header-menu .menu-item:focus > .menu-link, .ast-below-header-menu .menu-item.focus > .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-text-color-responsive]', 'color', '.ast-below-header .sub-menu, .ast-below-header .sub-menu .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-bg-color-responsive]', 'background-color', '.ast-below-header .sub-menu .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-hover-color-responsive]', 'color', '.ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-below-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-below-header-menu .sub-menu .menu-item.focus > .menu-link' );
astra_color_responsive_css( 'astra-settings[below-header-submenus-group]', 'below-header-submenu-hover-color-responsive', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle', 'color' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-bg-hover-color-responsive]', 'background-color', '.ast-below-header .sub-menu .menu-item:hover > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-below-header-menu .sub-menu .menu-item .menu-link:hover' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-active-color-responsive]', 'color', '.ast-below-header .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
astra_color_responsive_css( 'mobile-below-header-no-toggle-submenu-active-color', 'astra-settings[below-header-submenu-active-color-responsive]', 'color', '.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item.current-menu-item > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' );
astra_color_responsive_css( 'header-sections', 'astra-settings[below-header-submenu-active-bg-color-responsive]', 'background-color', '.ast-below-header .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-below-header .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
astra_css( 'astra-settings[below-header-submenu-border-color]', 'border-color', '.ast-below-header .sub-menu' );
astra_css( 'astra-settings[below-header-submenu-item-b-color]', 'border-color', '.ast-desktop .ast-below-header-menu.submenu-with-border .sub-menu .menu-link' );
/**
* Above Header Height
*/
wp.customize( 'astra-settings[above-header-height]', function( value ) {
value.bind( function( height ) {
var max_height = '26px';
var padding = '; padding-top: .8em; padding-bottom: .8em;';
if ( height >= 30 ) {
max_height = ( height - 6 ) + 'px';
}
if ( height < 60 ) {
padding = '; padding-top: .35em; padding-bottom: .35em;';
}
var dynamicStyle = '';
dynamicStyle += '.ast-above-header { line-height: ' + height + 'px; } ';
dynamicStyle += '.ast-above-header-section-wrap { min-height: ' + height + 'px; } ';
dynamicStyle += '.ast-above-header .ast-search-menu-icon .search-field { max-height: ' + max_height + ';' + padding + ' }';
astra_add_dynamic_css( 'above-header-height', dynamicStyle );
$( document ).trigger( 'masthead-height-changed' );
} );
} );
/**
* Above Header Responsive Background Image
*/
astra_apply_responsive_background_css( 'astra-settings[above-header-bg-obj-responsive]', '.ast-above-header, .ast-header-break-point .ast-above-header', 'desktop', '.ast-above-header, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul', 'mobile-above-header' );
astra_apply_responsive_background_css( 'astra-settings[above-header-bg-obj-responsive]', '.ast-header-break-point .ast-above-header', 'tablet', '.ast-above-header, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul', 'mobile-above-header' );
astra_apply_responsive_background_css( 'astra-settings[above-header-bg-obj-responsive]', '.ast-header-break-point .ast-above-header', 'mobile', '.ast-above-header, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul', 'mobile-above-header' );
/*
* Above header menu label
*/
wp.customize( 'astra-settings[above-header-menu-label]', function( setting ) {
setting.bind( function( label ) {
if( $('button.menu-above-header-toggle .mobile-menu-wrap .mobile-menu').length > 0 ) {
if ( label != '' ) {
$('button.menu-above-header-toggle .mobile-menu-wrap .mobile-menu').text(label);
} else {
$('button.menu-above-header-toggle .mobile-menu-wrap').remove();
}
} else {
var html = $('button.menu-above-header-toggle').html();
if( '' != label ) {
html += '';
}
$('button.menu-above-header-toggle').html( html )
}
} );
} );
/*
* Below header menu label
*/
wp.customize( 'astra-settings[below-header-menu-label]', function( setting ) {
setting.bind( function( label ) {
if( $('button.menu-below-header-toggle .mobile-menu-wrap .mobile-menu').length > 0 ) {
if ( label != '' ) {
$('button.menu-below-header-toggle .mobile-menu-wrap .mobile-menu').text(label);
} else {
$('button.menu-below-header-toggle .mobile-menu-wrap').remove();
}
} else {
var html = $('button.menu-below-header-toggle').html();
if( '' != label ) {
html += '';
}
$('button.menu-below-header-toggle').html( html )
}
} );
} );
/* In tabs */
astra_apply_responsive_background_css( 'astra-settings[above-header-menu-bg-obj-responsive]', '.ast-above-header-menu,.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu', 'desktop', '', 'mobile-above-header' );
astra_apply_responsive_background_css( 'astra-settings[above-header-menu-bg-obj-responsive]', '.ast-above-header-menu,.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu', 'tablet', '', 'mobile-above-header' );
astra_apply_responsive_background_css( 'astra-settings[above-header-menu-bg-obj-responsive]', '.ast-above-header-menu,.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu', 'mobile', '', 'mobile-above-header' );
astra_css( 'astra-settings[above-header-divider]', 'border-bottom-width', '.ast-above-header, .ast-header-break-point .ast-above-header-merged-responsive .ast-above-header', 'px' );
astra_css( 'astra-settings[above-header-divider-color]', 'border-bottom-color', '.ast-above-header, .ast-header-break-point .ast-above-header-merged-responsive .ast-above-header' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-text-color-responsive]', 'color', '.ast-above-header-section .user-select, .ast-above-header-section .widget, .ast-above-header-section .widget-title' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-link-color-responsive]', 'color', '.ast-above-header-section .user-select a, .ast-above-header-section .ast-search-menu-icon .search-submit, .ast-above-header-section .widget a, .ast-header-break-point .ast-above-header-section .user-select a, .ast-above-header-section .ast-header-break-point .ast-above-header-section .user-select a' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-link-h-color-responsive]', 'color', '.ast-above-header-section .user-select a:hover, .ast-above-header-section .widget a:hover, .ast-header-break-point .ast-above-header-section .user-select a:hover, .ast-above-header-section .ast-header-break-point .ast-above-header-section .user-select a:hover' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-color-responsive]', 'color', '.ast-above-header-navigation a' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-h-color-responsive]', 'color', '.ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-header-navigation .menu-item.focus > .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-h-bg-color-responsive]', 'background-color', '.ast-above-header-navigation li:hover, .ast-above-header-navigation .menu-item:hover > .menu-link', 'background-color' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-menu-active-color-responsive]', 'color', '.ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-text-color-responsive]', 'color', '.ast-above-header-menu .sub-menu, .ast-above-header-menu .sub-menu .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-bg-color-responsive]', 'background-color', '.ast-above-header-menu .sub-menu, .ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation .sub-menu' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-hover-color-responsive]', 'color', '.ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-desktop .ast-above-header-navigation .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item .menu-link:hover, .ast-desktop .ast-above-header-navigation .ast-above-header-menu .astra-megamenu-li .sub-menu .menu-item .menu-link:focus' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-bg-hover-color-responsive]', 'background-color', '.ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-desktop .ast-mega-menu-enabled.ast-above-header-menu .sub-menu .menu-item .menu-link:hover' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-active-color-responsive]', 'color', '.ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
astra_color_responsive_css( 'header-sections', 'astra-settings[above-header-submenu-active-bg-color-responsive]', 'background-color', '.ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link' );
astra_color_responsive_css( 'mobile-header-above-header-submenu-hover-color', 'astra-settings[above-header-submenu-hover-color-responsive]', 'color', '.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-header-break-point .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link' );
astra_color_responsive_css( 'mobile-header-above-header-submenu-active-color', 'astra-settings[above-header-submenu-active-color-responsive]', 'color', '.ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' );
astra_css( 'astra-settings[above-header-submenu-border-color]', 'border-color', '.ast-above-header .sub-menu, .ast-above-header .sub-menu .menu-link' );
astra_css( 'astra-settings[above-header-submenu-item-b-color]', 'border-color', '.ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu .menu-link' );
astra_generate_outside_font_family_css( 'astra-settings[above-header-font-family]', '.ast-above-header-menu' );
astra_css( 'astra-settings[above-header-font-weight]', 'font-weight', '.ast-above-header-menu' );
astra_responsive_font_size( 'astra-settings[above-header-font-size]', '.ast-above-header-menu' );
astra_css( 'astra-settings[above-header-text-transform]', 'text-transform', '.ast-above-header-menu' );
astra_generate_outside_font_family_css( 'astra-settings[font-family-above-header-dropdown-menu]', '.ast-above-header .sub-menu' );
astra_css( 'astra-settings[font-weight-above-header-dropdown-menu]', 'font-weight', '.ast-above-header .sub-menu' );
astra_responsive_font_size( 'astra-settings[font-size-above-header-dropdown-menu]', '.ast-above-header .sub-menu' );
astra_css( 'astra-settings[text-transform-above-header-dropdown-menu]', 'text-transform', '.ast-above-header .sub-menu' );
/**
* Above header submenu border
*/
wp.customize( 'astra-settings[above-header-submenu-border]', function( value ) {
value.bind( function( border ) {
if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
var dynamicStyle = '.ast-desktop .ast-above-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-style: solid;';
dynamicStyle += '}';
dynamicStyle += '.ast-desktop .ast-above-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 += '.ast-above-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .ast-above-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( 'above-header-submenu-border', dynamicStyle );
} else {
wp.customize.preview.send( 'refresh' );
}
} );
} );
/**
* Above header submenu divider
*/
wp.customize( 'astra-settings[above-header-submenu-item-border]', function( value ) {
value.bind( function( border ) {
var color = wp.customize( 'astra-settings[above-header-submenu-item-b-color]' ).get();
if( true === border ) {
var dynamicStyle = '.ast-desktop .ast-above-header-menu.submenu-with-border .sub-menu .menu-link';
dynamicStyle += '{';
dynamicStyle += 'border-bottom-width:' + ( (true === border) ? '1px;' : '0px;' );
dynamicStyle += 'border-style: solid;';
dynamicStyle += 'border-color:' + color + ';';
dynamicStyle += '}';
astra_add_dynamic_css( 'above-header-submenu-item-border', dynamicStyle );
} else {
wp.customize.preview.send( 'refresh' );
}
} );
} );
/**
* Below header submenu border
*/
wp.customize( 'astra-settings[below-header-submenu-border]', function( value ) {
value.bind( function( border ) {
if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
var dynamicStyle = '.ast-desktop .ast-below-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-style: solid;';
dynamicStyle += '}';
dynamicStyle += '.ast-desktop .ast-below-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 += '.ast-below-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu, .ast-below-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( 'below-header-submenu-border', dynamicStyle );
} else {
wp.customize.preview.send( 'refresh' );
}
} );
} );
/**
* below header submenu divider
*/
wp.customize( 'astra-settings[below-header-submenu-item-border]', function( value ) {
value.bind( function( border ) {
var color = wp.customize( 'astra-settings[below-header-submenu-item-b-color]' ).get();
if( true === border ) {
var dynamicStyle = '.ast-desktop .ast-below-header-menu.submenu-with-border .sub-menu .menu-link';
dynamicStyle += '{';
dynamicStyle += 'border-bottom-width:' + ( (true === border) ? '1px;' : '0;' );
dynamicStyle += 'border-style: solid;';
dynamicStyle += 'border-color:' + color + ';';
dynamicStyle += '}';
astra_add_dynamic_css( 'below-header-submenu-item-border', dynamicStyle );
} else {
wp.customize.preview.send( 'refresh' );
}
} );
} );
} )( jQuery );