← All changes | admin/class-wpfnl-banner.php +339 -323 2.8.16 → 3.13.3 View file →

		@@ -1,5 +1,6 @@
1	1	<?php
	2	+
2	3	namespace WPFunnels\Admin\Banner;
3	4
4	5	/**
5	6	* SpecialOccasionBanner Class
		@@ -7,9 +8,10 @@
7	8	* This class is responsible for displaying a special occasion banner in the WordPress admin.
8	9	*
9	10	* @package WPFunnels\Admin\Banner
10	11	*/
11		-class SpecialOccasionBanner {
	12	+class SpecialOccasionBanner
	13	+{
12	14
13	15	/**
14	16	* The occasion identifier.
15	17	*
		@@ -15,9 +17,9 @@
15	17	*
16	18	* @var string
17	19	*/
18	20	private $occasion;
19		-
	21	+
20	22	/**
21	23	* The button link.
22	24	*
23	25	* @var string
		@@ -44,33 +46,48 @@
44	46	* @param string $occasion The occasion identifier.
45	47	* @param string $start_date The start date and time for displaying the banner.
46	48	* @param string $end_date The end date and time for displaying the banner.
47	49	*/
48		- public function __construct($occasion, $start_date, $end_date, $btn_link = '#' ) {
	50	+ public function __construct($occasion, $start_date, $end_date, $btn_link = '#')
	51	+ {
49	52	$this->occasion = $occasion;
50	53	$this->btn_link = $btn_link;
51	54	$this->start_date = strtotime($start_date);
52	55	$this->end_date = strtotime($end_date);
53	56
54		- if ( !defined('WPFNL_PRO_VERSION') && 'yes' === get_option( '_is_wpfnl_black_friday_promotion', 'yes' )) {
55		-
	57	+ if ('yes' === get_option('_is_show_us_banner', 'yes')) {
56	58	// Hook into the admin_notices action to display the banner
57	59	add_action('admin_notices', [$this, 'display_banner']);
58		-
59		- // Add styles
60	60	add_action('admin_head', array($this, 'add_styles'));
61	61	}
	62	+ }
62	63
63		-
	64	+ /**
	65	+ * Calculate time remaining until Halloween
	66	+ *
	67	+ * @return array Time remaining in days, hours, and minutes
	68	+ */
	69	+ public function wpf_get_promotion_banner_countdown()
	70	+ {
	71	+ $end_date = strtotime('2026-07-07 23:59:59');
	72	+ $now = current_time('timestamp');
	73	+ $diff = $end_date - $now;
	74	+
	75	+ return array(
	76	+ 'days' => floor($diff / (60 * 60 * 24)),
	77	+ 'hours' => floor(($diff % (60 * 60 * 24)) / (60 * 60)),
	78	+ 'mins' => floor(($diff % (60 * 60)) / 60),
	79	+ 'secs' => $diff % 60,
	80	+ );
64	81	}
65	82
66		-
67	83	/**
68	84	* Displays the special occasion banner if the current date and time are within the specified range.
69	85	*/
70		- public function display_banner() {
	86	+ public function display_banner()
	87	+ {
71	88	$screen = get_current_screen();
72		- $promotional_notice_pages = ['dashboard', 'plugins', 'toplevel_page_wp_funnels', 'wp-funnels_page_wpfnl_settings'];
	89	+ $promotional_notice_pages = ['dashboard', 'plugins', 'wpfunnels_page_store_checkout','wpfunnels_page_wp_funnels', 'wpfunnels_page_wpfunnels_integrations', 'wpfunnels_page_wpfnl_automations', 'wpfunnels_page_edit_funnel', 'wpfunnels_page_wpfnl_settings'];
73	90	$current_date_time = current_time('timestamp');
74	91
75	92	if (!in_array($screen->id, $promotional_notice_pages)) {
76	93	return;
		@@ -75,95 +92,129 @@
75	92	if (!in_array($screen->id, $promotional_notice_pages)) {
76	93	return;
77	94	}
78	95
79		- if ( $current_date_time < $this->start_date || $current_date_time > $this->end_date ) {
	96	+ if ($current_date_time < $this->start_date || $current_date_time > $this->end_date) {
80	97	return;
81	98	}
	99	+
82	100	// Calculate the time remaining in seconds
83	101	$time_remaining = $this->end_date - $current_date_time;
84	102
85		- ?>
86		- <div class="<?php echo esc_attr($this->occasion); ?>-banner notice">
87		- <div class="wpfnl-promotional-banner">
	103	+ $countdown = $this->wpf_get_promotion_banner_countdown();
	104	+ ?>
	105	+ <div class="gwpf-promotional-notice <?php echo esc_attr($this->occasion); ?>-banner notice">
	106	+ <div class="gwpf-tb__notification">
88	107	<div class="banner-overflow">
89		-
90		- <div class="wpfnl-promotional-banner-wrapper">
91		- <figure class="promotional-logo">
92		- <img src="<?php echo esc_url( WPFNL_URL.'admin/assets/images/blackfriday-logo.webp' ); ?>" alt="black friday logo" />
93		- </figure>
	108	+ <section class="gwpf-promotional-banner" aria-labelledby="US independence day offer">
	109	+ <div class="gwpf-container">
	110	+ <div class="promotional-banner">
	111	+ <div class="banner-content">
	112	+ <div class="banner-logo-area">
	113	+ <span class="us-flag">
	114	+ <img src="<?php echo WPFNL_DIR_URL . 'admin/assets/images/us-flag.webp'; ?>" alt="us-flag" width="117" height="70">
	115	+ </span>
	116	+ <span class="discount-text">
	117	+ <small><?php echo __('Happy 4th Of July!', 'wpfunnels'); ?></small>
	118	+ <?php echo __('Get 30% Off', 'wpfunnels'); ?>
	119	+ </span>
	120	+ </div>
94	121
95		- <div class="promotional-content">
96		- <h4>
97		- Super Sale <span>Is Live!</span>
98		- </h4>
99		- </div>
100		-
101		- <div class="promotional-discount">
102		- <figure>
103		- <img src="<?php echo esc_url( WPFNL_URL.'admin/assets/images/blackfriday-discount-percent.webp' ); ?>" alt="black friday 35% off" />
104		- </figure>
105		- </div>
	122	+ <div class="countdown-timer" id="wpf-promo-countdown">
	123	+ <div class="countdown-item">
	124	+ <span id="wpf-promo-days"><?php echo esc_html(str_pad($countdown['days'], 2, '0', STR_PAD_LEFT)); ?></span>
	125	+ <small><?php echo __('DAY', 'wpfunnels'); ?></small>
	126	+ </div>
	127	+ <div class="countdown-item">
	128	+ <span id="wpf-promo-hours"><?php echo esc_html(str_pad($countdown['hours'], 2, '0', STR_PAD_LEFT)); ?></span>
	129	+ <small><?php echo __('HR', 'wpfunnels'); ?></small>
	130	+ </div>
	131	+ <div class="countdown-item">
	132	+ <span id="wpf-promo-mins"><?php echo esc_html(str_pad($countdown['mins'], 2, '0', STR_PAD_LEFT)); ?></span>
	133	+ <small><?php echo __('MIN', 'wpfunnels'); ?></small>
	134	+ </div>
	135	+ <div class="countdown-item">
	136	+ <span id="wpf-promo-secs"><?php echo esc_html(str_pad($countdown['secs'], 2, '0', STR_PAD_LEFT)); ?></span>
	137	+ <small><?php echo __('SEC', 'wpfunnels'); ?></small>
	138	+ </div>
	139	+ </div>
106	140
107		- <div class="promotional-counter">
108		- <ul class="countdown" id="wpfnl_countdown">
109		- <li><span id="wpfnl_days">00</span> days</li>
110		- <li><span id="wpfnl_hours">00</span> hours</li>
111		- <li><span id="wpfnl_minutes">00</span> mins</li>
112		- <!-- <li><span id="seconds">59</span> seconds</li> -->
113		- </ul>
	141	+ <a href="<?php echo esc_url($this->btn_link); ?>" class="cta-button" role="button" aria-label="claim your deal" target="_blank">
	142	+ <?php
	143	+ echo __('Claim Your Deal', 'wpfunnels');
	144	+ ?>
	145	+ <svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none"><path d="M8 0.703124V8.29686C8 8.48334 7.93415 8.66218 7.81694 8.79405C7.69973 8.92591 7.54076 8.99999 7.375 8.99999C7.20924 8.99999 7.05027 8.92591 6.93306 8.79405C6.81585 8.66218 6.75 8.48334 6.75 8.29686V2.40061L1.06695 8.79406C0.949738 8.92592 0.790765 9 0.625004 9C0.459243 9 0.30027 8.92592 0.183059 8.79406C0.0658485 8.6622 0 8.48335 0 8.29687C0 8.11039 0.0658485 7.93155 0.183059 7.79968L5.86613 1.40625H0.625012C0.459252 1.40625 0.300281 1.33217 0.183071 1.20031C0.0658608 1.06845 1.28672e-05 0.889604 1.28672e-05 0.703124C1.28672e-05 0.516644 0.0658608 0.337802 0.183071 0.20594C0.300281 0.0740789 0.459252 0 0.625012 0L7.375 0C7.54076 0 7.69973 0.0740789 7.81694 0.20594C7.93415 0.337802 8 0.516644 8 0.703124Z" fill="#fff"/></svg>
	146	+ </a>
	147	+ </div>
	148	+ </div>
114	149	</div>
115		-
116		- <div class="get-plugin-btn">
117		- <a href="<?php echo esc_url($this->btn_link); ?>" target="_blank">
118		- Flat <span>35%</span> OFF
119		- </a>
120		- </div>
121		- </div>
	150	+ </section>
122	151	</div>
123	152
124	153	<button class="close-promotional-banner" type="button" aria-label="close banner">
125		- <svg width="12" height="13" fill="none" viewBox="0 0 12 13" xmlns="http://www.w3.org/2000/svg"><path stroke="#7A8B9A" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 1.97L1 11.96m0-9.99l10 9.99"/></svg>
	154	+ <svg width="12" height="13" fill="none" viewBox="0 0 12 13" xmlns="http://www.w3.org/2000/svg"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 1.97L1 11.96m0-9.99l10 9.99"/></svg>
126	155	</button>
127	156	</div>
128	157	</div>
	158	+ <!-- .gwpf-tb-notification end -->
129	159
130	160	<script>
131		- var timeRemaining = <?php echo esc_js($time_remaining); ?>;
	161	+ (function() {
	162	+ var countdownInterval;
132	163
133		- // Update the countdown every second
134		- setInterval(function() {
135		- var countdownElement = document.getElementById('wpfnl_countdown');
136		- var daysElement = document.getElementById('wpfnl_days');
137		- var hoursElement = document.getElementById('wpfnl_hours');
138		- var minutesElement = document.getElementById('wpfnl_minutes');
	164	+ function pad(num) {
	165	+ return String(num).padStart(2, '0');
	166	+ }
139	167
140		- // Decrease the remaining time
141		- timeRemaining--;
	168	+ function updateCountdown() {
	169	+ var endDate = new Date("2026-07-07 23:59:59").getTime();
	170	+ var now = new Date().getTime();
	171	+ var timeLeft = endDate - now;
142	172
143		- // Calculate new days, hours, and minutes
144		- var days = Math.floor(timeRemaining / (60 * 60 * 24));
145		- var hours = Math.floor((timeRemaining % (60 * 60 * 24)) / (60 * 60));
146		- var minutes = Math.floor((timeRemaining % (60 * 60)) / 60);
	173	+ if (timeLeft <= 0) {
	174	+ clearInterval(countdownInterval);
147	175
	176	+ var banner = document.querySelector('.gwpf-promotional-notice');
	177	+ if (banner) {
	178	+ banner.style.display = 'none';
	179	+ }
148	180
149		- // Format values with leading zeros
150		- days = (days < 10) ? '0' + days : days;
151		- hours = (hours < 10) ? '0' + hours : hours;
152		- minutes = (minutes < 10) ? '0' + minutes : minutes;
	181	+ return;
	182	+ }
153	183
154		- // Update the HTML
155		- daysElement.textContent = days;
156		- hoursElement.textContent = hours;
157		- minutesElement.textContent = minutes;
	184	+ var days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
	185	+ var hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
	186	+ var minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
	187	+ var seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
158	188
159		- // Check if the countdown has ended
160		- if (timeRemaining <= 0) {
161		- countdownElement.innerHTML = 'Campaign Ended';
	189	+ var daysElement = document.getElementById('wpf-promo-days');
	190	+ var hoursElement = document.getElementById('wpf-promo-hours');
	191	+ var minsElement = document.getElementById('wpf-promo-mins');
	192	+ var secsElement = document.getElementById('wpf-promo-secs');
	193	+
	194	+ if (daysElement) {
	195	+ daysElement.innerHTML = pad(days);
	196	+ }
	197	+
	198	+ if (hoursElement) {
	199	+ hoursElement.innerHTML = pad(hours);
	200	+ }
	201	+
	202	+ if (minsElement) {
	203	+ minsElement.innerHTML = pad(minutes);
	204	+ }
	205	+ if (secsElement) {
	206	+ secsElement.innerHTML = pad(seconds);
	207	+ }
162	208	}
163		- }, 1000); // Update every second
	209	+
	210	+ document.addEventListener('DOMContentLoaded', function() {
	211	+ updateCountdown();
	212	+ countdownInterval = setInterval(updateCountdown, 1000);
	213	+ });
	214	+ })();
164	215	</script>
165		- <?php
	216	+ <?php
166	217	}
167	218
168	219	/**
169	220	* Adds internal CSS styles for the special occasion banners.
		@@ -170,327 +221,292 @@
170	221	*/
171	222	public function add_styles() {
172	223	?>
173	224	<style type="text/css">
174		- @font-face {
175		- font-family: "Circular Std Bold";
176		- src: url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/circularstd-bold.woff2'; ?>) format("woff2"),
177		- url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/circularstd-bold.woff'; ?>) format("woff");
178		- font-weight: 700;
179		- font-style: normal;
180		- font-display: swap;
181		- }
182		-
183		- @font-face {
184		- font-family: "Circular Std Book";
185		- src: url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/CircularStd-Book.woff2'; ?>) format("woff2"),
186		- url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/CircularStd-Book.woff'; ?>) format("woff");
187		- font-weight: normal;
188		- font-style: normal;
189		- font-display: swap;
190		- }
191		-
192		- @font-face {
193		- font-family: "Inter";
194		- src: url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/Inter-Bold.woff2'; ?>) format("woff2"),
195		- url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/Inter-Bold.woff'; ?>) format("woff");
196		- font-weight: 700;
197		- font-style: normal;
198		- font-display: swap;
199		- }
200		-
201		- @font-face {
202		- font-family: 'Lexend Deca';
203		- src: url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/LexendDeca-SemiBold.woff2'; ?>) format("woff2"),
204		- url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/LexendDeca-SemiBold.woff'; ?>) format("woff");
205		- font-weight: 600;
206		- font-style: normal;
207		- font-display: swap;
208		- }
209		-
210		- @font-face {
211		- font-family: 'Lexend Deca';
212		- src: url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/LexendDeca-Bold.woff2'; ?>) format("woff2"),
213		- url(<?php echo plugin_dir_url(__FILE__).'assets/fonts/LexendDeca-Bold.woff'; ?>) format("woff");
214		- font-weight: 700;
215		- font-style: normal;
216		- font-display: swap;
217		- }
218		-
219		- .wpfnl-promotional-banner,
220		- .wpfnl-promotional-banner * {
	225	+ .gwpf-tb__notification,
	226	+ .gwpf-tb__notification * {
221	227	box-sizing: border-box;
222	228	}
223		-
224		- .wp-funnels_page_wpfnl_settings .wpfnl-promotional-banner,
225		- .toplevel_page_wp_funnels .wpfnl-promotional-banner {
226		- margin: 20px 0;
227		- width: calc(100% - 20px);
228		- }
229	229
230		- .wp-funnels_page_wpfnl_settings .black-friday-banner.notice,
231		- .toplevel_page_wp_funnels .black-friday-banner.notice {
232		- margin: 0;
233		- }
234		-
235		- .black-friday-banner.notice {
	230	+ .gwpf-promotional-notice.notice {
	231	+ display: block;
	232	+ background: none;
236	233	border: none;
	234	+ box-shadow: none;
237	235	padding: 0;
238		- display: block;
239		- background: transparent;
	236	+ margin: 0;
240	237	}
241	238
242		- .wpfnl-promotional-banner {
243		- background-color: #100E1A;
244		- width: 100%;
245		- background-image: url(<?php echo WPFNL_URL.'admin/assets/images/blckfriday-23-bg.webp'; ?>);
246		- background-position: center;
	239	+ .gwpf-tb__notification {
	240	+ width: calc(100% - 20px);
	241	+ margin: 20px 0 20px;
247	242	background-repeat: no-repeat;
248		- background-size: 100% 100%;
	243	+ background-size: cover;
249	244	position: relative;
250	245	border: none;
251		- padding: 9px 0;
252	246	box-shadow: none;
253	247	display: block;
	248	+ max-height: 110px;
254	249	}
255	250
256		- .wpfnl-promotional-banner .banner-overflow {
257		- overflow: hidden;
	251	+ .wpfunnels_page_wpfnl_settings .gwpf-tb__notification,
	252	+ .wpfunnels_page_wp_funnels .gwpf-tb__notification {
	253	+ width: calc(100% - 40px);
	254	+ margin: 20px 0 20px 20px;
	255	+ }
	256	+
	257	+ .gwpf-tb__notification .banner-overflow {
258	258	position: relative;
259	259	width: 100%;
	260	+ z-index: 1;
260	261	}
261	262
262		- .wpfnl-promotional-banner figure {
263		- margin: 0;
	263	+ /* ---banner style start--- */
	264	+ .gwpf-promotional-banner {
	265	+ position: relative;
	266	+ z-index: 1111;
	267	+ padding: 0;
	268	+ /* padding: 6px 0; */
	269	+ background: #7D4CEF;
	270	+ box-shadow: 0 1px 1px 0 rgba(32, 28, 254, 0.10);
264	271	}
265		-
266		- .wpfnl-promotional-banner-wrapper {
267		- display: flex;
268		- flex-flow: row wrap;
	272	+ .gwpf-promotional-banner .promotional-banner {
	273	+ /* padding: 12px 20px; */
	274	+ padding-top: 1px;
	275	+ text-align: center;
	276	+ font-size: 14px;
	277	+ line-height: 1.4;
	278	+ position: relative;
	279	+ height: 70px;
	280	+ }
	281	+ .gwpf-promotional-banner .banner-content {
	282	+ max-width: 1200px;
	283	+ margin: 0 auto;
	284	+ display: inline-flex;
269	285	align-items: center;
270		- justify-content: space-between;
271		- gap: 30px;
272		- max-width: 1400px;
273		- margin: 0 auto;
274		- padding: 0 15px;
275		- z-index: 1;
	286	+ justify-content: center;
	287	+ flex-wrap: wrap;
	288	+ gap: 70px;
	289	+ row-gap: 8px;
276	290	position: relative;
277		- height: 100%;
278	291	}
	292	+ .gwpf-promotional-banner .banner-logo-area {
	293	+ display: flex;
	294	+ align-items: center;
	295	+ gap: 17px;
	296	+ }
279	297
280		- .wpfnl-promotional-banner-wrapper .promotional-content {
281		- max-width: 420px;
282		- }
	298	+ .gwpf-promotional-banner .banner-logo-area img {
	299	+ display: block;
	300	+ position: relative;
	301	+ top: -1px;
	302	+ }
283	303
284		- .wpfnl-promotional-banner-wrapper .promotional-logo img {
285		- max-width: 230px;
286		- position: relative;
287		- top: 3px;
288		- }
	304	+ .gwpf-promotional-banner .discount-text {
	305	+ color: #FFF;
	306	+ font-family: 'Inter', sans-serif;
	307	+ font-size: 24px;
	308	+ font-weight: 700;
	309	+ line-height: 1.2;
	310	+ letter-spacing: -0.084px;
	311	+ display: flex;
	312	+ flex-flow: column;
	313	+ align-items: flex-start;
	314	+ gap: 7px;
289	315
290		- .wpfnl-promotional-banner-wrapper .promotional-content h4 {
291		- margin: 0;
292		- text-transform: none;
293		- color: #ED8136;
294		- font-family: 'Lexend Deca';
295		- font-size: 30px;
296		- font-style: normal;
297		- font-weight: 700;
298		- line-height: 1.37;
	316	+ }
	317	+
	318	+ .gwpf-promotional-banner .discount-text small {
	319	+ color: #FFF;
	320	+ font-family: 'Inter', sans-serif;
	321	+ font-size: 16px;
	322	+ font-weight: 500;
	323	+ line-height: 1;
	324	+ letter-spacing: -0.32px;
	325	+ }
	326	+ .gwpf-promotional-banner .banner-text {
	327	+ display: flex;
	328	+ align-items: center;
	329	+ flex-wrap: wrap;
	330	+ gap: 6px;
	331	+ row-gap: 0;
	332	+ justify-content: center;
	333	+ font-size: 15px;
	334	+ color: #100627;
	335	+ font-weight: 400;
	336	+ line-height: 1.4;
	337	+ text-transform: capitalize;
	338	+ letter-spacing: 0;
299	339	}
300		-
301		- .wpfnl-promotional-banner-wrapper .promotional-content h4 span {
	340	+ .gwpf-promotional-banner .banner-text svg {
302	341	display: block;
303		- color: #BEB4F4;
304		- font-family: 'Lexend Deca';
305		- font-size: 24px;
306		- font-style: normal;
307		- font-weight: 600;
308		- line-height: 1.1;
309		- letter-spacing: 1.68px;
310		- text-transform: uppercase;
311	342	}
312		-
313		- .promotional-discount {
314		- position: relative;
315		- top: 3px;
	343	+ .gwpf-promotional-banner .banner-text .highlighted-text {
	344	+ color: #ee8134;
	345	+ font-weight: 700;
316	346	}
317	347
318		- .wpfnl-promotional-banner-wrapper .countdown {
319		- position: relative;
320		- top: 3px;
	348	+ .gwpf-promotional-banner .countdown-timer {
	349	+ display: flex;
	350	+ align-items: center;
	351	+ gap: 2px;
321	352	}
322		- .wpfnl-promotional-banner-wrapper .countdown {
	353	+ .gwpf-promotional-banner .countdown-item {
323	354	display: flex;
324		- justify-content: center;
325		- gap: 20px;
326		- margin: 0;
327		- padding: 0;
	355	+ flex-direction: column;
	356	+ align-items: center;
	357	+ justify-content: center;
	358	+ gap: 4px;
	359	+ min-width: 50px;
	360	+ height: 50px;
	361	+ padding: 4px 6px;
	362	+ color: #fff;
	363	+ line-height: 1.2;
	364	+ border: 1px solid #8555f5;
	365	+ background: rgba(54, 30, 107, 0.40);
	366	+
328	367	}
329	368
330		- .wpfnl-promotional-banner-wrapper .countdown li {
331		- display: flex;
332		- flex-direction: column;
333		- text-align: center;
334		- width: 68.5px;
335		- font-size: 16px;
336		- list-style-type: none;
337		- font-family: "Circular Std Book";
338		- line-height: 1.2;
339		- font-weight: 500;
340		- letter-spacing: 1.6px;
	369	+ .gwpf-promotional-banner .countdown-item:first-child {
	370	+ border-radius: 4px 0 0 4px;
	371	+ }
	372	+
	373	+ .gwpf-promotional-banner .countdown-item:last-child {
	374	+ border-radius: 0 4px 4px 0;
	375	+ }
	376	+
	377	+ .gwpf-promotional-banner .countdown-item span {
	378	+ font-size: 20px;
	379	+ font-weight: 600;
	380	+ line-height: 1;
	381	+ font-family: 'Inter', sans-serif;
	382	+ }
	383	+ .gwpf-promotional-banner .countdown-item small {
341	384	text-transform: uppercase;
342		- text-align: center;
343		- color: #A89CC3;
344		- margin: 0;
	385	+ color: rgba(255, 255, 255, 0.80);
	386	+ text-align: center;
	387	+ font-family: Inter;
	388	+ font-size: 12px;
	389	+ font-weight: 400;
	390	+ line-height: 1;
	391	+ letter-spacing: 0.24px;
345	392	}
346		-
347		- .wpfnl-promotional-banner-wrapper .countdown li span {
348		- font-size: 44px;
349		- font-family: 'Inter', sans-serif;
350		- font-weight: 700;
351		- line-height: 1;
	393	+ .gwpf-promotional-banner .cta-button {
352	394	color: #fff;
353		- text-align: center;
354		- margin-bottom: 10px;
355		- padding: 4px 2px;
	395	+ font-size: 15px;
	396	+ font-style: normal;
	397	+ font-weight: 600;
	398	+ line-height: 1;
	399	+ text-decoration: none;
	400	+ display: inline-flex;
	401	+ align-items: center;
	402	+ gap: 5px;
	403	+ transition: all 0.2s ease;
	404	+ background: #F7941D;
	405	+ border-radius: 6px;
	406	+ padding: 12px 15px;
	407	+ font-family: 'Inter', sans-serif;
	408	+ }
	409	+ .gwpf-promotional-banner .cta-button svg {
	410	+ transition: transform 0.3s ease;
	411	+ }
356	412
357		- border-radius: 10px;
358		- border: 1px solid #FF0083;
359		- background: linear-gradient(148deg, #2A0856 21.92%, #140102 80.41%);
360		- box-shadow: 0px 5px 0px 0px #C90369;
361		-
	413	+ /* .gwpf-promotional-banner .cta-button:focus,
	414	+ .gwpf-promotional-banner .cta-button:visited {
	415	+ color: #3C1F7D !important;
362	416	}
	417	+ .gwpf-promotional-banner .cta-button:hover {
	418	+ color: #3C1F7D !important;
	419	+ }
	420	+ .gwpf-promotional-banner .cta-button:hover svg path {
	421	+ stroke: #3C1F7D;
	422	+ fill: #3C1F7D;
	423	+ } */
363	424
364		- .wpfnl-promotional-banner-wrapper .get-plugin-btn a {
	425	+ .gwpf-promotional-banner .cta-button:hover {
365	426	text-decoration: none;
366		- padding: 18px 31px 16px;
367		- border-radius: 15px;
368		- background: #ED8136;
369		- color: #FFF;
370		- text-align: center;
371		- font-family: 'Lexend Deca';
372		- font-size: 20px;
373		- font-weight: 700;
374		- line-height: 1;
375		- display: block;
376		- outline: none;
377		- box-shadow: none;
	427	+ color: #fff;
378	428	}
379		- .wpfnl-promotional-banner-wrapper .get-plugin-btn a:focus {
380		- outline: none;
381		- box-shadow: none;
	429	+ .gwpf-promotional-banner .cta-button:hover svg {
	430	+ transform: translateX(3px);
382	431	}
383	432
384		- .wpfnl-promotional-banner-wrapper .get-plugin-btn span {
385		- font-family: 'Lexend Deca';
386		- font-size: 26px;
387		- font-weight: 700;
388		- line-height: 1;
389		- }
390	433
391		- .wpfnl-promotional-banner .close-promotional-banner {
	434	+ .gwpf-tb__notification .close-promotional-banner {
392	435	position: absolute;
393		- top: -10px;
394		- right: -9px;
395		- background: #fff;
	436	+ top: 50%;
	437	+ right: 10px;
	438	+ transform: translateY(-50%);
	439	+ background: transparent;
396	440	border: none;
397		- padding: 8px 9px;
398		- border-radius: 50%;
	441	+ padding: 0;
	442	+ border-radius:0;
399	443	cursor: pointer;
	444	+ z-index: 9;
	445	+ width: 30px;
	446	+ height: 30px;
	447	+ display: flex;
	448	+ align-items: center;
	449	+ justify-content: center;
400	450	}
401	451
402		- .wpfnl-promotional-banner .close-promotional-banner svg {
	452	+ .gwpf-tb__notification .close-promotional-banner svg {
	453	+ width: 11px;
	454	+ height: 11px;
403	455	display: block;
404		- width: 10px;
405	456	}
406	457
407		- @media only screen and (max-width: 1399px) {
408		- .wpfnl-promotional-banner-wrapper .promotional-logo img {
409		- max-width: 180px;
410		- }
411		- .wpfnl-promotional-banner .promotional-discount img {
412		- max-width: 120px;
413		- }
	458	+ @media only screen and (max-width: 1199px) {
	459	+ .gwpf-promotional-banner .banner-content {
	460	+ gap: 40px;
	461	+ row-gap: 8px;
	462	+ }
	463	+ }
414	464
415		- .wpfnl-promotional-banner-wrapper .promotional-content h4 {
416		- font-size: 26px;
	465	+ @media only screen and (max-width: 991px) {
	466	+ .promotional-banner {
	467	+ padding: 16px 20px;
417	468	}
418		- .wpfnl-promotional-banner-wrapper .promotional-content h4 span {
419		- font-size: 20px;
420		- }
421	469
422		- .wpfnl-promotional-banner-wrapper .get-plugin-btn span {
423		- font-size: 22px;
	470	+ .gwpf-tb__notification {
	471	+ margin: 60px 0 20px;
424	472	}
425	473
426		- .wpfnl-promotional-banner-wrapper .countdown {
427		- gap: 10px;
	474	+ .gwpf-tb__notification .close-promotional-banner {
	475	+ width: 25px;
	476	+ height: 25px;
428	477	}
429		- .wpfnl-promotional-banner-wrapper .countdown li {
430		- width: 58px;
431		- font-size: 14px;
432		- }
433		- .wpfnl-promotional-banner-wrapper .countdown li span {
434		- font-size: 36px;
435		- box-shadow: 0px 3px 0px 0px #C90369;
436		- }
437		-
438		- .wpfnl-promotional-banner-wrapper .get-plugin-btn a {
439		- padding: 14px 18px 14px;
440		- font-size: 18px;
441		- font-weight: 600;
442		- border-radius: 10px;
443		- }
444	478	}
445	479
446		- @media only screen and (max-width: 1199px) {
447		- .wpfnl-promotional-banner-wrapper {
448		- gap: 24px;
	480	+ @media only screen and (max-width: 767px) {
	481	+ .wpvr-promotional-banner {
	482	+ padding-top: 20px;
	483	+ padding-bottom: 30px;
	484	+ max-height: none;
449	485	}
450	486
451		- .wpfnl-promotional-banner-wrapper .promotional-logo img {
452		- max-width: 140px;
	487	+ .wpvr-promotional-banner {
	488	+ max-height: none;
453	489	}
454		- .wpfnl-promotional-banner .promotional-discount img {
455		- max-width: 90px;
456		- }
	490	+ }
457	491
458		- .wpfnl-promotional-banner-wrapper .promotional-content h4 {
459		- font-size: 22px;
	492	+ @media only screen and (max-width: 575px) {
	493	+ .promotional-banner {
	494	+ padding: 16px 55px;
	495	+ font-size: 13px;
460	496	}
461		- .wpfnl-promotional-banner-wrapper .promotional-content h4 span {
462		- font-size: 17px;
	497	+ .gwpf-promotional-banner .halloween-bird-left {
	498	+ left: -12px;
	499	+ bottom: inherit;
	500	+ top: -5px;
463	501	}
464		-
465		- .wpfnl-promotional-banner-wrapper .countdown li {
466		- width: 47px;
467		- font-size: 11px;
	502	+ .gwpf-promotional-banner .halloween-bird-right {
	503	+ right: -12px;
	504	+ bottom: -7px;
	505	+ top: inherit;
468	506	}
469		- .wpfnl-promotional-banner-wrapper .countdown li span {
470		- font-size: 26px;
471		- }
472		-
473		- .wpfnl-promotional-banner-wrapper .get-plugin-btn a {
474		- padding: 12px 14px 11px;
475		- font-size: 15px;
476		- border-radius: 10px;
477		- }
478		- .wpfnl-promotional-banner-wrapper .get-plugin-btn span {
479		- font-size: 18px;
480		- }
481		-
482	507	}
483		-
484		- @media only screen and (max-width: 991px) {
485		- .wpfnl-promotional-banner-wrapper .promotional-logo img {
486		- max-width: 120px;
487		- }
488		- .wpfnl-promotional-banner .promotional-discount img {
489		- max-width: 75px;
490		- }
491		-
492		- }
493	508	</style>
494	509	<?php
495	510	}
496		-}
	511	+
	512	+}