welcome-bar.php — My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) 2.5.4

mystickymenu / welcome-bar.php

mystickymenu Last commit date

css 4 years ago fonts 7 years ago images 5 years ago js 4 years ago languages 5 years ago class-review-box.php 5 years ago index.php 8 years ago mystickymenu-affiliate.php 5 years ago mystickymenu-deactivate-form.php 5 years ago mystickymenu-fonts.php 5 years ago mystickymenu-popup.php 5 years ago mystickymenu.php 4 years ago mystickymeny-new-welcomebar.php 5 years ago readme.txt 4 years ago recommended-plugins.php 5 years ago uninstall.php 5 years ago update.php 5 years ago upgrade-to-pro.php 5 years ago welcome-bar.php 4 years ago

welcome-bar.php

1864 lines

1	<?php
2
3	function mysticky_welcome_bar_backend() {
4	$upgarde_url = admin_url("admin.php?page=my-stickymenu-upgrade");
5	$nonce = wp_create_nonce('mysticky_option_welcomebar_update');
6	$nonce_reset = wp_create_nonce('mysticky_option_welcomebar_reset');
7
8	$welcomebar = get_option( 'mysticky_option_welcomebar' );
9	if ( $welcomebar == '' \|\| empty($welcomebar)) {
10	$welcomebar = mysticky_welcomebar_pro_widget_default_fields();
11	}
12	$mysticky_welcomebar_showx_desktop = $mysticky_welcomebar_showx_mobile = '';
13	$mysticky_welcomebar_btn_desktop = $mysticky_welcomebar_btn_mobile = '';
14	$mysticky_welcomebar_display_desktop = $mysticky_welcomebar_display_mobile = '';
15	if( isset($welcomebar['mysticky_welcomebar_x_desktop']) ) {
16	$mysticky_welcomebar_showx_desktop = ' mysticky-welcomebar-showx-desktop';
17	}
18	if( isset($welcomebar['mysticky_welcomebar_x_mobile']) ) {
19	$mysticky_welcomebar_showx_mobile = ' mysticky-welcomebar-showx-mobile';
20	}
21	if( isset($welcomebar['mysticky_welcomebar_btn_desktop']) ) {
22	$mysticky_welcomebar_btn_desktop = ' mysticky-welcomebar-btn-desktop';
23	}
24	if( isset($welcomebar['mysticky_welcomebar_btn_mobile']) ) {
25	$mysticky_welcomebar_btn_mobile = ' mysticky-welcomebar-btn-mobile';
26	}
27
28	if( !isset($welcomebar['mysticky_welcomebar_redirect_rel']) ) {
29	$welcomebar['mysticky_welcomebar_redirect_rel'] = '';
30	}
31	$display = ' mysticky-welcomebar-attention-'. ( isset($welcomebar['mysticky_welcomebar_attentionselect']) ? $welcomebar['mysticky_welcomebar_attentionselect'] : '' );
32	$display_entry_effect = (isset($welcomebar['mysticky_welcomebar_entry_effect'])) ? ' mysticky-welcomebar-entry-effect-'.$welcomebar['mysticky_welcomebar_entry_effect'] : ' mysticky-welcomebar-entry-effect-slide-in';
33	$display_main_class = "mysticky-welcomebar-position-" . $welcomebar['mysticky_welcomebar_position'] . $mysticky_welcomebar_showx_desktop . $mysticky_welcomebar_showx_mobile . $mysticky_welcomebar_btn_desktop . $mysticky_welcomebar_btn_mobile . $display . $display_entry_effect;
34	?>
35	<form class="mysticky-welcomebar-form" id="mysticky_welcomebar_form" method="post" action="#">
36	<div class="mysticky-welcomebar-header-title">
37	<h3><?php _e('Welcome Bar', 'myStickymenu'); ?></h3>
38	<label for="mysticky-welcomebar-contact-form-enabled" class="mysticky-welcomebar-switch">
39	<input type="checkbox" id="mysticky-welcomebar-contact-form-enabled" name="mysticky_option_welcomebar[mysticky_welcomebar_enable]" value="1" <?php checked( @$welcomebar['mysticky_welcomebar_enable'], '1' );?> />
40	<span class="slider"></span>
41	</label>
42	</div>
43	<div class="mysticky-welcomebar-setting-wrap">
44	<div class="mysticky-welcomebar-setting-left">
45	<div class="mysticky-welcomebar-setting-block">
46	<div class="mysticky-welcomebar-subheader-title">
47	<h4><?php _e('Design', 'myStickymenu'); ?></h4>
48	</div>
49	<div class="mysticky-welcomebar-setting-content mysticky-welcomebar-setting-position">
50	<label><?php _e('Position', 'myStickymenu'); ?></label>
51	<div class="mysticky-welcomebar-setting-content-right">
52	<label>
53	<input name="mysticky_option_welcomebar[mysticky_welcomebar_position]" value= "top" type="radio" <?php checked( @$welcomebar['mysticky_welcomebar_position'], 'top' );?> />
54	<?php _e("Top", 'mystickymenu'); ?>
55	</label>
56	<label>
57	<input name="mysticky_option_welcomebar[mysticky_welcomebar_position]" value="bottom" type="radio" disabled />
58	<?php _e("Bottom", 'mystickymenu'); ?>
59	</label>
60	<span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
61	</div>
62	</div>
63	<div class="mysticky-welcomebar-setting-content">
64	<label><?php _e('Height', 'myStickymenu'); ?></label>
65	<div class="mysticky-welcomebar-setting-content-right">
66	<div class="px-wrap">
67	<input type="number" class="" min="0" step="1" id="mysticky_welcomebar_height" name="mysticky_option_welcomebar[mysticky_welcomebar_height]" value="60" disabled />
68	<span class="input-px">PX</span>
69	</div>
70	<span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
71	</div>
72	</div>
73	<div class="mysticky-welcomebar-setting-content">
74	<label><?php _e('Background Color', 'myStickymenu'); ?></label>
75	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker">
76	<input type="text" id="mysticky_welcomebar_bgcolor" name="mysticky_option_welcomebar[mysticky_welcomebar_bgcolor]" class="my-color-field" data-alpha="true" value="<?php echo $welcomebar['mysticky_welcomebar_bgcolor'];?>" />
77	</div>
78	</div>
79	<div class="mysticky-welcomebar-setting-content">
80	<label><?php _e('Background Text Color', 'myStickymenu'); ?></label>
81	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker">
82	<input type="text" id="mysticky_welcomebar_bgtxtcolor" name="mysticky_option_welcomebar[mysticky_welcomebar_bgtxtcolor]" class="my-color-field" data-alpha="true" value="<?php echo $welcomebar['mysticky_welcomebar_bgtxtcolor'];?>" />
83	</div>
84	</div>
85	<div class="mysticky-welcomebar-setting-content">
86	<label><?php _e('Font', 'myStickymenu'); ?></label>
87	<div class="mysticky-welcomebar-setting-content-right">
88	<select name="mysticky_option_welcomebar[mysticky_welcomebar_font]" class="form-fonts">
89	<option value=""><?php _e( 'Select font family', 'myStickymenu' );?></option>
90	<?php $group= ''; foreach( myStickymenu_fonts() as $key=>$value):
91	if ($value != $group){
92	echo '<optgroup label="' . $value . '">';
93	$group = $value;
94	}
95	?>
96	<option value="<?php echo esc_attr($key);?>" <?php selected( @$welcomebar['mysticky_welcomebar_font'], $key ); ?>><?php echo esc_html($key);?></option>
97	<?php endforeach;?>
98	</select>
99	</div>
100	</div>
101	<div class="mysticky-welcomebar-setting-content">
102	<label><?php _e('Font Size', 'myStickymenu'); ?></label>
103	<div class="mysticky-welcomebar-setting-content-right">
104	<div class="px-wrap">
105	<input type="number" class="" min="0" step="1" id="mysticky_welcomebar_fontsize" name="mysticky_option_welcomebar[mysticky_welcomebar_fontsize]" value="<?php echo @$welcomebar['mysticky_welcomebar_fontsize'];?>" />
106	<span class="input-px">PX</span>
107	</div>
108	</div>
109	</div>
110	<div class="mysticky-welcomebar-setting-content">
111	<label><?php _e('Bar Text', 'myStickymenu'); ?></label>
112	<div class="mysticky-welcomebar-setting-content-right">
113	<?php
114	$settings = array(
115	'media_buttons' => false,
116	'textarea_name' => 'mysticky_option_welcomebar[mysticky_welcomebar_bar_text]',
117	'tinymce' => false,
118	'quicktags' => array(
119	'buttons' => 'strong,em,link'
120	)
121	);
122	wp_editor( stripslashes($welcomebar['mysticky_welcomebar_bar_text']), 'mysticky_bar_text', $settings );
123	// add more buttons to the html editor
124	function underline_tag_add_quicktags() {
125	if ( wp_script_is('quicktags') ){ ?>
126	<script type="text/javascript">
127	QTags.addButton( 'underline_tag', 'U', '<u>', '</u>', 'underline', 'underline', 20, '' );
128	</script>
129	<?php
130	}
131	}
132	add_action( 'admin_print_footer_scripts', 'underline_tag_add_quicktags' );
133	?>
134	<!--<textarea id="mysticky_bar_text" class="mystickyinput" name="mysticky_option_welcomebar[mysticky_welcomebar_bar_text]" rows="4" style="display: none;"><?php echo stripslashes($welcomebar['mysticky_welcomebar_bar_text']);?> </textarea>-->
135	</div>
136	</div>
137	<div class="mysticky-welcomebar-setting-content">
138	<label><?php _e('Show X', 'myStickymenu'); ?></label>
139	<div class="mysticky-welcomebar-setting-content-right">
140	<label>
141	<input name="mysticky_option_welcomebar[mysticky_welcomebar_x_desktop]" value= "desktop" type="checkbox" <?php checked( @$welcomebar['mysticky_welcomebar_x_desktop'], 'desktop' );?> />
142	<?php _e( 'Desktop', 'mystickymenu' );?>
143	</label>
144	<label>
145	<input name="mysticky_option_welcomebar[mysticky_welcomebar_x_mobile]" value= "mobile" type="checkbox" <?php checked( @$welcomebar['mysticky_welcomebar_x_mobile'], 'mobile' );?> />
146	<?php _e( 'Mobile', 'mystickymenu' );?>
147	</label>
148	</div>
149	</div>
150	</div>
151	<div class="mysticky-welcomebar-setting-block">
152	<div class="mysticky-welcomebar-subheader-title">
153	<h4><?php _e('Button', 'myStickymenu'); ?></h4>
154	</div>
155	<div class="mysticky-welcomebar-setting-content">
156	<label><?php _e('Button', 'myStickymenu'); ?></label>
157	<div class="mysticky-welcomebar-setting-content-right">
158	<label>
159	<input name="mysticky_option_welcomebar[mysticky_welcomebar_btn_desktop]" value= "desktop" type="checkbox" <?php checked( @$welcomebar['mysticky_welcomebar_btn_desktop'], 'desktop' );?> />
160	<?php _e( 'Desktop', 'mystickymenu' );?>
161	</label>
162	<label>
163	<input name="mysticky_option_welcomebar[mysticky_welcomebar_btn_mobile]" value= "mobile" type="checkbox"<?php checked( @$welcomebar['mysticky_welcomebar_btn_mobile'], 'mobile' );?> />
164	<?php _e( 'Mobile', 'mystickymenu' );?>
165	</label>
166	</div>
167	</div>
168	<div class="mysticky-welcomebar-setting-content">
169	<label><?php _e('Button Color', 'myStickymenu'); ?></label>
170	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker mysticky_welcomebar_btn_color">
171	<input type="text" id="mysticky_welcomebar_btncolor" name="mysticky_option_welcomebar[mysticky_welcomebar_btncolor]" class="my-color-field" data-alpha="true" value="<?php echo esc_attr($welcomebar['mysticky_welcomebar_btncolor']);?>" />
172	</div>
173	</div>
174	<div class="mysticky-welcomebar-setting-content">
175	<label><?php _e('Button Text Color', 'myStickymenu'); ?></label>
176	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker mysticky_welcomebar_btn_color">
177	<input type="text" id="mysticky_welcomebar_btntxtcolor" name="mysticky_option_welcomebar[mysticky_welcomebar_btntxtcolor]" class="my-color-field" data-alpha="true" value="<?php echo $welcomebar['mysticky_welcomebar_btntxtcolor'];?>" />
178	</div>
179	</div>
180	<div class="mysticky-welcomebar-setting-content">
181	<label><?php _e('Button Text', 'myStickymenu'); ?></label>
182	<div class="mysticky-welcomebar-setting-content-right">
183	<input type="text" id="mysticky_welcomebar_btn_text" class="mystickyinput mysticky_welcomebar_disable" name="mysticky_option_welcomebar[mysticky_welcomebar_btn_text]" value="<?php echo stripslashes($welcomebar['mysticky_welcomebar_btn_text']);?>" />
184	</div>
185	</div>
186	<!-- -->
187	<div class="mysticky-welcomebar-setting-content">
188	<label><?php _e('Attention Effect', 'myStickymenu'); ?></label>
189	<div class="mysticky-welcomebar-setting-content-right">
190	<div class="mysticky-welcomebar-setting-attention">
191	<select name="mysticky_option_welcomebar[mysticky_welcomebar_attentionselect]" class="mysticky-welcomebar-attention mysticky_welcomebar_disable">
192	<option value="default" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], ' ' ); ?>><?php _e( 'None', 'myStickymenu' );?></option>
193	<option value="flash" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], 'flash' ); ?>><?php _e( 'Flash', 'myStickymenu' );?></option>
194	<option value="shake" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], 'shake' ); ?>><?php _e( 'Shake', 'myStickymenu' );?></option>
195	<option value="swing" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], 'swing' ); ?>><?php _e( 'Swing', 'myStickymenu' );?></option>
196	<option value="tada" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], 'tada' ); ?>><?php _e( 'Tada', 'myStickymenu' );?></option>
197	<option value="heartbeat" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], 'heartbeat' ); ?>><?php _e( 'Heartbeat', 'myStickymenu' );?></option>
198	<option value="wobble" <?php selected( @$welcomebar['mysticky_welcomebar_attentionselect'], 'wobble' ); ?>><?php _e( 'Wobble', 'myStickymenu' );?></option>
199	</select>
200	</div>
201	</div>
202	</div>
203	<!-- -->
204	<div class="mysticky-welcomebar-setting-content">
205	<label><?php _e('Button Submission', 'myStickymenu'); ?></label>
206	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-setting-redirect-wrap">
207	<div class="mysticky-welcomebar-setting-action">
208	<select name="mysticky_option_welcomebar[mysticky_welcomebar_actionselect]" class="mysticky-welcomebar-action mysticky_welcomebar_disable">
209	<option value="redirect_to_url" <?php selected( @$welcomebar['mysticky_welcomebar_actionselect'], 'redirect_to_url' ); ?>><?php _e( 'Redirect to URL', 'myStickymenu' );?></option>
210	<option value="close_bar" <?php selected( @$welcomebar['mysticky_welcomebar_actionselect'], 'close_bar' ); ?>><?php _e( 'Close bar', 'myStickymenu' );?></option>
211	<option value="poptin_popup" <?php selected( @$welcomebar['mysticky_welcomebar_actionselect'], 'poptin_popup' ); ?> ><?php _e( 'Launch a Poptin pop-up', 'myStickymenu' );?></option>
212	<option value="thankyou_screen" data-href="<?php echo esc_url($upgarde_url); ?>"><?php _e( 'Thank you screen (Upgrade Now)', 'myStickymenu' );?></option>
213	</select>
214	</div>
215
216	</div>
217	</div>
218
219	<div class="mysticky-welcomebar-poptin-popup" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] != 'poptin_popup' ) : ?> style="display:none;" <?php endif;?>>
220	<div class="mysticky-welcomebar-setting-content">
221	<p class="mysticky-welcomebar-poptin-content" >Sign up at <a href="https://www.poptin.com/?utm_source=msm" target="_blank">Poptin</a> for free and launch pop-ups on <a href="https://help.poptin.com/article/show/72942-how-to-show-a-poptin-when-the-visitor-clicks-on-a-button-link-on-your-site" target="_blank">click</a>
222	</p>
223	</div>
224	<div class="mysticky-welcomebar-setting-content">
225	<label><?php _e('Poptin pop-up direct link', 'myStickymenu'); ?></label>
226	<div class="mysticky-welcomebar-setting-content-right">
227	<input type="text" id="mysticky_welcomebar_poptin_popup_link" class="mystickyinput mysticky_welcomebar_disable" name="mysticky_option_welcomebar[mysticky_welcomebar_poptin_popup_link]" value="<?php echo (isset($welcomebar['mysticky_welcomebar_poptin_popup_link'])) ? $welcomebar['mysticky_welcomebar_poptin_popup_link'] : '';?>" placeholder="<?php echo esc_url("https://app.popt.in/APIRequest/click/some_id_here"); ?>" />
228	<input type="hidden" id="welcome_save_anyway" value='' />
229	</div>
230	</div>
231	</div>
232	<!-- -->
233
234	<div class="mysticky-welcomebar-setting-content mysticky-welcomebar-redirect-container" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] != 'redirect_to_url' ) : ?> style="display:none;" <?php endif;?>>
235	<label><?php _e('Redirection link', 'myStickymenu'); ?></label>
236	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-setting-action mysticky-welcomebar-redirect" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] == 'close_bar' ) : ?> style="display:none;" <?php endif;?> >
237	<input type="text" id="mysticky_welcomebar_redirect" class="mystickyinput mysticky_welcomebar_disable" name="mysticky_option_welcomebar[mysticky_welcomebar_redirect]" value="<?php echo esc_url($welcomebar['mysticky_welcomebar_redirect']);?>" placeholder="<?php echo esc_url("https://www.yourdomain.com"); ?>" />
238	</div>
239	</div>
240	<div class="mysticky-welcomebar-setting-content mysticky-welcomebar-redirect-container" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] != 'redirect_to_url' ) : ?> style="display:none;" <?php endif;?>>
241	<label><?php _e( 'Open in a new tab', 'mystickymenu' );?></label>
242	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-setting-newtab mysticky-welcomebar-redirect" >
243	<label class="mysticky-welcomebar-switch">
244	<input name="mysticky_option_welcomebar[mysticky_welcomebar_redirect_newtab]" value= "1" type="checkbox" disabled />
245	<span class="slider"></span>
246	</label>
247	<span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
248	</div>
249	</div>
250	<div class="mysticky-welcomebar-setting-content mysticky-welcomebar-redirect-container" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] != 'redirect_to_url' ) : ?> style="display:none;" <?php endif;?>>
251	<label><?php _e('rel Attribute', 'myStickymenu'); ?>
252	<span class="mysticky-custom-fields-tooltip">
253	<a href="javascript:void(0);" class="mysticky-tooltip mysticky-new-custom-btn"><i class="dashicons dashicons-editor-help"></i></a>
254	<p>Add a "rel" attribute to the button link. You can use it to add a rel="nofollow", "sponsored", or any other "rel" attribute option</p>
255	</span>
256	</label>
257	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-setting-newtab mysticky-welcomebar-redirect" >
258	<input type="text" id="mysticky_welcomebar_redirect_rel" class="mystickyinput mysticky_welcomebar_disable" name="mysticky_option_welcomebar[mysticky_welcomebar_redirect_rel]" value="" placeholder="" disabled />
259	<span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
260	</div>
261	</div>
262	<!-- -->
263	<div class="mysticky-welcomebar-setting-content">
264	<label><?php _e('After Submission', 'myStickymenu'); ?></label>
265	<div class="mysticky-welcomebar-setting-content-right">
266	<div class="mysticky-welcomebar-setting-action">
267	<select name="mysticky_option_welcomebar[mysticky_welcomebar_aftersubmission]" class="mysticky-welcomebar-aftersubmission mysticky_welcomebar_disable">
268	<option value="dont_show_welcomebar" <?php selected( @$welcomebar['mysticky_welcomebar_aftersubmission'], 'dont_show_welcomebar' ); ?>><?php _e( "Don't show the Welcome Bar", 'myStickymenu' );?></option>
269	<option value="show_welcomebar_next_visit" <?php selected( @$welcomebar['mysticky_welcomebar_aftersubmission'], 'show_welcomebar_next_visit' ); ?>><?php _e( 'Show the Welcome Bar in the next visit', 'myStickymenu' );?></option>
270	<option value="show_welcomebar_every_page" <?php selected( @$welcomebar['mysticky_welcomebar_aftersubmission'], 'show_welcomebar_every_page' ); ?> ><?php _e( 'Show the Welcome Bar on every page', 'myStickymenu' );?></option>
271	</select>
272	</div>
273	</div>
274	</div>
275	<!-- -->
276	<div class="mysticky-welcomebar-setting-content">
277	<label><?php _e('Close welcome bar Automatically', 'myStickymenu'); ?></label>
278	<div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-close-automatically-sec">
279	<label for="mysticky-welcomebar-close-automatically-enabled" class="mysticky-welcomebar-switch">
280	<input type="checkbox" id="mysticky-welcomebar-close-automatically-enabled" name="mysticky_option_welcomebar[mysticky_welcomebar_enable_automatical]" value="1" disabled />
281	<span class="slider"></span>
282	</label>
283	<span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
284	<div class="mysticky-welcomebar-setting-action" style="display:none;">
285	<div class="px-wrap">
286	<span><?php _e('Close welcome bar after ', 'myStickymenu'); ?></span>
287	<input type="number" class="" min="0" step="1" id="mysticky_welcomebar_triggersec_automatically" name="mysticky_option_welcomebar[mysticky_welcomebar_triggersec_automatically]" value="0">
288	<span class="input-px"><?php _e('Sec', 'myStickymenu'); ?></span>
289	</div>
290	</div>
291	</div>
292	</div>
293	</div>
294	<div class="mysticky-welcomebar-setting-block">
295	<div class="mysticky-welcomebar-subheader-title">
296	<h4><?php _e('Display Rules', 'myStickymenu'); ?></h4>
297	</div>
298	<div class="mysticky-welcomebar-setting-content">
299	<label><?php _e('Entry effect', 'myStickymenu'); ?></label>
300	<div class="mysticky-welcomebar-setting-content-right">
301	<?php $welcomebar['mysticky_welcomebar_entry_effect'] = (isset($welcomebar['mysticky_welcomebar_entry_effect']) && $welcomebar['mysticky_welcomebar_entry_effect']!= '') ? $welcomebar['mysticky_welcomebar_entry_effect'] : 'slide-in'; ?>
302	<select id="myStickymenu-entry-effect" name="mysticky_option_welcomebar[mysticky_welcomebar_entry_effect]" >
303	<option value="none" <?php selected( @$welcomebar['mysticky_welcomebar_entry_effect'], 'none' ); ?>><?php _e( 'No effect', 'myStickymenu' );?></option>
304	<option value="slide-in" <?php selected( @$welcomebar['mysticky_welcomebar_entry_effect'], 'slide-in' ); ?>><?php _e( 'Slide in', 'myStickymenu' );?></option>
305	<option value="fade" <?php selected( @$welcomebar['mysticky_welcomebar_entry_effect'], 'fade' ); ?>><?php _e( 'Fade', 'myStickymenu' );?></option>
306	</select>
307	</div>
308	</div>
309	<div class="mysticky-welcomebar-upgrade-main mysticky_device_upgrade">
310	<span class="myStickymenu-upgrade">
311	<a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( ' Upgrade Now', 'mystickymenu' );?></a>
312	</span>
313	<div class="mysticky-welcomebar-setting-content">
314	<label><?php _e('Devices', 'myStickymenu'); ?></label>
315	<div class="mysticky-welcomebar-setting-content-right">
316	<label>
317	<input name="mysticky_option_welcomebar[mysticky_welcomebar_device_desktop]" value= "desktop" type="checkbox" checked disabled />
318	<?php _e( 'Desktop', 'mystickymenu' );?>
319	</label>
320	<label>
321	<input name="mysticky_option_welcomebar[mysticky_welcomebar_device_mobile]" value= "mobile" type="checkbox" checked disabled />
322	<?php _e( 'Mobile', 'mystickymenu' );?>
323	</label>
324	</div>
325	</div>
326	<div class="mysticky-welcomebar-setting-content">
327	<label><?php _e('Trigger', 'myStickymenu'); ?></label>
328	<div class="mysticky-welcomebar-setting-content-right">
329	<div class="mysticky-welcomebar-setting-action mysticky-welcomebar-trigger-wrap">
330	<label>
331	<input type="radio" name="mysticky_option_welcomebar[mysticky_welcomebar_trigger]" value="after_a_few_seconds" checked disabled /> <?php _e( 'After a few seconds', 'myStickymenu' );?>
332	</label>
333	<label>
334	<input type="radio" name="mysticky_option_welcomebar[mysticky_welcomebar_trigger]" value="after_scroll" disabled /> <?php _e( 'After Scroll', 'myStickymenu' );?>
335	</label>
336	</div>
337	<div class="mysticky-welcomebar-setting-action mysticky-welcomebar-triggersec">
338	<div class="px-wrap">
339	<input type="number" class="" min="0" step="1" id="mysticky_welcomebar_triggersec" name="mysticky_option_welcomebar[mysticky_welcomebar_triggersec]" value="0" disabled />
340	<span class="input-px"><?php echo ( isset($welcomebar['mysticky_welcomebar_trigger']) && $welcomebar['mysticky_welcomebar_trigger'] == 'after_scroll' ) ? '%' : 'Sec'; ?></span>
341	</div>
342	</div>
343	</div>
344	</div>
345	<div class="mysticky-welcomebar-setting-content">
346	<label><?php _e('Expiry date', 'myStickymenu'); ?></label>
347	<div class="mysticky-welcomebar-setting-content-right">
348	<div class="mysticky-welcomebar-expirydate">
349	<input type="text" id="mysticky_welcomebar_expirydate" name="mysticky_option_welcomebar[mysticky_welcomebar_expirydate]" placeholder="<?php _e('No expiry date', 'myStickymenu'); ?>" value="" disabled />
350	<span class="dashicons dashicons-calendar-alt"></span>
351	</div>
352	<div class="mysticky-welcomebar-expirydate-gmt">
353	<select name="mysticky_option_welcomebar[mysticky_welcomebar_expirydate_gmt]" id="mysticky_welcomebar_expirydate_gmt" disabled>
354	<?php for( $i=12; $i>=-12;$i-- ) { ?>
355	<option value="<?php echo $i ?>"><?php echo "GMT " . ( $i>0 ? "+" : "" ).( $i ) ?></option>
356	<?php } ?>
357	</select>
358	</div>
359	</div>
360	</div>
361	<div class="mysticky-welcomebar-setting-content show-on-apper">
362	<label><?php _e('Page targeting', 'myStickymenu'); ?></label>
363	<div class="mysticky-welcomebar-setting-content-right">
364	<a href="javascript:void(0);" class="create-rule" id="create-rule"><?php esc_html_e( "Add Rule", "mystickyelements" );?></a>
365	</div>
366	<?php
367	$url_options = array(
368	'page_contains' => 'pages that contain',
369	'page_has_url' => 'a specific page',
370	'page_start_with' => 'pages starting with',
371	'page_end_with' => 'pages ending with',
372	);
373	?>
374	<div class="mysticky-welcomebar-page-options-html" style="display: none">
375	<div class="mysticky-welcomebar-page-option">
376	<div class="url-content">
377	<div class="mysticky-welcomebar-url-select">
378	<select name="" id="url_shown_on___count___option">
379	<option value="show_on"><?php esc_html_e("Show on", "mysticky" );?></option>
380	<option value="not_show_on"><?php esc_html_e("Don't show on", "mysticky" );?></option>
381	</select>
382	</div>
383	<div class="mysticky-welcomebar-url-option">
384	<select class="mysticky-welcomebar-url-options" name="" id="url_rules___count___option">
385	<option selected="selected" value=""><?php esc_html_e("Select Rule", "mysticky" );?></option>
386	<?php foreach($url_options as $key=>$value) {
387	echo '<option value="'.$key.'">'.$value.'</option>';
388	} ?>
389	</select>
390	</div>
391	<div class="mysticky-welcomebar-url-box">
392	<span class='mysticky-welcomebar-url'><?php echo site_url("/"); ?></span>
393	</div>
394	<div class="mysticky-welcomebar-url-values">
395	<input type="text" value="" name="mysticky_option_welcomebar[page_settings][__count__][value]" id="url_rules___count___value" disabled />
396	</div>
397	<div class="clear"></div>
398	</div>
399	<span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="<?php echo esc_url($upgarde_url); ?>" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
400	</div>
401	</div>
402	<div class="mysticky-welcomebar-page-options mysticky-welcomebar-setting-content-right" id="mysticky-welcomebar-page-options" style="display:none"></div>
403	</div>
404	</div>
405	</div>
406	</div>
407	<div class="mysticky-welcomebar-setting-right">
408	<div class="mysticky-welcomebar-header-title">
409	<h3><?php _e('Preview', 'mystickyelements'); ?></h3>
410	</div>
411	<div class="mysticky-welcomebar-preview-screen">
412	<link href="https://fonts.googleapis.com/css?family=<?php echo $welcomebar['mysticky_welcomebar_font'] ?>:400,600,700\|Lato:400,500,600,700" rel="stylesheet" type="text/css" class="sfba-google-font">
413	<div class="mysticky-welcomebar-fixed mysticky-welcomebar-display-desktop <?php echo $display_main_class; ?>" >
414	<div class="mysticky-welcomebar-fixed-wrap">
415	<div class="mysticky-welcomebar-content">
416	<?php echo wpautop(isset($welcomebar['mysticky_welcomebar_bar_text'])? stripslashes($welcomebar['mysticky_welcomebar_bar_text']) :"Get 30% off your first purchase");?>
417	</div>
418	<div class="mysticky-welcomebar-btn">
419	<a href="#" ><?php echo isset($welcomebar['mysticky_welcomebar_btn_text']) ? stripslashes($welcomebar['mysticky_welcomebar_btn_text']) : "Got it!";?></a>
420	</div>
421	<a href="javascript:void(0)" class="mysticky-welcomebar-close">X</a>
422	</div>
423	</div>
424	</div>
425	</div>
426	</div>
427	<div class="mysticky-welcomebar-submit">
428	<input type="submit" name="submit" id="submit" class="button button-primary" value="<?php _e('Save', 'mystickymenu');?>">
429	</div>
430	<input type="hidden" name="nonce" value="<?php echo $nonce; ?>">
431	<input type="hidden" name="active_tab_element" value="1">
432	<input type="hidden" id="save_welcome_bar" name="save_welcome_bar" value="">
433
434	</form>
435	<form class="mysticky-welcomebar-form-reset" method="post" action="#">
436	<div class="mysticky-welcomebar-submit">
437	<input type="submit" name="mysticky_welcomebar_reset" id="reset" class="button button-secondary" value="<?php _e('Reset', 'mystickymenu');?>">
438	</div>
439	<input type="hidden" name="nonce_reset" value="<?php echo $nonce_reset; ?>">
440	<input type="hidden" name="active_tab_element" value="1">
441	</form>
442	<div id="mysticky-welcomebar-save-confirm" style="display:none;" title="<?php esc_attr_e( 'myStickymenu is currently off', 'mystickymenu' ); ?>">
443	<p>
444	<?php _e('Your Welcome Bar is currently turned off, would you like to save and show it on your site?', 'mystickymenu' ); ?>
445	</p>
446	</div>
447
448	<div id="mysticky-welcomebar-poptin-popup-confirm" style="display:none;" title="<?php esc_attr_e( 'Poptin pop-up is not configured properly', 'mystickymenu' ); ?>">
449	<p>
450	Seems like you haven't filled up the Poptin pop-up direct link field properly. Please <a href="https://help.poptin.com/article/show/72942-how-to-show-a-poptin-when-the-visitor-clicks-on-a-button-link-on-your-site" target="_blank">check the guide</a> to know how you can copy direct link of a pop-up from Poptin.
451	</p>
452	</div>
453	<script>
454	jQuery(".mysticky-welcomebar-fixed").on(
455	"animationend MSAnimationEnd webkitAnimationEnd oAnimationEnd",
456	function() {
457	jQuery(this).removeClass("animation-start");
458	}
459	);
460	jQuery(document).ready(function() {
461	var container = jQuery(".mysticky-welcomebar-fixed");
462	var refreshId = setInterval(function() {
463	container.addClass("animation-start");
464	}, 3500);
465	});
466	</script>
467	<style>
468	.mysticky-welcomebar-fixed {
469	background-color: <?php echo $welcomebar['mysticky_welcomebar_bgcolor'] ?>;
470	font-family: <?php echo $welcomebar['mysticky_welcomebar_font'] ?>;
471	position: absolute;
472	left: 0;
473	right: 0;
474	opacity: 0;
475	z-index: 9999999;
476	-webkit-transition: all 1s ease 0s;
477	-moz-transition: all 1s ease 0s;
478	transition: all 1s ease 0s;
479	}
480	.mysticky-welcomebar-fixed-wrap {
481	min-height: 60px;
482	padding: 20px 10px 20px 10px;
483	display: flex;
484	align-items: center;
485	justify-content: center;
486	}
487	.mysticky-welcomebar-preview-mobile-screen .mysticky-welcomebar-fixed{
488	padding: 0 25px;
489	}
490	.mysticky-welcomebar-position-top {
491	top:0;
492	}
493	.mysticky-welcomebar-position-bottom {
494	bottom:0;
495	}
496	.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in {
497	top: -80px;
498	}
499	.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in {
500	bottom: -80px;
501	}
502	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect {
503	top:0;
504	opacity: 1;
505	}
506	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in.entry-effect {
507	bottom:0;
508	opacity: 1;
509	}
510	.mysticky-welcomebar-entry-effect-fade {
511	opacity: 0;
512	}
513	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-fade.entry-effect {
514	opacity: 1;
515	}
516	.mysticky-welcomebar-entry-effect-none {
517	display: none;
518	}
519	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-none.entry-effect {
520	display: block;
521	opacity: 1;
522	}
523	.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed {
524	top: 0;
525	}
526	.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed {
527	bottom: 0;
528	}
529	.mysticky-welcomebar-fixed .mysticky-welcomebar-content p a,
530	.mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
531	color: <?php echo $welcomebar['mysticky_welcomebar_bgtxtcolor'] ?>;
532	font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
533	font-family: inherit;
534	margin: 0;
535	padding: 0;
536	line-height: 1.2;
537	font-weight: 400;
538	}
539	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
540	padding-left: 30px;
541	display: none;
542	}
543	.mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
544	display: block;
545	}
546	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
547	background-color: <?php echo $welcomebar['mysticky_welcomebar_btncolor'] ?>;
548	font-family: inherit;
549	color: <?php echo $welcomebar['mysticky_welcomebar_btntxtcolor'] ?>;
550	border-radius: 4px;
551	text-decoration: none;
552	display: inline-block;
553	vertical-align: top;
554	line-height: 1.2;
555	font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
556	font-weight: 400;
557	padding: 5px 20px;
558	white-space: nowrap;
559	}
560	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a:hover {
561	/opacity: 0.7;/
562	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
563	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
564	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
565	}
566	.mysticky-welcomebar-fixed .mysticky-welcomebar-close {
567	display: none;
568	vertical-align: top;
569	width: 20px;
570	height: 20px;
571	text-align: center;
572	text-decoration: none;
573	line-height: 20px;
574	border-radius: 5px;
575	color: #000;
576	position: absolute;
577	font-family: Lato;
578	top: 5px;
579	right: 5px;
580	text-shadow: 0 0 0px #fff;
581	-webkit-transition: all 0.5s ease 0s;
582	-moz-transition: all 0.5s ease 0s;
583	transition: all 0.5s ease 0s;
584	-webkit-transform-origin: 50% 50%;
585	-moz-transform-origin: 50% 50%;
586	transform-origin: 50% 50%;
587	}
588	.mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
589	opacity: 1;
590	-webkit-transform: rotate(180deg);
591	-moz-transform: rotate(180deg);
592	transform: rotate(180deg);
593	}
594	.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
595	display: inline-block;
596	}
597	@media only screen and (max-width: 1024px) {
598	.mysticky-welcomebar-fixed {
599	padding: 0 10px 0 10px;
600	}
601	.mysticky-welcomebar-fixed .mysticky-welcomebar-close {
602	width: 20px;
603	height: 20px;
604	line-height: 20px;
605	right: 0px;
606	}
607	}
608
609	/* Animated Buttons */
610	.mysticky-welcomebar-btn a {
611	-webkit-animation-duration: 1s;
612	animation-duration: 1s;
613	}
614	@-webkit-keyframes flash {
615	from,
616	50%,
617	to {
618	opacity: 1;
619	}
620
621	25%,
622	75% {
623	opacity: 0;
624	}
625	}
626	@keyframes flash {
627	from,
628	50%,
629	to {
630	opacity: 1;
631	}
632
633	25%,
634	75% {
635	opacity: 0;
636	}
637	}
638	.mysticky-welcomebar-attention-flash.animation-start .mysticky-welcomebar-btn a {
639	-webkit-animation-name: flash;
640	animation-name: flash;
641	}
642
643	@keyframes shake {
644	from,
645	to {
646	-webkit-transform: translate3d(0, 0, 0);
647	transform: translate3d(0, 0, 0);
648	}
649
650	10%,
651	30%,
652	50%,
653	70%,
654	90% {
655	-webkit-transform: translate3d(-10px, 0, 0);
656	transform: translate3d(-10px, 0, 0);
657	}
658
659	20%,
660	40%,
661	60%,
662	80% {
663	-webkit-transform: translate3d(10px, 0, 0);
664	transform: translate3d(10px, 0, 0);
665	}
666	}
667
668	.mysticky-welcomebar-attention-shake.animation-start .mysticky-welcomebar-btn a {
669	-webkit-animation-name: shake;
670	animation-name: shake;
671	}
672
673	@-webkit-keyframes swing {
674	20% {
675	-webkit-transform: rotate3d(0, 0, 1, 15deg);
676	transform: rotate3d(0, 0, 1, 15deg);
677	}
678
679	40% {
680	-webkit-transform: rotate3d(0, 0, 1, -10deg);
681	transform: rotate3d(0, 0, 1, -10deg);
682	}
683
684	60% {
685	-webkit-transform: rotate3d(0, 0, 1, 5deg);
686	transform: rotate3d(0, 0, 1, 5deg);
687	}
688
689	80% {
690	-webkit-transform: rotate3d(0, 0, 1, -5deg);
691	transform: rotate3d(0, 0, 1, -5deg);
692	}
693
694	to {
695	-webkit-transform: rotate3d(0, 0, 1, 0deg);
696	transform: rotate3d(0, 0, 1, 0deg);
697	}
698	}
699
700	@keyframes swing {
701	20% {
702	-webkit-transform: rotate3d(0, 0, 1, 15deg);
703	transform: rotate3d(0, 0, 1, 15deg);
704	}
705
706	40% {
707	-webkit-transform: rotate3d(0, 0, 1, -10deg);
708	transform: rotate3d(0, 0, 1, -10deg);
709	}
710
711	60% {
712	-webkit-transform: rotate3d(0, 0, 1, 5deg);
713	transform: rotate3d(0, 0, 1, 5deg);
714	}
715
716	80% {
717	-webkit-transform: rotate3d(0, 0, 1, -5deg);
718	transform: rotate3d(0, 0, 1, -5deg);
719	}
720
721	to {
722	-webkit-transform: rotate3d(0, 0, 1, 0deg);
723	transform: rotate3d(0, 0, 1, 0deg);
724	}
725	}
726
727	.mysticky-welcomebar-attention-swing.animation-start .mysticky-welcomebar-btn a {
728	-webkit-transform-origin: top center;
729	transform-origin: top center;
730	-webkit-animation-name: swing;
731	animation-name: swing;
732	}
733
734	@-webkit-keyframes tada {
735	from {
736	-webkit-transform: scale3d(1, 1, 1);
737	transform: scale3d(1, 1, 1);
738	}
739
740	10%,
741	20% {
742	-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
743	transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
744	}
745
746	30%,
747	50%,
748	70%,
749	90% {
750	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
751	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
752	}
753
754	40%,
755	60%,
756	80% {
757	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
758	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
759	}
760
761	to {
762	-webkit-transform: scale3d(1, 1, 1);
763	transform: scale3d(1, 1, 1);
764	}
765	}
766
767	@keyframes tada {
768	from {
769	-webkit-transform: scale3d(1, 1, 1);
770	transform: scale3d(1, 1, 1);
771	}
772
773	10%,
774	20% {
775	-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
776	transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
777	}
778
779	30%,
780	50%,
781	70%,
782	90% {
783	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
784	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
785	}
786
787	40%,
788	60%,
789	80% {
790	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
791	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
792	}
793
794	to {
795	-webkit-transform: scale3d(1, 1, 1);
796	transform: scale3d(1, 1, 1);
797	}
798	}
799
800	.mysticky-welcomebar-attention-tada.animation-start .mysticky-welcomebar-btn a {
801	-webkit-animation-name: tada;
802	animation-name: tada;
803	}
804
805	@-webkit-keyframes heartBeat {
806	0% {
807	-webkit-transform: scale(1);
808	transform: scale(1);
809	}
810
811	14% {
812	-webkit-transform: scale(1.3);
813	transform: scale(1.3);
814	}
815
816	28% {
817	-webkit-transform: scale(1);
818	transform: scale(1);
819	}
820
821	42% {
822	-webkit-transform: scale(1.3);
823	transform: scale(1.3);
824	}
825
826	70% {
827	-webkit-transform: scale(1);
828	transform: scale(1);
829	}
830	}
831
832	@keyframes heartBeat {
833	0% {
834	-webkit-transform: scale(1);
835	transform: scale(1);
836	}
837
838	14% {
839	-webkit-transform: scale(1.3);
840	transform: scale(1.3);
841	}
842
843	28% {
844	-webkit-transform: scale(1);
845	transform: scale(1);
846	}
847
848	42% {
849	-webkit-transform: scale(1.3);
850	transform: scale(1.3);
851	}
852
853	70% {
854	-webkit-transform: scale(1);
855	transform: scale(1);
856	}
857	}
858
859	.mysticky-welcomebar-attention-heartbeat.animation-start .mysticky-welcomebar-btn a {
860	-webkit-animation-name: heartBeat;
861	animation-name: heartBeat;
862	-webkit-animation-duration: 1.3s;
863	animation-duration: 1.3s;
864	-webkit-animation-timing-function: ease-in-out;
865	animation-timing-function: ease-in-out;
866	}
867
868	@-webkit-keyframes wobble {
869	from {
870	-webkit-transform: translate3d(0, 0, 0);
871	transform: translate3d(0, 0, 0);
872	}
873
874	15% {
875	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
876	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
877	}
878
879	30% {
880	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
881	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
882	}
883
884	45% {
885	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
886	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
887	}
888
889	60% {
890	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
891	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
892	}
893
894	75% {
895	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
896	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
897	}
898
899	to {
900	-webkit-transform: translate3d(0, 0, 0);
901	transform: translate3d(0, 0, 0);
902	}
903	}
904
905	@keyframes wobble {
906	from {
907	-webkit-transform: translate3d(0, 0, 0);
908	transform: translate3d(0, 0, 0);
909	}
910
911	15% {
912	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
913	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
914	}
915
916	30% {
917	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
918	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
919	}
920
921	45% {
922	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
923	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
924	}
925
926	60% {
927	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
928	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
929	}
930
931	75% {
932	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
933	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
934	}
935
936	to {
937	-webkit-transform: translate3d(0, 0, 0);
938	transform: translate3d(0, 0, 0);
939	}
940	}
941
942	.mysticky-welcomebar-attention-wobble.animation-start .mysticky-welcomebar-btn a {
943	-webkit-animation-name: wobble;
944	animation-name: wobble;
945	}
946	</style>
947
948	<?php
949	}
950
951	function mysticky_welcomebar_pro_widget_default_fields() {
952	return array(
953	'mysticky_welcomebar_position' => 'top',
954	'mysticky_welcomebar_height' => '60',
955	'mysticky_welcomebar_bgcolor' => '#03ed96',
956	'mysticky_welcomebar_bgtxtcolor' => '#000000',
957	'mysticky_welcomebar_font' => 'Poppins',
958	'mysticky_welcomebar_fontsize' => '16',
959	'mysticky_welcomebar_bar_text' => 'Get 30% off your first purchase',
960	'mysticky_welcomebar_x_desktop' => 'desktop',
961	'mysticky_welcomebar_x_mobile' => 'mobile',
962	'mysticky_welcomebar_btn_desktop' => 'desktop',
963	'mysticky_welcomebar_btn_mobile' => 'mobile',
964	'mysticky_welcomebar_btncolor' => '#000000',
965	'mysticky_welcomebar_btntxtcolor' => '#ffffff',
966	'mysticky_welcomebar_btn_text' => 'Got it!',
967	'mysticky_welcomebar_actionselect' => 'close_bar',
968	'mysticky_welcomebar_aftersubmission' => 'dont_show_welcomebar',
969	'mysticky_welcomebar_redirect' => 'https://www.yourdomain.com',
970	'mysticky_welcomebar_redirect_newtab' => '',
971	'mysticky_welcomebar_redirect_rel' => '',
972	'mysticky_welcomebar_device_desktop' => 'desktop',
973	'mysticky_welcomebar_device_mobile' => 'mobile',
974	'mysticky_welcomebar_entry_effect' => 'slide-in',
975	'mysticky_welcomebar_trigger' => 'after_a_few_seconds',
976	'mysticky_welcomebar_triggersec' => '0',
977	'mysticky_welcomebar_expirydate' => '',
978	'mysticky_welcomebar_page_settings' => '',
979	);
980	}
981
982	function mysticky_welcome_bar_frontend(){
983	$welcomebar = get_option( 'mysticky_option_welcomebar' );
984
985	if ( ( isset($welcomebar['mysticky_welcomebar_expirydate']) && $welcomebar['mysticky_welcomebar_expirydate'] !='' && strtotime( date('m/d/Y')) > strtotime($welcomebar['mysticky_welcomebar_expirydate']) ) \|\| !isset($welcomebar['mysticky_welcomebar_enable'] ) ) {
986	return;
987	}
988	$mysticky_welcomebar_showx_desktop = $mysticky_welcomebar_showx_mobile = '';
989	$mysticky_welcomebar_btn_desktop = $mysticky_welcomebar_btn_mobile = '';
990	$mysticky_welcomebar_display_desktop = $mysticky_welcomebar_display_mobile = '';
991	if( isset($welcomebar['mysticky_welcomebar_x_desktop']) ) {
992	$mysticky_welcomebar_showx_desktop = ' mysticky-welcomebar-showx-desktop';
993	}
994	if( isset($welcomebar['mysticky_welcomebar_x_mobile']) ) {
995	$mysticky_welcomebar_showx_mobile = ' mysticky-welcomebar-showx-mobile';
996	}
997	if( isset($welcomebar['mysticky_welcomebar_btn_desktop']) ) {
998	$mysticky_welcomebar_btn_desktop = ' mysticky-welcomebar-btn-desktop';
999	}
1000	if( isset($welcomebar['mysticky_welcomebar_btn_mobile']) ) {
1001	$mysticky_welcomebar_btn_mobile = ' mysticky-welcomebar-btn-mobile';
1002	}
1003	$display = ' mysticky-welcomebar-attention-'.$welcomebar['mysticky_welcomebar_attentionselect'];
1004	$display_entry_effect = (isset($welcomebar['mysticky_welcomebar_entry_effect'])) ? ' mysticky-welcomebar-entry-effect-'.$welcomebar['mysticky_welcomebar_entry_effect'] : ' mysticky-welcomebar-entry-effect-slide-in';
1005	$mysticky_welcomebar_display_desktop = ' mysticky-welcomebar-display-desktop';
1006	$mysticky_welcomebar_display_mobile = ' mysticky-welcomebar-display-mobile';
1007
1008	$display_main_class = "mysticky-welcomebar-position-" . $welcomebar['mysticky_welcomebar_position'] . $mysticky_welcomebar_showx_desktop . $mysticky_welcomebar_showx_mobile . $mysticky_welcomebar_btn_desktop . $mysticky_welcomebar_btn_mobile . $mysticky_welcomebar_display_desktop . $mysticky_welcomebar_display_mobile .$display . $display_entry_effect;
1009
1010	if( isset($welcomebar['mysticky_welcomebar_actionselect']) ) {
1011
1012	if( $welcomebar['mysticky_welcomebar_actionselect'] == 'redirect_to_url' ) {
1013	$mysticky_welcomebar_actionselect_url = esc_url( $welcomebar['mysticky_welcomebar_redirect'] );
1014	} else if( $welcomebar['mysticky_welcomebar_actionselect'] == 'poptin_popup'){
1015	$mysticky_welcomebar_actionselect_url = esc_url( $welcomebar['mysticky_welcomebar_poptin_popup_link'] );
1016	} else {
1017	$mysticky_welcomebar_actionselect_url = 'javascript:void(0)';
1018	}
1019	}
1020
1021	?>
1022	<div class="mysticky-welcomebar-fixed <?php echo $display_main_class; ?>" style="<?php //echo $welcomebar_enable_block; ?>" data-after-triger="after_a_few_seconds" data-triger-sec="0" data-position="<?php echo esc_attr($welcomebar['mysticky_welcomebar_position']);?>" data-height="<?php echo esc_attr($welcomebar['mysticky_welcomebar_height']);?>" data-rediect="<?php echo esc_attr($welcomebar['mysticky_welcomebar_actionselect']);?>" data-aftersubmission="<?php echo esc_attr($welcomebar['mysticky_welcomebar_aftersubmission']);?>">
1023	<div class="mysticky-welcomebar-fixed-wrap">
1024	<div class="mysticky-welcomebar-content">
1025	<?php echo wpautop( isset($welcomebar['mysticky_welcomebar_bar_text'])? stripslashes($welcomebar['mysticky_welcomebar_bar_text']) :"Get 30% off your first purchase" );?>
1026	</div>
1027	<div class="mysticky-welcomebar-btn">
1028	<a href="<?php echo $mysticky_welcomebar_actionselect_url; ?>" <?php if( isset($welcomebar['mysticky_welcomebar_redirect_newtab']) && $welcomebar['mysticky_welcomebar_actionselect'] == 'redirect_to_url' && $welcomebar['mysticky_welcomebar_redirect_newtab']== 1):?> target="_blank" <?php endif;?>><?php echo isset($welcomebar['mysticky_welcomebar_btn_text'])? stripslashes($welcomebar['mysticky_welcomebar_btn_text']) :"Got it!";?></a>
1029	</div>
1030	<a href="javascript:void(0)" class="mysticky-welcomebar-close">X</a>
1031	</div>
1032	</div>
1033	<script>
1034
1035	jQuery(document).ready(function($){
1036	var mysticky_welcomebar_height = jQuery( '.mysticky-welcomebar-fixed' ).outerHeight();
1037	if( jQuery( '.mysticky-welcomebar-fixed' ).data('position') == 'top' ) {
1038	jQuery( '.mysticky-welcomebar-entry-effect-slide-in.mysticky-welcomebar-fixed' ).css( 'top', '-' + mysticky_welcomebar_height + 'px' );
1039	} else {
1040	jQuery( '.mysticky-welcomebar-entry-effect-slide-in.mysticky-welcomebar-fixed' ).css( 'bottom', '-' + mysticky_welcomebar_height + 'px' );
1041	}
1042	var divi_topbar_height = $( '.et_fixed_nav #top-header' ).outerHeight();
1043	var divi_total_height = mysticky_welcomebar_height + divi_topbar_height;
1044	var welcombar_aftersubmission = $( '.mysticky-welcomebar-fixed' ).data('aftersubmission');
1045	if( welcombar_aftersubmission == 'dont_show_welcomebar' ){
1046	var welcomebar_storage = localStorage.getItem("welcomebar_close");
1047	} else if( welcombar_aftersubmission == 'show_welcomebar_next_visit' ) {
1048	var welcomebar_storage = sessionStorage.getItem("welcomebar_close");
1049	} else {
1050	sessionStorage.removeItem('welcomebar_close');
1051	localStorage.removeItem('welcomebar_close');
1052	var welcomebar_storage = null;
1053	}
1054	if ( welcomebar_storage === null ){
1055
1056	var after_trigger = jQuery( '.mysticky-welcomebar-fixed' ).data('after-triger');
1057
1058	jQuery( 'body' ).addClass( 'mysticky-welcomebar-apper' );
1059
1060	if ( after_trigger == 'after_a_few_seconds' ) {
1061
1062	if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-desktop' ) ) {
1063	if ( $( window ).width() > 767 ) {
1064	var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
1065	var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
1066	var welcombar_height = $( '.mysticky-welcomebar-fixed' ).outerHeight();
1067
1068	setTimeout(function(){
1069	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1070	$( '.mysticky-welcomebar-fixed' ).addClass( 'entry-effect' );
1071	if ( welcombar_position == 'top' ) {
1072	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1073	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
1074	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1075	$( 'html' ).css( 'margin-bottom', '' );
1076	jQuery( '#mysticky_divi_style' ).remove();
1077	jQuery( '.et_fixed_nav #top-header' ).css( 'top', welcombar_height + 'px' );
1078	jQuery( 'head' ).append( '<style id="mysticky_divi_style" type="text/css">.et_fixed_nav #main-header {top: ' + welcombar_height + 'px !important}.et_fixed_nav #top-header + #main-header{top: ' + divi_total_height + 'px !important}</style>' );
1079	$( 'html' ).attr( 'style', 'margin-top: ' + mysticky_welcomebar_height + 'px !important' );
1080	$( '#mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1081	} else {
1082	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
1083	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1084	$( 'html' ).css( 'margin-top', '' );
1085	jQuery( '#mysticky_divi_style' ).remove();
1086	jQuery( '.et_fixed_nav #top-header' ).css( 'top', '' );
1087	$( 'html' ).attr( 'style', 'margin-bottom: ' + mysticky_welcomebar_height + 'px !important' );
1088	}
1089	}, trigger_sec );
1090	}
1091	}
1092	}
1093	if ( $( window ).width() < 767 ) {
1094	if ( after_trigger == 'after_a_few_seconds' ) {
1095	if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
1096	var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
1097	var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
1098	var welcombar_height = $( '.mysticky-welcomebar-fixed' ).outerHeight();
1099	setTimeout(function(){
1100	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1101	$( '.mysticky-welcomebar-fixed' ).addClass( 'entry-effect' );
1102	jQuery( '#mysticky_divi_style' ).remove();
1103	jQuery( '.et_fixed_nav #top-header' ).css( 'top', '' );
1104	if ( welcombar_position == 'top' ) {
1105	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
1106	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1107	$( 'html' ).css( 'margin-bottom', '' );
1108	$( 'html' ).attr( 'style', 'margin-top: ' + mysticky_welcomebar_height + 'px !important' );
1109	$( '#mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1110	} else {
1111	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
1112	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1113	$( 'html' ).css( 'margin-top', '' );
1114	$( 'html' ).attr( 'style', 'margin-bottom: ' + mysticky_welcomebar_height + 'px !important' );
1115	}
1116	}, trigger_sec );
1117	}
1118	}
1119	}
1120	mystickyelements_present();
1121	}
1122	$( window ).resize( function(){
1123	var mysticky_welcomebar_height = jQuery( '.mysticky-welcomebar-fixed' ).outerHeight();
1124	if( welcombar_aftersubmission == 'dont_show_welcomebar' ){
1125	var welcomebar_storage = localStorage.getItem("welcomebar_close");
1126	} else if( welcombar_aftersubmission == 'show_welcomebar_next_visit' ) {
1127	var welcomebar_storage = sessionStorage.getItem("welcomebar_close");
1128	} else {
1129	sessionStorage.removeItem('welcomebar_close');
1130	localStorage.removeItem('welcomebar_close');
1131	var welcomebar_storage = null;
1132	}
1133	if ( welcomebar_storage === null ){
1134	var after_trigger = jQuery( '.mysticky-welcomebar-fixed' ).data('after-triger');
1135	if ( ! $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-notapper' ) ) {
1136	jQuery( 'body' ).addClass( 'mysticky-welcomebar-apper' );
1137	} else {
1138	jQuery( 'body' ).removeClass( 'mysticky-welcomebar-apper' );
1139	}
1140	if ( after_trigger == 'after_a_few_seconds' ) {
1141	var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
1142	var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
1143	var welcombar_height = $( '.mysticky-welcomebar-fixed' ).outerHeight();
1144	if ( $( window ).width() < 767 ) {
1145	if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
1146	setTimeout(function(){
1147	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1148	$( '.mysticky-welcomebar-fixed' ).addClass( 'entry-effect' );
1149	jQuery( '#mysticky_divi_style' ).remove();
1150	jQuery( '.et_fixed_nav #top-header' ).css( 'top', '' );
1151	if ( welcombar_position == 'top' ) {
1152	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
1153	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1154	$( 'html' ).css( 'margin-bottom', '' );
1155	$( 'html' ).attr( 'style', 'margin-top: ' + mysticky_welcomebar_height + 'px !important' );
1156	$( '.mysticky-welcomebar-apper #mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1157	} else {
1158	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
1159	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1160	$( 'html' ).css( 'margin-top', '' );
1161	$( 'html' ).attr( 'style', 'margin-bottom: ' + mysticky_welcomebar_height + 'px !important' );
1162	}
1163	}, trigger_sec );
1164	}
1165	} else {
1166	if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-desktop' ) ) {
1167	setTimeout(function(){
1168	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1169	$( '.mysticky-welcomebar-fixed' ).addClass( 'entry-effect' );
1170	if ( welcombar_position == 'top' ) {
1171	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
1172	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1173	$( 'html' ).css( 'margin-bottom', '' );
1174	jQuery( '#mysticky_divi_style' ).remove();
1175	jQuery( '.mysticky-welcomebar-apper.et_fixed_nav #top-header' ).css( 'top', welcombar_height + 'px' );
1176	jQuery( 'head' ).append( '<style id="mysticky_divi_style" type="text/css">.mysticky-welcomebar-apper.et_fixed_nav #main-header {top: ' + welcombar_height + 'px !important}.mysticky-welcomebar-apper.et_fixed_nav #top-header + #main-header{top: ' + divi_total_height + 'px !important}</style>' );
1177	$( 'html' ).attr( 'style', 'margin-top: ' + mysticky_welcomebar_height + 'px !important' );
1178	$( '.mysticky-welcomebar-apper #mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1179	} else {
1180	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
1181	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1182	$( 'html' ).css( 'margin-top', '' );
1183	jQuery( '#mysticky_divi_style' ).remove();
1184	jQuery( '.et_fixed_nav #top-header' ).css( 'top', '' );
1185	$( 'html' ).attr( 'style', 'margin-bottom: ' + mysticky_welcomebar_height + 'px !important' );
1186	}
1187	}, trigger_sec );
1188	}
1189	}
1190	}
1191	mystickyelements_present();
1192	}
1193	} );
1194
1195	jQuery(window).on( 'scroll', function(){
1196	if( welcombar_aftersubmission == 'dont_show_welcomebar' ){
1197	var welcomebar_storage = localStorage.getItem("welcomebar_close");
1198	} else if( welcombar_aftersubmission == 'show_welcomebar_next_visit' ) {
1199	var welcomebar_storage = sessionStorage.getItem("welcomebar_close");
1200	} else {
1201	sessionStorage.removeItem('welcomebar_close');
1202	localStorage.removeItem('welcomebar_close');
1203	var welcomebar_storage = null;
1204	}
1205	if ( welcomebar_storage === null ){
1206	var welcombar_height = $( '.mysticky-welcomebar-fixed' ).outerHeight();
1207	var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
1208	if ( welcombar_position == 'top' ) {
1209	$( '#mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1210	}
1211	if ( after_trigger === 'after_scroll' ) {
1212	var scroll = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
1213	var after_scroll_val = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec');
1214	var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
1215	var welcombar_height = $( '.mysticky-welcomebar-fixed' ).outerHeight();
1216	if( scroll > after_scroll_val ) {
1217	if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-desktop' ) ) {
1218	if ( $( window ).width() > 767 ) {
1219	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1220	$( '.mysticky-welcomebar-fixed' ).addClass( 'entry-effect' );
1221	if ( welcombar_position == 'top' ) {
1222	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
1223	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1224	$( 'html' ).css( 'margin-bottom', '' );
1225	$( 'html' ).attr( 'style', 'margin-top: ' + mysticky_welcomebar_height + 'px !important' );
1226	$( '#mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1227	} else {
1228	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
1229	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1230	$( 'html' ).css( 'margin-top', '' );
1231	$( 'html' ).attr( 'style', 'margin-bottom: ' + mysticky_welcomebar_height + 'px !important' );
1232	}
1233	}
1234	}
1235	if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
1236	if ( $( window ).width() < 767 ) {
1237	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
1238	$( '.mysticky-welcomebar-fixed' ).addClass( 'entry-effect' );
1239	if ( welcombar_position == 'top' ) {
1240	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
1241	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1242	$( 'html' ).css( 'margin-bottom', '' );
1243	$( 'html' ).attr( 'style', 'margin-top: ' + mysticky_welcomebar_height + 'px !important' );
1244	$( '#mysticky-nav' ).css( 'top', mysticky_welcomebar_height + 'px' );
1245	} else {
1246	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
1247	jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
1248	$( 'html' ).css( 'margin-top', '' );
1249	$( 'html' ).attr( 'style', 'margin-bottom: ' + mysticky_welcomebar_height + 'px !important' );
1250	}
1251	}
1252	}
1253	}
1254	}
1255	mystickyelements_present();
1256	}
1257
1258	});
1259
1260	jQuery( '.mysticky-welcomebar-close, .mysticky-welcomebar-btn a' ).on( 'click', function(){
1261	if( welcombar_aftersubmission != 'show_welcomebar_every_page' ){
1262	if( welcombar_aftersubmission == 'dont_show_welcomebar' ){
1263	sessionStorage.removeItem('welcomebar_close');
1264	localStorage.setItem('welcomebar_close', 'close');
1265	} else if( welcombar_aftersubmission == 'show_welcomebar_next_visit' ) {
1266	localStorage.removeItem('welcomebar_close');
1267	sessionStorage.setItem('welcomebar_close', 'close');
1268	}
1269	}
1270	var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
1271	var welcombar_height = $( '.mysticky-welcomebar-fixed' ).outerHeight();
1272	jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-notapper' );
1273	jQuery( 'body' ).removeClass( 'mysticky-welcomebar-apper' );
1274	jQuery( '.mysticky-welcomebar-fixed' ).slideUp( 'slow' );
1275	if ( welcombar_position == 'top' ) {
1276	jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '-' + mysticky_welcomebar_height + 'px' );
1277	} else {
1278	jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '-' + mysticky_welcomebar_height + 'px' );
1279	}
1280	jQuery( '#mysticky_divi_style' ).remove();
1281	jQuery( '.et_fixed_nav #top-header' ).css( 'top', '' );
1282	jQuery( 'html' ).css( 'margin-top', '' );
1283	jQuery( 'html' ).css( 'margin-bottom', '' );
1284	$( '#mysticky-nav' ).css( 'top', '0px' );
1285	/if mystickyelements show/
1286	var mystickyelements_show = $( '.mystickyelements-fixed' ).length;
1287	if( mystickyelements_show && $( window ).width() <= 1024 && $( '.mystickyelements-fixed' ).hasClass( 'mystickyelements-position-mobile-top' ) && welcombar_position == 'top' ) {
1288	var mystickyelements_height = $( '.mystickyelements-fixed' ).height();
1289	$( '.mystickyelements-fixed' ).css( 'top', '' );
1290	$( 'html' ).attr( 'style', 'margin-top: ' + mystickyelements_height + 'px !important' );
1291	}
1292	} );
1293	});
1294	function mystickyelements_present() {
1295	var after_trigger = jQuery( '.mysticky-welcomebar-fixed' ).data('after-triger');
1296	var mystickyelements_show = jQuery( '.mystickyelements-fixed' ).length;
1297	if( mystickyelements_show ) {
1298	var welcombar_position = jQuery( '.mysticky-welcomebar-fixed' ).data('position');
1299	var welcombar_height = jQuery( '.mysticky-welcomebar-fixed' ).outerHeight();
1300	var mystickyelements_height = jQuery( '.mystickyelements-fixed' ).height();
1301	var mystickyelements_total_height = welcombar_height + mystickyelements_height;
1302	if ( jQuery( window ).width() <= 1024 && jQuery( '.mystickyelements-fixed' ).hasClass( 'mystickyelements-position-mobile-top' ) ) {
1303	if ( after_trigger == 'after_a_few_seconds' ) {
1304	if ( jQuery( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
1305	var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
1306	setTimeout(function(){
1307	if ( welcombar_position == 'top' ) {
1308	jQuery( '.mystickyelements-fixed' ).css( 'top', welcombar_height );
1309	jQuery( 'html' ).attr( 'style', 'margin-top: ' + mystickyelements_total_height + 'px !important' );
1310	} else {
1311	jQuery( '.mystickyelements-fixed' ).css( 'top', '' );
1312	jQuery( 'html' ).attr( 'style', 'margin-bottom: ' + welcombar_height + 'px !important' );
1313	}
1314	}, trigger_sec );
1315	}
1316	} else if ( after_trigger === 'after_scroll' ) {
1317	var scroll = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
1318	var after_scroll_val = $( '.mysticky-welcomebar-fixed' ).data('triger-sec');
1319	if( scroll > after_scroll_val ) {
1320	if ( jQuery( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
1321	if ( welcombar_position == 'top' ) {
1322	jQuery( '.mystickyelements-fixed' ).css( 'top', welcombar_height );
1323	jQuery( 'html' ).attr( 'style', 'margin-top: ' + mystickyelements_total_height + 'px !important' );
1324	} else {
1325	jQuery( '.mystickyelements-fixed' ).css( 'top', '' );
1326	jQuery( 'html' ).attr( 'style', 'margin-bottom: ' + welcombar_height + 'px !important' );
1327	}
1328	}
1329	}
1330	}
1331	}
1332	}
1333	}
1334	jQuery(".mysticky-welcomebar-fixed").on(
1335	"animationend MSAnimationEnd webkitAnimationEnd oAnimationEnd",
1336	function() {
1337	jQuery(this).removeClass("animation-start");
1338	}
1339	);
1340	jQuery(document).ready(function() {
1341	var container = jQuery(".mysticky-welcomebar-fixed");
1342	var refreshId = setInterval(function() {
1343	container.addClass("animation-start");
1344	}, 3500);
1345	});
1346
1347	</script>
1348	<style>
1349	.mysticky-welcomebar-fixed , .mysticky-welcomebar-fixed * {
1350	-webkit-box-sizing: border-box;
1351	-moz-box-sizing: border-box;
1352	box-sizing: border-box;
1353	}
1354	.mysticky-welcomebar-fixed {
1355	background-color: <?php echo $welcomebar['mysticky_welcomebar_bgcolor'] ?>;
1356	font-family: <?php echo $welcomebar['mysticky_welcomebar_font'] ?>;
1357	position: fixed;
1358	left: 0;
1359	right: 0;
1360	z-index: 9999999;
1361	opacity: 0;
1362	}
1363	.mysticky-welcomebar-fixed-wrap {
1364	min-height: 60px;
1365	padding: 20px 50px;
1366	display: flex;
1367	align-items: center;
1368	justify-content: center;
1369	width: 100%;
1370	height: 100%;
1371	}
1372	.mysticky-welcomebar-animation {
1373	-webkit-transition: all 1s ease 0s;
1374	-moz-transition: all 1s ease 0s;
1375	transition: all 1s ease 0s;
1376	}
1377	.mysticky-welcomebar-position-top {
1378	top:0;
1379	}
1380	.mysticky-welcomebar-position-bottom {
1381	bottom:0;
1382	}
1383	.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in {
1384	top: -60px;
1385	}
1386	.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in {
1387	bottom: -60px;
1388	}
1389	.mysticky-welcomebar-entry-effect-fade {
1390	opacity: 0;
1391	}
1392	.mysticky-welcomebar-entry-effect-none {
1393	display: none;
1394	}
1395	.mysticky-welcomebar-fixed .mysticky-welcomebar-content p a,
1396	.mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
1397	color: <?php echo $welcomebar['mysticky_welcomebar_bgtxtcolor'] ?>;
1398	font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
1399	margin: 0;
1400	padding: 0;
1401	line-height: 1.2;
1402	font-family: inherit;
1403	font-weight: 400;
1404	}
1405	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
1406	padding-left: 30px;
1407	display: none;
1408	line-height: 1;
1409	}
1410	.mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
1411	display: block;
1412	}
1413	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
1414	background-color: <?php echo $welcomebar['mysticky_welcomebar_btncolor'] ?>;
1415	font-family: inherit;
1416	color: <?php echo $welcomebar['mysticky_welcomebar_btntxtcolor'] ?>;
1417	border-radius: 4px;
1418	text-decoration: none;
1419	display: inline-block;
1420	vertical-align: top;
1421	line-height: 1.2;
1422	font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
1423	font-weight: 400;
1424	padding: 5px 20px;
1425	white-space: nowrap;
1426	}
1427	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a:hover {
1428	/opacity: 0.7;/
1429	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
1430	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
1431	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
1432	}
1433	.mysticky-welcomebar-fixed .mysticky-welcomebar-close {
1434	display: none;
1435	vertical-align: top;
1436	width: 30px;
1437	height: 30px;
1438	text-align: center;
1439	line-height: 30px;
1440	border-radius: 5px;
1441	color: #000;
1442	position: absolute;
1443	top: 5px;
1444	right: 10px;
1445	outline: none;
1446	font-family: Lato;
1447	text-decoration: none;
1448	text-shadow: 0 0 0px #fff;
1449	-webkit-transition: all 0.5s ease 0s;
1450	-moz-transition: all 0.5s ease 0s;
1451	transition: all 0.5s ease 0s;
1452	-webkit-transform-origin: 50% 50%;
1453	-moz-transform-origin: 50% 50%;
1454	transform-origin: 50% 50%;
1455	}
1456	.mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
1457	opacity: 1;
1458	-webkit-transform: rotate(180deg);
1459	-moz-transform: rotate(180deg);
1460	transform: rotate(180deg);
1461	}
1462	.mysticky-welcomebar-fixed .mysticky-welcomebar-close span.dashicons {
1463	font-size: 27px;
1464	}
1465	.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
1466	display: inline-block;
1467	}
1468
1469	/* Animated Buttons */
1470	.mysticky-welcomebar-btn a {
1471	-webkit-animation-duration: 1s;
1472	animation-duration: 1s;
1473	}
1474	@-webkit-keyframes flash {
1475	from,
1476	50%,
1477	to {
1478	opacity: 1;
1479	}
1480
1481	25%,
1482	75% {
1483	opacity: 0;
1484	}
1485	}
1486	@keyframes flash {
1487	from,
1488	50%,
1489	to {
1490	opacity: 1;
1491	}
1492
1493	25%,
1494	75% {
1495	opacity: 0;
1496	}
1497	}
1498	.mysticky-welcomebar-attention-flash.animation-start .mysticky-welcomebar-btn a {
1499	-webkit-animation-name: flash;
1500	animation-name: flash;
1501	}
1502
1503	@keyframes shake {
1504	from,
1505	to {
1506	-webkit-transform: translate3d(0, 0, 0);
1507	transform: translate3d(0, 0, 0);
1508	}
1509
1510	10%,
1511	30%,
1512	50%,
1513	70%,
1514	90% {
1515	-webkit-transform: translate3d(-10px, 0, 0);
1516	transform: translate3d(-10px, 0, 0);
1517	}
1518
1519	20%,
1520	40%,
1521	60%,
1522	80% {
1523	-webkit-transform: translate3d(10px, 0, 0);
1524	transform: translate3d(10px, 0, 0);
1525	}
1526	}
1527
1528	.mysticky-welcomebar-attention-shake.animation-start .mysticky-welcomebar-btn a {
1529	-webkit-animation-name: shake;
1530	animation-name: shake;
1531	}
1532
1533	@-webkit-keyframes swing {
1534	20% {
1535	-webkit-transform: rotate3d(0, 0, 1, 15deg);
1536	transform: rotate3d(0, 0, 1, 15deg);
1537	}
1538
1539	40% {
1540	-webkit-transform: rotate3d(0, 0, 1, -10deg);
1541	transform: rotate3d(0, 0, 1, -10deg);
1542	}
1543
1544	60% {
1545	-webkit-transform: rotate3d(0, 0, 1, 5deg);
1546	transform: rotate3d(0, 0, 1, 5deg);
1547	}
1548
1549	80% {
1550	-webkit-transform: rotate3d(0, 0, 1, -5deg);
1551	transform: rotate3d(0, 0, 1, -5deg);
1552	}
1553
1554	to {
1555	-webkit-transform: rotate3d(0, 0, 1, 0deg);
1556	transform: rotate3d(0, 0, 1, 0deg);
1557	}
1558	}
1559
1560	@keyframes swing {
1561	20% {
1562	-webkit-transform: rotate3d(0, 0, 1, 15deg);
1563	transform: rotate3d(0, 0, 1, 15deg);
1564	}
1565
1566	40% {
1567	-webkit-transform: rotate3d(0, 0, 1, -10deg);
1568	transform: rotate3d(0, 0, 1, -10deg);
1569	}
1570
1571	60% {
1572	-webkit-transform: rotate3d(0, 0, 1, 5deg);
1573	transform: rotate3d(0, 0, 1, 5deg);
1574	}
1575
1576	80% {
1577	-webkit-transform: rotate3d(0, 0, 1, -5deg);
1578	transform: rotate3d(0, 0, 1, -5deg);
1579	}
1580
1581	to {
1582	-webkit-transform: rotate3d(0, 0, 1, 0deg);
1583	transform: rotate3d(0, 0, 1, 0deg);
1584	}
1585	}
1586
1587	.mysticky-welcomebar-attention-swing.animation-start .mysticky-welcomebar-btn a {
1588	-webkit-transform-origin: top center;
1589	transform-origin: top center;
1590	-webkit-animation-name: swing;
1591	animation-name: swing;
1592	}
1593
1594	@-webkit-keyframes tada {
1595	from {
1596	-webkit-transform: scale3d(1, 1, 1);
1597	transform: scale3d(1, 1, 1);
1598	}
1599
1600	10%,
1601	20% {
1602	-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
1603	transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
1604	}
1605
1606	30%,
1607	50%,
1608	70%,
1609	90% {
1610	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
1611	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
1612	}
1613
1614	40%,
1615	60%,
1616	80% {
1617	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
1618	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
1619	}
1620
1621	to {
1622	-webkit-transform: scale3d(1, 1, 1);
1623	transform: scale3d(1, 1, 1);
1624	}
1625	}
1626
1627	@keyframes tada {
1628	from {
1629	-webkit-transform: scale3d(1, 1, 1);
1630	transform: scale3d(1, 1, 1);
1631	}
1632
1633	10%,
1634	20% {
1635	-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
1636	transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
1637	}
1638
1639	30%,
1640	50%,
1641	70%,
1642	90% {
1643	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
1644	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
1645	}
1646
1647	40%,
1648	60%,
1649	80% {
1650	-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
1651	transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
1652	}
1653
1654	to {
1655	-webkit-transform: scale3d(1, 1, 1);
1656	transform: scale3d(1, 1, 1);
1657	}
1658	}
1659
1660	.mysticky-welcomebar-attention-tada.animation-start .mysticky-welcomebar-btn a {
1661	-webkit-animation-name: tada;
1662	animation-name: tada;
1663	}
1664
1665	@-webkit-keyframes heartBeat {
1666	0% {
1667	-webkit-transform: scale(1);
1668	transform: scale(1);
1669	}
1670
1671	14% {
1672	-webkit-transform: scale(1.3);
1673	transform: scale(1.3);
1674	}
1675
1676	28% {
1677	-webkit-transform: scale(1);
1678	transform: scale(1);
1679	}
1680
1681	42% {
1682	-webkit-transform: scale(1.3);
1683	transform: scale(1.3);
1684	}
1685
1686	70% {
1687	-webkit-transform: scale(1);
1688	transform: scale(1);
1689	}
1690	}
1691
1692	@keyframes heartBeat {
1693	0% {
1694	-webkit-transform: scale(1);
1695	transform: scale(1);
1696	}
1697
1698	14% {
1699	-webkit-transform: scale(1.3);
1700	transform: scale(1.3);
1701	}
1702
1703	28% {
1704	-webkit-transform: scale(1);
1705	transform: scale(1);
1706	}
1707
1708	42% {
1709	-webkit-transform: scale(1.3);
1710	transform: scale(1.3);
1711	}
1712
1713	70% {
1714	-webkit-transform: scale(1);
1715	transform: scale(1);
1716	}
1717	}
1718
1719	.mysticky-welcomebar-attention-heartbeat.animation-start .mysticky-welcomebar-btn a {
1720	-webkit-animation-name: heartBeat;
1721	animation-name: heartBeat;
1722	-webkit-animation-duration: 1.3s;
1723	animation-duration: 1.3s;
1724	-webkit-animation-timing-function: ease-in-out;
1725	animation-timing-function: ease-in-out;
1726	}
1727
1728	@-webkit-keyframes wobble {
1729	from {
1730	-webkit-transform: translate3d(0, 0, 0);
1731	transform: translate3d(0, 0, 0);
1732	}
1733
1734	15% {
1735	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
1736	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
1737	}
1738
1739	30% {
1740	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
1741	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
1742	}
1743
1744	45% {
1745	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
1746	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
1747	}
1748
1749	60% {
1750	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
1751	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
1752	}
1753
1754	75% {
1755	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
1756	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
1757	}
1758
1759	to {
1760	-webkit-transform: translate3d(0, 0, 0);
1761	transform: translate3d(0, 0, 0);
1762	}
1763	}
1764
1765	@keyframes wobble {
1766	from {
1767	-webkit-transform: translate3d(0, 0, 0);
1768	transform: translate3d(0, 0, 0);
1769	}
1770
1771	15% {
1772	-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
1773	transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
1774	}
1775
1776	30% {
1777	-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
1778	transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
1779	}
1780
1781	45% {
1782	-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
1783	transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
1784	}
1785
1786	60% {
1787	-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
1788	transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
1789	}
1790
1791	75% {
1792	-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
1793	transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
1794	}
1795
1796	to {
1797	-webkit-transform: translate3d(0, 0, 0);
1798	transform: translate3d(0, 0, 0);
1799	}
1800	}
1801
1802	.mysticky-welcomebar-attention-wobble.animation-start .mysticky-welcomebar-btn a {
1803	-webkit-animation-name: wobble;
1804	animation-name: wobble;
1805	}
1806	@media only screen and (min-width: 768px) {
1807	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-fade.entry-effect {
1808	opacity: 1;
1809	}
1810	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-entry-effect-none.entry-effect {
1811	display: block;
1812	}
1813	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed ,
1814	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed {
1815	top: 0;
1816	}
1817	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed ,
1818	.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed {
1819	bottom: 0;
1820	}
1821	}
1822	@media only screen and (max-width: 767px) {
1823	.mysticky-welcomebar-display-mobile.mysticky-welcomebar-entry-effect-fade.entry-effect {
1824	opacity: 1;
1825	}
1826	.mysticky-welcomebar-display-mobile.mysticky-welcomebar-entry-effect-none.entry-effect {
1827	display: block;
1828	}
1829	.mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed ,
1830	.mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed {
1831	top: 0;
1832	}
1833	.mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed ,
1834	.mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-bottom.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed {
1835	bottom: 0;
1836	}
1837	.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
1838	display: none;
1839	}
1840	.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-mobile .mysticky-welcomebar-close {
1841	display: inline-block;
1842	}
1843	.mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
1844	display: none;
1845	}
1846	.mysticky-welcomebar-fixed.mysticky-welcomebar-btn-mobile .mysticky-welcomebar-btn {
1847	display: block;
1848	}
1849	}
1850	@media only screen and (max-width: 480px) {
1851	.mysticky-welcomebar-fixed-wrap {
1852	padding: 15px 36px 35px 10px;
1853	}
1854	.mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
1855	padding-left: 10px;
1856	}
1857	.mysticky-welcomebar-fixed .mysticky-welcomebar-close {
1858	right: 7px;
1859	}
1860	}
1861	</style>
1862	<?php
1863	}
1864	add_action( 'wp_footer', 'mysticky_welcome_bar_frontend' );