PowerPress Podcasting plugin by Blubrry - Version 9.7

Version Description

  • Released on 10/31/2022
  • New subscribe page design
Download this release

Release Info

Developer benbeecroft
Plugin Icon 128x128 PowerPress Podcasting plugin by Blubrry
Version 9.7
Comparing to
See all releases

Code changes from version 9.6.1 to 9.7

Files changed (11) hide show
  1. class.powerpress-subscribe-widget.php +0 -18
  2. css/subscribe-widget.css +0 -192
  3. css/subscribe-widget.min.css +1 -1
  4. css/subscribe.css +78 -323
  5. css/subscribe.min.css +1 -1
  6. powerpress-subscribe.php +48 -61
  7. powerpress.php +2 -2
  8. powerpressadmin-jquery.php +5 -2
  9. powerpressadmin.php +0 -8
  10. readme.txt +5 -1
  11. views/settings_tab_appearance.php +1 -17
class.powerpress-subscribe-widget.php CHANGED
@@ -57,13 +57,6 @@ PowerPress subscribe sidebar widget
57
  if ( empty($instance['title']) ) {
58
  $instance['title'] = __( 'Subscribe to Podcast' , 'powerpress');
59
  }
60
- if(empty($instance['style'])) {
61
- if (empty($GeneralSettings['timestamp']) || $GeneralSettings['timestamp'] > 1570366800) {
62
- $instance['style'] = 'modern';
63
- } else {
64
- $instance['style'] = 'classic';
65
- }
66
- }
67
  if(empty($instance['modern_style'])) {
68
  $instance['modern_style'] = 'squared';
69
  }
@@ -88,13 +81,6 @@ PowerPress subscribe sidebar widget
88
  <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:' , 'powerpress'); ?></label>
89
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
90
  </p>
91
- <p>
92
- <label for="<?php echo $this->get_field_id( 'style' ); ?>"><?php esc_html_e( 'Style:' , 'powerpress'); ?></label>
93
- <select class="widefat" id="<?php echo $this->get_field_id( 'style' ); ?>" name="<?php echo $this->get_field_name( 'style' ); ?> ">
94
- <option value="modern" <?php echo selected($instance['style'], 'modern')?> >Modern</option>
95
- <option value="classic" <?php echo selected($instance['style'], 'classic') ?> >Classic</option>
96
- </select>
97
- </p>
98
  <p class="pp-sub-widget-p-modern-styles">
99
  <input type="radio" id="<?php echo $this->get_field_id('modern_style_square') ?>"
100
  name="<?php echo $this->get_field_name('modern_style') ?>" value="squared" <?php echo $instance['modern_style'] === 'squared' ? 'checked' : '' ?> />
@@ -168,7 +154,6 @@ PowerPress subscribe sidebar widget
168
 
169
  function update( $new_instance, $old_instance ) {
170
  $instance['title'] = strip_tags( $new_instance['title'] );
171
- $instance['style'] = strip_tags( $new_instance['style']);
172
  $instance['modern_style'] = strip_tags( $new_instance['modern_style']);
173
  $instance['modern_direction'] = strip_tags( $new_instance['modern_direction']);
174
  $instance['subscribe_type'] = strip_tags( $new_instance['subscribe_type'] ); // general, channel, category, post_type, ttid
@@ -229,9 +214,6 @@ PowerPress subscribe sidebar widget
229
  }
230
  $Settings = powerpresssubscribe_get_settings( $ExtraData, false );
231
  $Settings['modern_style'] = '-sq'; // Default to squared corners
232
- $Settings['style'] = '';
233
- if( isset($instance['style']) )
234
- $Settings['style'] = $instance['style'];
235
  if (defined('WP_DEBUG')) {
236
  if (WP_DEBUG) {
237
  wp_enqueue_style('powerpress_subscribe_widget_modern', plugin_dir_url(__FILE__) . 'css/subscribe-widget.css', array(), POWERPRESS_VERSION);
57
  if ( empty($instance['title']) ) {
58
  $instance['title'] = __( 'Subscribe to Podcast' , 'powerpress');
59
  }
 
 
 
 
 
 
 
60
  if(empty($instance['modern_style'])) {
61
  $instance['modern_style'] = 'squared';
62
  }
81
  <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php esc_html_e( 'Title:' , 'powerpress'); ?></label>
82
  <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $instance['title'] ); ?>" />
83
  </p>
 
 
 
 
 
 
 
84
  <p class="pp-sub-widget-p-modern-styles">
85
  <input type="radio" id="<?php echo $this->get_field_id('modern_style_square') ?>"
86
  name="<?php echo $this->get_field_name('modern_style') ?>" value="squared" <?php echo $instance['modern_style'] === 'squared' ? 'checked' : '' ?> />
154
 
155
  function update( $new_instance, $old_instance ) {
156
  $instance['title'] = strip_tags( $new_instance['title'] );
 
157
  $instance['modern_style'] = strip_tags( $new_instance['modern_style']);
158
  $instance['modern_direction'] = strip_tags( $new_instance['modern_direction']);
159
  $instance['subscribe_type'] = strip_tags( $new_instance['subscribe_type'] ); // general, channel, category, post_type, ttid
214
  }
215
  $Settings = powerpresssubscribe_get_settings( $ExtraData, false );
216
  $Settings['modern_style'] = '-sq'; // Default to squared corners
 
 
 
217
  if (defined('WP_DEBUG')) {
218
  if (WP_DEBUG) {
219
  wp_enqueue_style('powerpress_subscribe_widget_modern', plugin_dir_url(__FILE__) . 'css/subscribe-widget.css', array(), POWERPRESS_VERSION);
css/subscribe-widget.css CHANGED
@@ -8,11 +8,6 @@
8
  color: #707070;
9
  }
10
 
11
- .pp-ssb-widget-classic {
12
- font-family: Sans-serif;
13
- color: #FFFFFF;
14
- }
15
-
16
  /*Styling for round buttons*/
17
  a.pp-ssb-btn {
18
  width: 100%;
@@ -46,20 +41,6 @@ a.pp-ssb-btn {
46
  font-size: 80% !important;
47
  }
48
 
49
- .pp-ssb-widget-classic a.pp-ssb-btn {
50
- padding: 0;
51
- color: #FFFFFF;
52
- margin: 10px 0 10px 0;
53
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
54
- font-size: 90%;
55
- font-weight: bold;
56
- }
57
-
58
- .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn {
59
- font-size: 90% !important;
60
- font-weight: bold !important;
61
- }
62
-
63
  /*Styling for square buttons*/
64
  .pp-ssb-btn-sq {
65
  width: 100%;
@@ -90,21 +71,6 @@ body .pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn-sq {
90
  font-size: 80% !important;
91
  }
92
 
93
- body .pp-ssb-widget-classic a.pp-ssb-btn-sq {
94
- padding: 0;
95
- color: #FFFFFF;
96
- margin: 10px 0 10px 0;
97
- border-radius: 1px;
98
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
99
- font-size: 90%;
100
- font-weight: bold;
101
- }
102
-
103
- body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn-sq {
104
- font-size: 90% !important;
105
- font-weight: bold !important;
106
- }
107
-
108
  /*Responsive rules, so that buttons don't wrap and the Subscribe Page button is always displayed*/
109
  @media (max-width: 663px) and (min-width: 611px) {
110
  a.pp-ssb-btn-sq.horizontal:nth-child(n + 11) {
@@ -233,90 +199,6 @@ a.pp-ssb-btn.horizontal:last-child
233
  display:inline-block;
234
  }
235
 
236
- body .sidebar .widget .pp-ssb-widget-classic a:link,
237
- body .sidebar .widget .pp-ssb-widget-classic a:visited,
238
- body .sidebar .widget .pp-ssb-widget-classic a:active,
239
- body .sidebar .widget .pp-ssb-widget-classic a:hover,
240
- body .pp-ssb-widget-classic a.pp-ssb-btn:link,
241
- body .pp-ssb-widget-classic a.pp-ssb-btn:visited,
242
- body .pp-ssb-widget-classic a.pp-ssb-btn:active,
243
- body .pp-ssb-widget-classic a.pp-ssb-btn:hover {
244
- text-decoration: none;
245
- color: #FFFFFF;
246
- }
247
-
248
- body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:link,
249
- body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:visited,
250
- body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:active,
251
- body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:hover,
252
- body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:link,
253
- body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:visited,
254
- body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:active,
255
- body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:hover {
256
- text-decoration: none !important;
257
- color: #FFFFFF !important;
258
- }
259
-
260
- /*Background colors for classic buttons*/
261
- .pp-ssb-widget-dark a,
262
- .pp-ssb-widget-classic a {
263
- background-color: #222222;
264
- }
265
- .pp-ssb-widget-classic a.pp-ssb-itunes {
266
- background-color: #732BBE;
267
- }
268
- .pp-ssb-widget-classic a.pp-ssb-email {
269
- background-color: #337EC9;
270
- }
271
- .pp-ssb-widget-classic a.pp-ssb-stitcher {
272
- background-color: #197195;
273
- }
274
- .pp-ssb-widget-classic a.pp-ssb-tunein {
275
- background-color: #2CB6A8;
276
- }
277
- .pp-ssb-widget-classic a.pp-ssb-gp {
278
- background-color: #db3236;
279
- }
280
- .pp-ssb-widget-classic a.pp-ssb-spotify {
281
- background-color: #1db954;
282
- }
283
- .pp-ssb-widget-classic a.pp-ssb-android {
284
- background-color: #6AB344;
285
- }
286
- .pp-ssb-widget-classic a.pp-ssb-iheartradio {
287
- background-color: #960d16;
288
- }
289
- .pp-ssb-widget-classic a.pp-ssb-deezer {
290
- background-color: #007feb;
291
- }
292
- .pp-ssb-widget-classic a.pp-ssb-anghami {
293
- background-color: #a316b4;
294
- }
295
- .pp-ssb-widget-classic a.pp-ssb-pandora {
296
- background-color: #3668ff;
297
- }
298
- .pp-ssb-widget-classic a.pp-ssb-blubrry {
299
- background-color: #2278cf;
300
- }
301
- .pp-ssb-widget-classic a.pp-ssb-rss {
302
- background-color: #FF8800;
303
- }
304
- .pp-ssb-widget-classic a.pp-ssb-amazon {
305
- background-color: #4400ff;
306
- }
307
- .pp-ssb-widget-classic a.pp-ssb-pcindex {
308
- background-color: #AB0000;
309
- }
310
- .pp-ssb-widget-classic a.pp-ssb-jiosaavn {
311
- background-color: #2BC5B4;
312
- }
313
- .pp-ssb-widget-classic a.pp-ssb-podchaser {
314
- background-color: #000000;
315
- }
316
- .pp-ssb-widget-classic a.pp-ssb-gaana {
317
- background-color: #E62C2F;
318
- }
319
-
320
  .pp-ssb-widget-modern a .pp-ssb-text {
321
  position: relative;
322
  top: 4px;
@@ -459,80 +341,11 @@ a.pp-ssb-btn.horizontal {
459
  background-image: url('../images/modern_icon_sprite_2021.svg');
460
  }
461
 
462
- .pp-ssb-widget-classic a .pp-ssb-ic {
463
- margin-right: 2px;
464
- background-image: url('../images/classic_icon_sprite_2021.svg');
465
- }
466
-
467
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
468
  /* IE10+ CSS styles go here */
469
  .pp-ssb-widget-modern a .pp-ssb-ic {
470
  background-image: url('../images/modern-icon-sprite.png');
471
  }
472
- .pp-ssb-widget-classic a .pp-ssb-ic {
473
- background-image: url('../images/white_logos.png');
474
- width: 50px;
475
- background-size: 50px;
476
- }
477
- }
478
-
479
- /*Sprite background positions for classic buttons*/
480
- .pp-ssb-widget-classic .pp-ssb-itunes .pp-ssb-ic {
481
- background-position: 0 -10px;
482
- }
483
- .pp-ssb-widget-classic .pp-ssb-rss .pp-ssb-ic {
484
- background-position: 0 -360px;
485
- }
486
- .pp-ssb-widget-classic .pp-ssb-email .pp-ssb-ic {
487
- background-position: 0 -110px;
488
- }
489
- .pp-ssb-widget-classic .pp-ssb-android .pp-ssb-ic {
490
- background-position: 0 -60px;
491
- }
492
- .pp-ssb-widget-classic .pp-ssb-stitcher .pp-ssb-ic {
493
- background-position: 0 -210px;
494
- }
495
- .pp-ssb-widget-classic .pp-ssb-tunein .pp-ssb-ic {
496
- background-position: 0 -260px;
497
- }
498
- .pp-ssb-widget-classic .pp-ssb-spotify .pp-ssb-ic {
499
- background-position: 0 -310px;
500
- }
501
- .pp-ssb-widget-classic .pp-ssb-gp .pp-ssb-ic {
502
- background-position: 0 -160px;
503
- }
504
- .pp-ssb-widget-classic .pp-ssb-more .pp-ssb-ic {
505
- background-position: 0 -410px;
506
- }
507
- .pp-ssb-widget-classic .pp-ssb-iheartradio .pp-ssb-ic {
508
- background-position: 0 -460px;
509
- }
510
- .pp-ssb-widget-classic .pp-ssb-deezer .pp-ssb-ic {
511
- background-position: 0 -510px;
512
- }
513
- .pp-ssb-widget-classic .pp-ssb-anghami .pp-ssb-ic {
514
- background-position: 0 -1257px;
515
- }
516
- .pp-ssb-widget-classic .pp-ssb-pandora .pp-ssb-ic {
517
- background-position: 0 -560px;
518
- }
519
- .pp-ssb-widget-classic .pp-ssb-blubrry .pp-ssb-ic {
520
- background-position: 0 -610px;
521
- }
522
- .pp-ssb-widget-classic .pp-ssb-amazon .pp-ssb-ic {
523
- background-position: 0 -1010px;
524
- }
525
- .pp-ssb-widget-classic .pp-ssb-pcindex .pp-ssb-ic {
526
- background-position: 0 -1060px;
527
- }
528
- .pp-ssb-widget-classic .pp-ssb-jiosaavn .pp-ssb-ic {
529
- background-position: 0 -1110px;
530
- }
531
- .pp-ssb-widget-classic .pp-ssb-gaana .pp-ssb-ic {
532
- background-position: 0 -1210px;
533
- }
534
- .pp-ssb-widget-classic .pp-ssb-podchaser .pp-ssb-ic {
535
- background-position: 0 -1158px;
536
  }
537
 
538
  /*Sprite background positions for modern buttons*/
@@ -685,11 +498,6 @@ a.pp-ssb-btn.horizontal {
685
  background-position: 0 -405px;
686
  }
687
 
688
- .pp-ssb-widget-classic .pp-ssb-btn::after,
689
- .pp-ssb-widget-classic .pp-ssb-btn-sq::after {
690
- content: none;
691
- }
692
-
693
  .pp-ssb-widget-modern .pp-ssb-btn::after,
694
  .pp-ssb-widget-modern .pp-ssb-btn-sq::after {
695
  content: url("../images/arrow.svg");;
8
  color: #707070;
9
  }
10
 
 
 
 
 
 
11
  /*Styling for round buttons*/
12
  a.pp-ssb-btn {
13
  width: 100%;
41
  font-size: 80% !important;
42
  }
43
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  /*Styling for square buttons*/
45
  .pp-ssb-btn-sq {
46
  width: 100%;
71
  font-size: 80% !important;
72
  }
73
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
74
  /*Responsive rules, so that buttons don't wrap and the Subscribe Page button is always displayed*/
75
  @media (max-width: 663px) and (min-width: 611px) {
76
  a.pp-ssb-btn-sq.horizontal:nth-child(n + 11) {
199
  display:inline-block;
200
  }
201
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
202
  .pp-ssb-widget-modern a .pp-ssb-text {
203
  position: relative;
204
  top: 4px;
341
  background-image: url('../images/modern_icon_sprite_2021.svg');
342
  }
343
 
 
 
 
 
 
344
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
345
  /* IE10+ CSS styles go here */
346
  .pp-ssb-widget-modern a .pp-ssb-ic {
347
  background-image: url('../images/modern-icon-sprite.png');
348
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
349
  }
350
 
351
  /*Sprite background positions for modern buttons*/
498
  background-position: 0 -405px;
499
  }
500
 
 
 
 
 
 
501
  .pp-ssb-widget-modern .pp-ssb-btn::after,
502
  .pp-ssb-widget-modern .pp-ssb-btn-sq::after {
503
  content: url("../images/arrow.svg");;
css/subscribe-widget.min.css CHANGED
@@ -1 +1 @@
1
- .pp-ssb-widget{width:100%;margin:0 auto}.pp-ssb-widget-modern{font:Roboto;color:#707070}.pp-ssb-widget-classic{font-family:Sans-serif;color:#fff}a.pp-ssb-btn{width:100%;height:48px;display:inline-block;text-decoration:none;vertical-align:middle;line-height:48px;overflow:hidden;border-radius:50px}.pp-ssb-widget-include a.pp-ssb-btn{text-align:left}.pp-ssb-widget-modern a.pp-ssb-btn{color:#707070;margin:6px 0 6px 0;border:1px solid #c4c4c4;font:15px arial,sans-serif;padding-right:20px;background-position:center;transition:background .8s;background-color:#fff;font-size:80%}.pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn{font-size:80%!important}.pp-ssb-widget-classic a.pp-ssb-btn{padding:0;color:#fff;margin:10px 0 10px 0;box-shadow:0 1px 4px rgba(0,0,0,.2);font-size:90%;font-weight:700}.pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn{font-size:90%!important;font-weight:700!important}.pp-ssb-btn-sq{width:100%;height:48px;display:inline-block;text-decoration:none;vertical-align:middle;line-height:48px;overflow:hidden}.pp-ssb-btn-include .pp-ssb-btn-sq{text-align:left}body .pp-ssb-widget-modern a.pp-ssb-btn-sq{color:#707070;margin:6px 0 6px 0;border:1px solid #c4c4c4;font:15px arial,sans-serif;background-position:center;transition:background .8s;background-color:#fff;font-size:80%}body .pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn-sq{font-size:80%!important}body .pp-ssb-widget-classic a.pp-ssb-btn-sq{padding:0;color:#fff;margin:10px 0 10px 0;border-radius:1px;box-shadow:0 1px 4px rgba(0,0,0,.2);font-size:90%;font-weight:700}body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn-sq{font-size:90%!important;font-weight:700!important}@media (max-width:663px) and (min-width:611px){a.pp-ssb-btn-sq.horizontal:nth-child(n+11){display:none}}@media (max-width:611px) and (min-width:559px){a.pp-ssb-btn-sq.horizontal:nth-child(n+10){display:none}}@media (max-width:559px) and (min-width:507px){a.pp-ssb-btn-sq.horizontal:nth-child(n+9){display:none}}@media (max-width:507px) and (min-width:455px){a.pp-ssb-btn-sq.horizontal:nth-child(n+8){display:none}}@media (max-width:455px) and (min-width:403px){a.pp-ssb-btn-sq.horizontal:nth-child(n+7){display:none}}@media (max-width:403px) and (min-width:351px){a.pp-ssb-btn-sq.horizontal:nth-child(n+6){display:none}}@media (max-width:351px) and (min-width:299px){a.pp-ssb-btn-sq.horizontal:nth-child(n+5){display:none}}@media (max-width:299px) and (min-width:247px){a.pp-ssb-btn-sq.horizontal:nth-child(n+4){display:none}}@media (max-width:247px) and (min-width:195px){a.pp-ssb-btn-sq.horizontal:nth-child(n+3){display:none}}@media (max-width:195px){a.pp-ssb-btn-sq.horizontal:nth-child(n+2){display:none}}@media (max-width:992px) and (min-width:721px){a.pp-ssb-btn.horizontal:nth-child(n+11){display:none}}@media (max-width:721px) and (min-width:659px){a.pp-ssb-btn.horizontal:nth-child(n+10){display:none}}@media (max-width:659px) and (min-width:597px){a.pp-ssb-btn.horizontal:nth-child(n+9){display:none}}@media (max-width:597px) and (min-width:535px){a.pp-ssb-btn.horizontal:nth-child(n+8){display:none}}@media (max-width:535px) and (min-width:473px){a.pp-ssb-btn.horizontal:nth-child(n+7){display:none}}@media (max-width:473px) and (min-width:411px){a.pp-ssb-btn.horizontal:nth-child(n+6){display:none}}@media (max-width:411px) and (min-width:349px){a.pp-ssb-btn.horizontal:nth-child(n+5){display:none}}@media (max-width:349px) and (min-width:287px){a.pp-ssb-btn.horizontal:nth-child(n+4){display:none}}@media (max-width:287px) and (min-width:225px){a.pp-ssb-btn.horizontal:nth-child(n+3){display:none}}@media (max-width:225px){a.pp-ssb-btn.horizontal:nth-child(n+2){display:none}}a.pp-ssb-btn-sq.horizontal:last-child,a.pp-ssb-btn.horizontal:last-child{display:inline-block}body .pp-ssb-widget-classic a.pp-ssb-btn:active,body .pp-ssb-widget-classic a.pp-ssb-btn:hover,body .pp-ssb-widget-classic a.pp-ssb-btn:link,body .pp-ssb-widget-classic a.pp-ssb-btn:visited,body .sidebar .widget .pp-ssb-widget-classic a:active,body .sidebar .widget .pp-ssb-widget-classic a:hover,body .sidebar .widget .pp-ssb-widget-classic a:link,body .sidebar .widget .pp-ssb-widget-classic a:visited{text-decoration:none;color:#fff}body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:active,body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:hover,body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:link,body .pp-ssb-widget-classic.pp-ssb-widget-include a.pp-ssb-btn:visited,body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:active,body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:hover,body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:link,body .sidebar .widget .pp-ssb-widget-classic.pp-ssb-widget-include a:visited{text-decoration:none!important;color:#fff!important}.pp-ssb-widget-classic a,.pp-ssb-widget-dark a{background-color:#222}.pp-ssb-widget-classic a.pp-ssb-itunes{background-color:#732bbe}.pp-ssb-widget-classic a.pp-ssb-email{background-color:#337ec9}.pp-ssb-widget-classic a.pp-ssb-stitcher{background-color:#197195}.pp-ssb-widget-classic a.pp-ssb-tunein{background-color:#2cb6a8}.pp-ssb-widget-classic a.pp-ssb-gp{background-color:#db3236}.pp-ssb-widget-classic a.pp-ssb-spotify{background-color:#1db954}.pp-ssb-widget-classic a.pp-ssb-android{background-color:#6ab344}.pp-ssb-widget-classic a.pp-ssb-iheartradio{background-color:#960d16}.pp-ssb-widget-classic a.pp-ssb-deezer{background-color:#007feb}.pp-ssb-widget-classic a.pp-ssb-anghami{background-color:#a316b4}.pp-ssb-widget-classic a.pp-ssb-pandora{background-color:#3668ff}.pp-ssb-widget-classic a.pp-ssb-blubrry{background-color:#2278cf}.pp-ssb-widget-classic a.pp-ssb-rss{background-color:#f80}.pp-ssb-widget-classic a.pp-ssb-amazon{background-color:#40f}.pp-ssb-widget-classic a.pp-ssb-pcindex{background-color:#ab0000}.pp-ssb-widget-classic a.pp-ssb-jiosaavn{background-color:#2bc5b4}.pp-ssb-widget-classic a.pp-ssb-podchaser{background-color:#000}.pp-ssb-widget-classic a.pp-ssb-gaana{background-color:#e62c2f}.pp-ssb-widget-modern a .pp-ssb-text{position:relative;top:4px}.pp-ssb-widget-modern a.pp-ssb-btn-sq:hover,.pp-ssb-widget-modern a.pp-ssb-btn:hover{background:#ebebeb radial-gradient(circle,transparent 1%,#ebebeb 1%) center/15000%;color:#444}.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn:active{background-color:#ab42df;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn:active{background-color:#75ba26;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn:active{background-color:#018c8b;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn:active{background-color:#f9ba01;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn:active{background-color:#2b91c9;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn:active{background-color:#1c1f3d;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn:active{background-color:#3eb559;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn:active{background-color:#960d16;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn:active{background-color:#007feb;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn:active{background-color:#a316b4;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn:active{background-color:#3668ff;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-blubrry.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-blubrry.pp-ssb-btn:active{background-color:#2278cf;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn:active{background-color:#f60;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn:active{background-color:#40f;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn:active{background-color:#ab0000;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn:active{background-color:#2bc5b4;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn:active{background-color:#e62c2f;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn:active{background-color:#000;background-size:100%;transition:background 0s}.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn:active{background-color:#333;background-size:100%;transition:background 0s}.horizontal .pp-ssb-text{display:none}a.pp-ssb-btn-sq.horizontal,a.pp-ssb-btn.horizontal{width:auto}a.pp-ssb-btn-sq.horizontal,a.pp-ssb-btn.horizontal{padding-right:0}.pp-ssb-widget-include a.pp-ssb-btn-sq.horizontal,.pp-ssb-widget-include a.pp-ssb-btn.horizontal{padding-right:0!important}a.pp-ssb-btn.horizontal{margin-right:10px}.pp-ssb-ic{display:inline-block;width:50px;height:38px;margin-top:2px;border:0;vertical-align:middle;padding-left:15px;background-repeat:no-repeat;background-size:50px}.pp-ssb-widget-modern a .pp-ssb-ic{background-image:url(../images/modern_icon_sprite_2021.svg)}.pp-ssb-widget-classic a .pp-ssb-ic{margin-right:2px;background-image:url(../images/classic_icon_sprite_2021.svg)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.pp-ssb-widget-modern a .pp-ssb-ic{background-image:url(../images/modern-icon-sprite.png)}.pp-ssb-widget-classic a .pp-ssb-ic{background-image:url(../images/white_logos.png);width:50px;background-size:50px}}.pp-ssb-widget-classic .pp-ssb-itunes .pp-ssb-ic{background-position:0 -10px}.pp-ssb-widget-classic .pp-ssb-rss .pp-ssb-ic{background-position:0 -360px}.pp-ssb-widget-classic .pp-ssb-email .pp-ssb-ic{background-position:0 -110px}.pp-ssb-widget-classic .pp-ssb-android .pp-ssb-ic{background-position:0 -60px}.pp-ssb-widget-classic .pp-ssb-stitcher .pp-ssb-ic{background-position:0 -210px}.pp-ssb-widget-classic .pp-ssb-tunein .pp-ssb-ic{background-position:0 -260px}.pp-ssb-widget-classic .pp-ssb-spotify .pp-ssb-ic{background-position:0 -310px}.pp-ssb-widget-classic .pp-ssb-gp .pp-ssb-ic{background-position:0 -160px}.pp-ssb-widget-classic .pp-ssb-more .pp-ssb-ic{background-position:0 -410px}.pp-ssb-widget-classic .pp-ssb-iheartradio .pp-ssb-ic{background-position:0 -460px}.pp-ssb-widget-classic .pp-ssb-deezer .pp-ssb-ic{background-position:0 -510px}.pp-ssb-widget-classic .pp-ssb-anghami .pp-ssb-ic{background-position:0 -1257px}.pp-ssb-widget-classic .pp-ssb-pandora .pp-ssb-ic{background-position:0 -560px}.pp-ssb-widget-classic .pp-ssb-blubrry .pp-ssb-ic{background-position:0 -610px}.pp-ssb-widget-classic .pp-ssb-amazon .pp-ssb-ic{background-position:0 -1010px}.pp-ssb-widget-classic .pp-ssb-pcindex .pp-ssb-ic{background-position:0 -1060px}.pp-ssb-widget-classic .pp-ssb-jiosaavn .pp-ssb-ic{background-position:0 -1110px}.pp-ssb-widget-classic .pp-ssb-gaana .pp-ssb-ic{background-position:0 -1210px}.pp-ssb-widget-classic .pp-ssb-podchaser .pp-ssb-ic{background-position:0 -1158px}.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #ab42df;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-itunes .pp-ssb-ic{background-position:0 -5px}.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #75ba26;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-android .pp-ssb-ic{background-position:0 -55px}.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #018c8b;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-email .pp-ssb-ic{background-position:0 -106px}.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #f9ba01;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-gp .pp-ssb-ic{background-position:0 -155px}.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #2b91c9;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-stitcher .pp-ssb-ic{background-position:0 -205px}.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #1c1f3d;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-tunein .pp-ssb-ic{background-position:0 -255px}.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #3eb559;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-spotify .pp-ssb-ic{background-position:0 -307px}.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #960d16;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-iheartradio .pp-ssb-ic{background-position:0 -456px}.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #007feb;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-deezer .pp-ssb-ic{background-position:0 -507px}.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #a316b4;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-anghami .pp-ssb-ic{background-position:0 -1254px}.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #3668ff;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-pandora .pp-ssb-ic{background-position:0 -555px}.pp-ssb-widget-modern .pp-ssb-blubrry.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #2278cf;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-blubrry .pp-ssb-ic{background-position:0 -605px}.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #f60;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-rss .pp-ssb-ic{background-position:0 -355px}.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #40f;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-amazon .pp-ssb-ic{background-position:0 -1007px}.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #ab0000;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-pcindex .pp-ssb-ic{background-position:0 -1057px}.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #2bc5b4;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-jiosaavn .pp-ssb-ic{background-position:0 -1107px}.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #e62c2f;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-gaana .pp-ssb-ic{background-position:0 -1203px}.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #000;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-podchaser .pp-ssb-ic{background-position:0 -1153px}.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #333;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-more .pp-ssb-ic{background-position:0 -405px}.pp-ssb-widget-classic .pp-ssb-btn-sq::after,.pp-ssb-widget-classic .pp-ssb-btn::after{content:none}.pp-ssb-widget-modern .pp-ssb-btn-sq::after,.pp-ssb-widget-modern .pp-ssb-btn::after{content:url(../images/arrow.svg);width:20px;display:inline-block;float:right;margin-top:16px}.horizontal.pp-ssb-btn-sq::after,.horizontal.pp-ssb-btn::after{content:none}.pp-ssb-nm{line-height:46px;padding-left:10px}.go img{height:8px;width:30px;float:right;margin-top:20px;margin-right:10px}
1
+ .pp-ssb-btn-sq,a.pp-ssb-btn{width:100%;height:48px;display:inline-block;text-decoration:none;overflow:hidden;vertical-align:middle}.pp-ssb-btn-sq,.pp-ssb-ic,a.pp-ssb-btn{vertical-align:middle}.pp-ssb-widget{width:100%;margin:0 auto}.pp-ssb-widget-modern{color:#707070}a.pp-ssb-btn{line-height:48px;border-radius:50px}.pp-ssb-widget-modern a.pp-ssb-btn,body .pp-ssb-widget-modern a.pp-ssb-btn-sq{color:#707070;margin:6px 0;border:1px solid #c4c4c4;background-position:center;transition:background .8s;background-color:#fff}.pp-ssb-btn-include .pp-ssb-btn-sq,.pp-ssb-widget-include a.pp-ssb-btn{text-align:left}.pp-ssb-widget-modern a.pp-ssb-btn{font:80% arial,sans-serif;padding-right:20px}.go img,a.pp-ssb-btn.horizontal{margin-right:10px}.pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn,body .pp-ssb-widget-modern.pp-ssb-widget-include a.pp-ssb-btn-sq{font-size:80%!important}.pp-ssb-btn-sq{line-height:48px}body .pp-ssb-widget-modern a.pp-ssb-btn-sq{font:80% arial,sans-serif}@media (max-width:663px) and (min-width:611px){a.pp-ssb-btn-sq.horizontal:nth-child(n+11){display:none}}@media (max-width:611px) and (min-width:559px){a.pp-ssb-btn-sq.horizontal:nth-child(n+10){display:none}}@media (max-width:559px) and (min-width:507px){a.pp-ssb-btn-sq.horizontal:nth-child(n+9){display:none}}@media (max-width:507px) and (min-width:455px){a.pp-ssb-btn-sq.horizontal:nth-child(n+8){display:none}}@media (max-width:455px) and (min-width:403px){a.pp-ssb-btn-sq.horizontal:nth-child(n+7){display:none}}@media (max-width:403px) and (min-width:351px){a.pp-ssb-btn-sq.horizontal:nth-child(n+6){display:none}}@media (max-width:351px) and (min-width:299px){a.pp-ssb-btn-sq.horizontal:nth-child(n+5){display:none}}@media (max-width:299px) and (min-width:247px){a.pp-ssb-btn-sq.horizontal:nth-child(n+4){display:none}}@media (max-width:247px) and (min-width:195px){a.pp-ssb-btn-sq.horizontal:nth-child(n+3){display:none}}@media (max-width:195px){a.pp-ssb-btn-sq.horizontal:nth-child(n+2){display:none}}@media (max-width:992px) and (min-width:721px){a.pp-ssb-btn.horizontal:nth-child(n+11){display:none}}@media (max-width:721px) and (min-width:659px){a.pp-ssb-btn.horizontal:nth-child(n+10){display:none}}@media (max-width:659px) and (min-width:597px){a.pp-ssb-btn.horizontal:nth-child(n+9){display:none}}@media (max-width:597px) and (min-width:535px){a.pp-ssb-btn.horizontal:nth-child(n+8){display:none}}@media (max-width:535px) and (min-width:473px){a.pp-ssb-btn.horizontal:nth-child(n+7){display:none}}@media (max-width:473px) and (min-width:411px){a.pp-ssb-btn.horizontal:nth-child(n+6){display:none}}@media (max-width:411px) and (min-width:349px){a.pp-ssb-btn.horizontal:nth-child(n+5){display:none}}@media (max-width:349px) and (min-width:287px){a.pp-ssb-btn.horizontal:nth-child(n+4){display:none}}@media (max-width:287px) and (min-width:225px){a.pp-ssb-btn.horizontal:nth-child(n+3){display:none}}@media (max-width:225px){a.pp-ssb-btn.horizontal:nth-child(n+2){display:none}}.pp-ssb-ic,a.pp-ssb-btn-sq.horizontal:last-child,a.pp-ssb-btn.horizontal:last-child{display:inline-block}.pp-ssb-widget-modern a .pp-ssb-text{position:relative;top:4px}.pp-ssb-widget-modern a.pp-ssb-btn-sq:hover,.pp-ssb-widget-modern a.pp-ssb-btn:hover{background:radial-gradient(circle,transparent 1%,#ebebeb 1%) center/15000% #ebebeb;color:#444}.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn:active{background-color:#ab42df;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn:active{background-color:#75ba26;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn:active{background-color:#018c8b;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn:active{background-color:#f9ba01;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn:active{background-color:#2b91c9;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn:active{background-color:#1c1f3d;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn:active{background-color:#3eb559;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn:active{background-color:#960d16;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn:active{background-color:#007feb;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn:active{background-color:#a316b4;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn:active{background-color:#3668ff;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-blubrry.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-blubrry.pp-ssb-btn:active{background-color:#2278cf;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn:active{background-color:#f60;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn:active{background-color:#40f;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn:active{background-color:#ab0000;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn:active{background-color:#2bc5b4;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn:active{background-color:#e62c2f;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn:active{background-color:#000;background-size:100%;transition:background}.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn-sq:active,.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn:active{background-color:#333;background-size:100%;transition:background}.horizontal .pp-ssb-text{display:none}a.pp-ssb-btn-sq.horizontal,a.pp-ssb-btn.horizontal{width:auto;padding-right:0}.pp-ssb-widget-include a.pp-ssb-btn-sq.horizontal,.pp-ssb-widget-include a.pp-ssb-btn.horizontal{padding-right:0!important}.pp-ssb-ic{width:50px;height:38px;margin-top:2px;border:0;padding-left:15px;background-repeat:no-repeat;background-size:50px}.pp-ssb-widget-modern a .pp-ssb-ic{background-image:url('../images/modern_icon_sprite_2021.svg')}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.pp-ssb-widget-modern a .pp-ssb-ic{background-image:url('../images/modern-icon-sprite.png')}}.pp-ssb-widget-modern .pp-ssb-itunes.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #ab42df;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-itunes .pp-ssb-ic{background-position:0 -5px}.pp-ssb-widget-modern .pp-ssb-android.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #75ba26;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-android .pp-ssb-ic{background-position:0 -55px}.pp-ssb-widget-modern .pp-ssb-email.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #018c8b;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-email .pp-ssb-ic{background-position:0 -106px}.pp-ssb-widget-modern .pp-ssb-gp.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #f9ba01;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-gp .pp-ssb-ic{background-position:0 -155px}.pp-ssb-widget-modern .pp-ssb-stitcher.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #2b91c9;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-stitcher .pp-ssb-ic{background-position:0 -205px}.pp-ssb-widget-modern .pp-ssb-tunein.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #1c1f3d;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-tunein .pp-ssb-ic{background-position:0 -255px}.pp-ssb-widget-modern .pp-ssb-spotify.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #3eb559;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-spotify .pp-ssb-ic{background-position:0 -307px}.pp-ssb-widget-modern .pp-ssb-iheartradio.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #960d16;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-iheartradio .pp-ssb-ic{background-position:0 -456px}.pp-ssb-widget-modern .pp-ssb-deezer.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #007feb;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-deezer .pp-ssb-ic{background-position:0 -507px}.pp-ssb-widget-modern .pp-ssb-anghami.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #a316b4;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-anghami .pp-ssb-ic{background-position:0 -1254px}.pp-ssb-widget-modern .pp-ssb-pandora.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #3668ff;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-pandora .pp-ssb-ic{background-position:0 -555px}.pp-ssb-widget-modern .pp-ssb-blubrry.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #2278cf;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-blubrry .pp-ssb-ic{background-position:0 -605px}.pp-ssb-widget-modern .pp-ssb-rss.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #f60;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-rss .pp-ssb-ic{background-position:0 -355px}.pp-ssb-widget-modern .pp-ssb-amazon.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #40f;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-amazon .pp-ssb-ic{background-position:0 -1007px}.pp-ssb-widget-modern .pp-ssb-pcindex.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #ab0000;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-pcindex .pp-ssb-ic{background-position:0 -1057px}.pp-ssb-widget-modern .pp-ssb-jiosaavn.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #2bc5b4;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-jiosaavn .pp-ssb-ic{background-position:0 -1107px}.pp-ssb-widget-modern .pp-ssb-gaana.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #e62c2f;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-gaana .pp-ssb-ic{background-position:0 -1203px}.pp-ssb-widget-modern .pp-ssb-podchaser.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #000;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-podchaser .pp-ssb-ic{background-position:0 -1153px}.pp-ssb-widget-modern .pp-ssb-more.pp-ssb-btn-sq:not(.horizontal){border-left:3px solid #333;padding-right:10px}.pp-ssb-widget-modern .pp-ssb-more .pp-ssb-ic{background-position:0 -405px}.pp-ssb-widget-modern .pp-ssb-btn-sq::after,.pp-ssb-widget-modern .pp-ssb-btn::after{content:url("../images/arrow.svg");width:20px;display:inline-block;float:right;margin-top:16px}.horizontal.pp-ssb-btn-sq::after,.horizontal.pp-ssb-btn::after{content:none}.pp-ssb-nm{line-height:46px;padding-left:10px}.go img{height:8px;width:30px;float:right;margin-top:20px}
css/subscribe.css CHANGED
@@ -2,12 +2,15 @@
2
 
3
  .pp-sub-widget {
4
  width: 100%;
5
- max-width: 800px;
6
  margin: 10px auto;
7
- font-family: Sans-serif;
8
  background-color: #FFFFFF;
9
- box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
10
- padding: 10px 10px;
 
 
 
 
11
  }
12
  .pp-sub-widget .pp-sub-bx {
13
  -webkit-column-count: 2;
@@ -31,14 +34,16 @@
31
  font-weight: bold;
32
  margin: 10px 10px 0 10px;
33
  padding: 0;
34
- font-size: 200%;
35
- color: rgb(0, 51, 102);
 
36
  }
37
  .pp-sub-widget-include div.pp-sub-t {
38
  margin: 15px 10px 0 10px !important;
39
  padding: 0 !important;
40
- font-size: 200% !important;
41
- color: rgb(0, 51, 102) !important;
 
42
  }
43
  .pp-sub-widget p.pp-sub-st {
44
  margin: 5px 10px 0 10px;
@@ -52,86 +57,88 @@
52
  font-size: 100% !important;
53
  color: #222222 !important;
54
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
55
 
56
- /*Styling for square buttons, classic and modern*/
57
  .pp-sub-widget a.pp-sub-btn-sq {
58
- height: 48px;
59
  display: inline-block;
60
  text-decoration: none;
61
  vertical-align: middle;
62
- line-height: 48px;
63
  overflow: hidden;
64
- width: 100%;
 
 
65
  }
66
  .pp-sub-widget-include a.pp-sub-btn-sq {
67
- width: 100% !important;
68
  }
69
  .pp-sub-widget-modern a.pp-sub-btn-sq {
70
- color: #707070;
71
- margin: 6px 0 6px 0;
72
- border-top: 1px solid #C4C4C4;
73
- border-right: 1px solid #C4C4C4;
74
- border-bottom: 1px solid #C4C4C4;
75
- font: 15px arial, sans-serif;
76
- padding-right: 10px;
77
  background-position: center;
78
  transition: background 0.8s;
79
- font-size: 80%;
80
- }
81
- .pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn-sq {
82
- font-size: 80% !important;
83
- }
84
- .pp-sub-widget-classic a.pp-sub-btn-sq, .pp-sub-widget-dark a.pp-sub-btn-sq {
85
- color: #FFFFFF;
86
- padding: 0px 0px 0px 0px;
87
- margin: 10px 0 10px 0;
88
- border-radius: 1px;
89
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
90
- font-size: 90%;
91
  font-weight: bold;
92
  }
93
- .pp-sub-widget-classic.pp-sub-widget-include a.pp-sub-btn-sq, .pp-sub-widget-dark.pp-sub-widget-include a.pp-sub-btn-sq {
94
- font-size: 90% !important;
95
- font-weight: bold !important;
96
  }
97
- /*Styling for round buttons, classic and modern*/
98
  .pp-sub-widget a.pp-sub-btn {
99
- height: 48px;
100
  display: inline-block;
101
  text-decoration: none;
102
  vertical-align: middle;
103
- line-height: 48px;
104
  overflow: hidden;
105
  border-radius: 50px;
106
- width: 100%;
 
107
  }
108
  .pp-sub-widget-include a.pp-sub-btn {
109
- width: 100% !important;
110
  }
111
  .pp-sub-widget-modern a.pp-sub-btn {
112
- color: #707070;
113
- margin: 6px 0 6px 0;
114
- border: 1px solid #C4C4C4;
115
- font: 15px arial, sans-serif;
116
- padding-right: 20px;
117
  background-position: center;
118
  transition: background 0.8s;
119
- font-size: 80%;
 
 
120
  }
121
- .pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn {
122
- font-size: 80% !important;
 
 
123
  }
124
- .pp-sub-widget-classic a.pp-sub-btn, .pp-sub-widget-dark a.pp-sub-btn {
125
- color: #FFFFFF;
126
- padding: 0px 0px 0px 0px;
127
- margin: 10px 0 10px 0;
128
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
129
- font-size: 90%;
130
- font-weight: bold;
131
  }
132
- .pp-sub-widget-classic.pp-sub-widget-include a.pp-sub-btn, .pp-sub-widget-dark.pp-sub-widget-include a.pp-sub-btn {
133
- font-size: 90% !important;
134
- font-weight: bold !important;
 
 
135
  }
136
 
137
  body .entry-content .pp-sub-widget a:link,
@@ -154,46 +161,6 @@ body .pp-sub-widget-include a:active,
154
  body .pp-sub-widget-include a:hover {
155
  text-decoration: none !important;
156
  }
157
- body .entry-content .pp-sub-widget-classic a:link,
158
- body .entry-content .pp-sub-widget-classic a:visited,
159
- body .entry-content .pp-sub-widget-classic a:active,
160
- body .entry-content .pp-sub-widget-classic a:hover,
161
- body .pp-sub-widget-classic a:link,
162
- body .pp-sub-widget-classic a:visited,
163
- body .pp-sub-widget-classic a:active,
164
- body .pp-sub-widget-classic a:hover {
165
- color: #FFFFFF;
166
- }
167
- body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:link,
168
- body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:visited,
169
- body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:active,
170
- body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:hover,
171
- body .pp-sub-widget-classic.pp-sub-widget-include a:link,
172
- body .pp-sub-widget-classic.pp-sub-widget-include a:visited,
173
- body .pp-sub-widget-classic.pp-sub-widget-include a:active,
174
- body .pp-sub-widget-classic.pp-sub-widget-include a:hover {
175
- color: #FFFFFF !important;
176
- }
177
- body .entry-content .pp-sub-widget-dark a:link,
178
- body .entry-content .pp-sub-widget-dark a:visited,
179
- body .entry-content .pp-sub-widget-dark a:active,
180
- body .entry-content .pp-sub-widget-dark a:hover,
181
- body .pp-sub-widget-dark a:link,
182
- body .pp-sub-widget-dark a:visited,
183
- body .pp-sub-widget-dark a:active,
184
- body .pp-sub-widget-dark a:hover {
185
- color: #FFFFFF;
186
- }
187
- body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:link,
188
- body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:visited,
189
- body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:active,
190
- body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:hover,
191
- body .pp-sub-widget-dark.pp-sub-widget-include a:link,
192
- body .pp-sub-widget-dark.pp-sub-widget-include a:visited,
193
- body .pp-sub-widget-dark.pp-sub-widget-include a:active,
194
- body .pp-sub-widget-dark.pp-sub-widget-include a:hover {
195
- color: #FFFFFF !important;
196
- }
197
  /* Ripple effects for horizontal modern buttons */
198
  .pp-sub-widget-modern a.pp-sub-btn:hover, .pp-sub-widget-modern a.pp-sub-btn-sq:hover {
199
  background: #ebebeb radial-gradient(circle, transparent 1%, #ebebeb 1%) center/15000%;
@@ -294,88 +261,19 @@ body .pp-sub-widget-dark.pp-sub-widget-include a:hover {
294
  transition: background 0s;
295
  }
296
 
297
- /*Classic widget background colors*/
298
- .pp-sub-widget-dark a,
299
- .pp-sub-widget-classic a {
300
- background-color: #222222;
301
- }
302
- .pp-sub-widget-classic a.pp-sub-itunes {
303
- background-color: #732BBE;
304
- }
305
- .pp-sub-widget-classic a.pp-sub-pr,
306
- .pp-sub-widget-classic a.pp-sub-email {
307
- background-color: #337EC9;
308
- }
309
- .pp-sub-widget-classic a.pp-sub-bp,
310
- .pp-sub-widget-classic a.pp-sub-rss {
311
- background-color: #FF8800;
312
- }
313
-
314
- .pp-sub-widget-classic a.pp-sub-stitcher {
315
- background-color: #222222;
316
- background-color: #3ec6ff; /* stitcher light blue */
317
- background-color: #197195; /* stitcher dark blue */
318
- }
319
- .pp-sub-widget-classic a.pp-sub-tunein {
320
- background-color: #2CB6A8;
321
- }
322
- .pp-sub-widget-classic a.pp-sub-gp {
323
- background-color: #F15832; /* google yellow */
324
- background-color: #3cba54; /* google green */
325
- background-color: #4885ed; /* google blue */
326
- background-color: #db3236; /* google red */
327
- }
328
- .pp-sub-widget-classic a.pp-sub-spotify {
329
- background-color: #1db954;
330
- }
331
- .pp-sub-widget-classic a.pp-sub-android {
332
- background-color: #6AB344;
333
- }
334
- .pp-sub-widget-classic a.pp-sub-iheartradio {
335
- background-color: #960d16;
336
- }
337
- .pp-sub-widget-classic a.pp-sub-deezer {
338
- background-color: #007feb;
339
- }
340
- .pp-sub-widget-classic a.pp-sub-anghami {
341
- background-color: #a316b4;
342
- }
343
- .pp-sub-widget-classic a.pp-sub-pandora {
344
- background-color: #3668ff;
345
- }
346
- .pp-sub-widget-classic a.pp-sub-blubrry {
347
- background-color: #2278cf;
348
- }
349
- .pp-sub-widget-classic a.pp-sub-amazon {
350
- background-color: #4400ff;
351
- }
352
- .pp-sub-widget-classic a.pp-sub-pcindex {
353
- background-color: #AB0000;
354
- }
355
- .pp-sub-widget-classic a.pp-sub-jiosaavn {
356
- background-color: #2BC5B4;
357
- }
358
- .pp-sub-widget-classic a.pp-sub-gaana {
359
- background-color: #E62C2F;
360
- }
361
- .pp-sub-widget-classic a.pp-sub-podchaser {
362
- background-color: #000000;
363
- }
364
-
365
- .pp-sub-widget-classic div.pp-sub-h,
366
- .pp-sub-widget-classic p.pp-sub-m-p {
367
- color: #337EC9;
368
- }
369
-
370
  .pp-sub-widget img.pp-sub-l {
371
  max-width: 300px;
372
  padding: 0;
373
- margin: 10px 0;
374
  float: left;
375
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
376
  width: 100%;
377
  height: auto;
378
  }
 
 
 
 
379
  .pp-sub-widget-include img.pp-sub-l {
380
  width: 100% !important;
381
  height: auto !important;
@@ -383,7 +281,10 @@ body .pp-sub-widget-dark.pp-sub-widget-include a:hover {
383
  .pp-sub-widget .pp-sub-btns {
384
  margin: 0;
385
  padding: 0;
386
- display: inline-block;
 
 
 
387
  width: 100%;
388
  }
389
  .pp-sub-widget-include .pp-sub-btns {
@@ -422,7 +323,7 @@ body .pp-sub-widget-dark.pp-sub-widget-include a:hover {
422
  }
423
  }
424
 
425
- /*Styling for icons, classic and modern*/
426
  .pp-sub-ic {
427
  display: inline-block;
428
  width: 48px;
@@ -430,224 +331,78 @@ body .pp-sub-widget-dark.pp-sub-widget-include a:hover {
430
  border: 0;
431
  vertical-align: middle;
432
  background-repeat: no-repeat;
433
- margin-right: 2px;
434
  background-size: 50px;
435
  }
436
  .pp-sub-widget-modern .pp-sub-ic {
 
437
  padding-left: 15px;
 
438
  background-image: url('../images/modern_icon_sprite_2021.svg');
439
  }
440
- .pp-sub-widget-classic .pp-sub-ic, .pp-sub-widget-dark .pp-sub-ic {
441
- background-image: url('../images/classic_icon_sprite_2021.svg');
442
- }
443
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
444
  /* IE10+ CSS styles go here */
445
  .pp-sub-widget-modern a .pp-sub-ic {
446
  background-image: url('../images/modern-icon-sprite.png');
447
  }
448
- .pp-sub-widget-classic a .pp-sub-ic, .pp-sub-widget-dark a .pp-sub-ic {
449
- background-image: url('../images/white_logos.png');
450
- width: 50px;
451
- background-size: 50px;
452
- }
453
- }
454
-
455
- /*Sprite background positions for classic buttons*/
456
- .pp-sub-widget-classic .pp-sub-itunes .pp-sub-ic, .pp-sub-widget-dark .pp-sub-itunes .pp-sub-ic {
457
- background-position: 0 -5px;
458
- }
459
- .pp-sub-widget-classic .pp-sub-rss .pp-sub-ic, .pp-sub-widget-dark .pp-sub-rss .pp-sub-ic {
460
- background-position: 0 -355px;
461
- }
462
- .pp-sub-widget-classic .pp-sub-email .pp-sub-ic, .pp-sub-widget-dark .pp-sub-email .pp-sub-ic {
463
- background-position: 0 -105px;
464
- }
465
- .pp-sub-widget-classic .pp-sub-android .pp-sub-ic, .pp-sub-widget-dark .pp-sub-android .pp-sub-ic {
466
- background-position: 0 -55px;
467
- }
468
- .pp-sub-widget-classic .pp-sub-stitcher .pp-sub-ic, .pp-sub-widget-dark .pp-sub-stitcher .pp-sub-ic {
469
- background-position: 0 -205px;
470
- }
471
- .pp-sub-widget-classic .pp-sub-tunein .pp-sub-ic, .pp-sub-widget-dark .pp-sub-tunein .pp-sub-ic {
472
- background-position: 0 -255px;
473
- }
474
- .pp-sub-widget-classic .pp-sub-spotify .pp-sub-ic, .pp-sub-widget-dark .pp-sub-spotify .pp-sub-ic {
475
- background-position: 0 -305px;
476
- }
477
- .pp-sub-widget-classic .pp-sub-gp .pp-sub-ic, .pp-sub-widget-dark .pp-sub-gp .pp-sub-ic {
478
- background-position: 0 -155px;
479
- }
480
- .pp-sub-widget-classic .pp-sub-more .pp-sub-ic, .pp-sub-widget-dark .pp-sub-more .pp-sub-ic {
481
- background-position: 0 -405px;
482
- }
483
- .pp-sub-widget-classic .pp-sub-iheartradio .pp-sub-ic, .pp-sub-widget-dark .pp-sub-iheartradio .pp-sub-ic {
484
- background-position: 0 -455px;
485
- }
486
- .pp-sub-widget-classic .pp-sub-deezer .pp-sub-ic, .pp-sub-widget-dark .pp-sub-deezer .pp-sub-ic {
487
- background-position: 0 -505px;
488
- }
489
- .pp-sub-widget-classic .pp-sub-anghami .pp-sub-ic, .pp-sub-widget-dark .pp-sub-anghami .pp-sub-ic {
490
- background-position: 0 -1255px;
491
- }
492
- .pp-sub-widget-classic .pp-sub-pandora .pp-sub-ic, .pp-sub-widget-dark .pp-sub-pandora .pp-sub-ic {
493
- background-position: 0 -555px;
494
- }
495
- .pp-sub-widget-classic .pp-sub-blubrry .pp-sub-ic, .pp-sub-widget-dark .pp-sub-blubrry .pp-sub-ic {
496
- background-position: 0 -605px;
497
- }
498
- .pp-sub-widget-classic .pp-sub-amazon .pp-sub-ic, .pp-sub-widget-dark .pp-sub-amazon .pp-sub-ic {
499
- background-position: 0 -1003px;
500
- }
501
- .pp-sub-widget-classic .pp-sub-pcindex .pp-sub-ic, .pp-sub-widget-dark .pp-sub-pcindex .pp-sub-ic {
502
- background-position: 0 -1053px;
503
- }
504
- .pp-sub-widget-classic .pp-sub-jiosaavn .pp-sub-ic, .pp-sub-widget-dark .pp-sub-jiosaavn .pp-sub-ic {
505
- background-position: 0 -1103px;
506
- }
507
- .pp-sub-widget-classic .pp-sub-gaana .pp-sub-ic, .pp-sub-widget-dark .pp-sub-gaana .pp-sub-ic {
508
- background-position: 0 -1203px;
509
- }
510
- .pp-sub-widget-classic .pp-sub-podchaser .pp-sub-ic, .pp-sub-widget-dark .pp-sub-podchaser .pp-sub-ic {
511
- background-position: 0 -1153px;
512
  }
513
 
514
 
515
  /*Sprite background positions for modern buttons*/
516
- .pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn-sq {
517
- border-left: 3px solid #AB42DF;
518
- }
519
  .pp-sub-widget-modern .pp-sub-itunes .pp-sub-ic {
520
  background-position: 0 -5px;
521
  }
522
- .pp-sub-widget-modern .pp-sub-android.pp-sub-btn-sq {
523
- border-left: 3px solid #75BA26;
524
- }
525
  .pp-sub-widget-modern .pp-sub-android .pp-sub-ic {
526
  background-position: 0 -55px;
527
  }
528
- .pp-sub-widget-modern .pp-sub-email.pp-sub-btn-sq {
529
- border-left: 3px solid #018C8B;
530
- }
531
  .pp-sub-widget-modern .pp-sub-email .pp-sub-ic {
532
  background-position: 0 -106px;
533
  }
534
- .pp-sub-widget-modern .pp-sub-gp.pp-sub-btn-sq {
535
- border-left: 3px solid #F9BA01;
536
- }
537
  .pp-sub-widget-modern .pp-sub-gp .pp-sub-ic {
538
  background-position: 0 -155px;
539
  }
540
-
541
- .pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn-sq {
542
- border-left: 3px solid #2B91C9;
543
- }
544
  .pp-sub-widget-modern .pp-sub-stitcher .pp-sub-ic {
545
  background-position: 0 -205px;
546
  }
547
- .pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn-sq {
548
- border-left: 3px solid #1C1F3D;
549
- }
550
  .pp-sub-widget-modern .pp-sub-tunein .pp-sub-ic {
551
  background-position: 0 -255px;
552
  }
553
-
554
- .pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn-sq {
555
- border-left: 3px solid #3EB559;
556
- }
557
  .pp-sub-widget-modern .pp-sub-spotify .pp-sub-ic {
558
  background-position: 0 -307px;
559
  }
560
-
561
- .pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn-sq {
562
- border-left: 3px solid #960d16;
563
- }
564
  .pp-sub-widget-modern .pp-sub-iheartradio .pp-sub-ic {
565
  background-position: 0 -456px;
566
  }
567
-
568
- .pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn-sq {
569
- border-left: 3px solid #007feb;
570
- }
571
  .pp-sub-widget-modern .pp-sub-deezer .pp-sub-ic {
572
  background-position: 0 -507px;
573
  }
574
-
575
- .pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn-sq {
576
- border-left: 3px solid #a316b4;
577
- }
578
  .pp-sub-widget-modern .pp-sub-anghami .pp-sub-ic {
579
  background-position: 0 -1254px;
580
  }
581
-
582
- .pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn-sq {
583
- border-left: 3px solid #3668ff;
584
- }
585
  .pp-sub-widget-modern .pp-sub-pandora .pp-sub-ic {
586
  background-position: 0 -555px;
587
  }
588
-
589
- .pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn-sq {
590
- border-left: 3px solid #2278cf;
591
- }
592
  .pp-sub-widget-modern .pp-sub-blubrry .pp-sub-ic {
593
  background-position: 0 -605px;
594
  }
595
-
596
- .pp-sub-widget-modern .pp-sub-rss.pp-sub-btn-sq {
597
- border-left: 3px solid #FF6600;
598
- }
599
  .pp-sub-widget-modern .pp-sub-rss .pp-sub-ic {
600
  background-position: 0 -355px;
601
  }
602
-
603
- .pp-sub-widget-modern .pp-sub-more.pp-sub-btn-sq {
604
- border-left: 3px solid #333333;
605
- }
606
-
607
  .pp-sub-widget-modern .pp-sub-more .pp-sub-ic {
608
  background-position: 0 -405px;
609
  }
610
-
611
- .pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn-sq {
612
- border-left: 3px solid #4400ff;
613
- }
614
  .pp-sub-widget-modern .pp-sub-amazon .pp-sub-ic {
615
  background-position: 0 -1003px;
616
  }
617
-
618
- .pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn-sq {
619
- border-left: 3px solid #AB0000;
620
- }
621
  .pp-sub-widget-modern .pp-sub-pcindex .pp-sub-ic {
622
  background-position: 0 -1053px;
623
  }
624
-
625
- .pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn-sq {
626
- border-left: 3px solid #2BC5B4;
627
- }
628
  .pp-sub-widget-modern .pp-sub-jiosaavn .pp-sub-ic {
629
  background-position: 0 -1103px;
630
  }
631
-
632
- .pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn-sq {
633
- border-left: 3px solid #E62C2F;
634
- }
635
  .pp-sub-widget-modern .pp-sub-gaana .pp-sub-ic {
636
  background-position: 0 -1203px;
637
  }
638
-
639
- .pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn-sq {
640
- border-left: 3px solid #000000;
641
- }
642
  .pp-sub-widget-modern .pp-sub-podchaser .pp-sub-ic {
643
  background-position: 0 -1153px;
644
- }
645
-
646
- .pp-sub-widget-modern .pp-sub-btn::after,
647
- .pp-sub-widget-modern .pp-sub-btn-sq::after {
648
- content: url("../images/arrow.svg");;
649
- width: 20px;
650
- display: inline-block;
651
- float: right;
652
- margin-top: 16px;
653
  }
2
 
3
  .pp-sub-widget {
4
  width: 100%;
 
5
  margin: 10px auto;
6
+ font-family: sans-serif;
7
  background-color: #FFFFFF;
8
+ padding: 0 32px;
9
+ }
10
+ @media (min-width: 1200px) {
11
+ .container {
12
+ width: 85%;
13
+ }
14
  }
15
  .pp-sub-widget .pp-sub-bx {
16
  -webkit-column-count: 2;
34
  font-weight: bold;
35
  margin: 10px 10px 0 10px;
36
  padding: 0;
37
+ font-size: 150%;
38
+ color: #444444;
39
+
40
  }
41
  .pp-sub-widget-include div.pp-sub-t {
42
  margin: 15px 10px 0 10px !important;
43
  padding: 0 !important;
44
+ font-weight: bold !important;
45
+ font-size: 150% !important;
46
+ color: #444444 !important;
47
  }
48
  .pp-sub-widget p.pp-sub-st {
49
  margin: 5px 10px 0 10px;
57
  font-size: 100% !important;
58
  color: #222222 !important;
59
  }
60
+ .pp-sub-widget .pp-sub-a {
61
+ font-weight: bold;
62
+ margin: 5px 10px 1em 10px;
63
+ padding: 0;
64
+ font-size: 120%;
65
+ color: #1976d2;
66
+ }
67
+ .pp-sub-widget-include .pp-sub-a {
68
+ margin: 5px 10px 1em 10px !important;
69
+ padding: 0 !important;
70
+ font-weight: bold !important;
71
+ font-size: 120% !important;
72
+ color: #1976d2 !important;
73
+ }
74
 
75
+ /*Styling for square buttons */
76
  .pp-sub-widget a.pp-sub-btn-sq {
77
+ height: 72px;
78
  display: inline-block;
79
  text-decoration: none;
80
  vertical-align: middle;
81
+ line-height: calc(72px - 2em);
82
  overflow: hidden;
83
+ width: 250px;
84
+ border-radius: 5px;
85
+ box-sizing: border-box;
86
  }
87
  .pp-sub-widget-include a.pp-sub-btn-sq {
88
+ width: 250px !important;
89
  }
90
  .pp-sub-widget-modern a.pp-sub-btn-sq {
91
+ color: #444444;
92
+ margin: 0 0 3vw 0;
93
+ border: 1px solid #707070;
94
+ padding: 1em;
 
 
 
95
  background-position: center;
96
  transition: background 0.8s;
97
+ font-size: 100%;
 
 
 
 
 
 
 
 
 
 
 
98
  font-weight: bold;
99
  }
100
+ .pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn-sq {
101
+ font-size: 100% !important;
 
102
  }
103
+ /*Styling for round buttons */
104
  .pp-sub-widget a.pp-sub-btn {
105
+ height: 72px;
106
  display: inline-block;
107
  text-decoration: none;
108
  vertical-align: middle;
109
+ line-height: calc(72px - 2em);
110
  overflow: hidden;
111
  border-radius: 50px;
112
+ width: 250px;
113
+ box-sizing: border-box;
114
  }
115
  .pp-sub-widget-include a.pp-sub-btn {
116
+ width: 250px !important;
117
  }
118
  .pp-sub-widget-modern a.pp-sub-btn {
119
+ color: #444444;
120
+ margin: 0 1ch 3vw 1ch;
121
+ border: 1px solid #707070;
122
+ padding: 1em;
 
123
  background-position: center;
124
  transition: background 0.8s;
125
+ font-size: 100%;
126
+ width: 250px;
127
+ font-weight: bold;
128
  }
129
+ .filling-empty-space {
130
+ width: 250px;
131
+ margin: 0;
132
+ height:0;
133
  }
134
+ .pp-sub-widget ~ p, .pp-sub-widget ~ h3, header.entry-header {
135
+ margin-left: 32px;
 
 
 
 
 
136
  }
137
+ header.entry-header h1 {
138
+ color: #444444;
139
+ }
140
+ .pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn {
141
+ font-size: 100% !important;
142
  }
143
 
144
  body .entry-content .pp-sub-widget a:link,
161
  body .pp-sub-widget-include a:hover {
162
  text-decoration: none !important;
163
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
164
  /* Ripple effects for horizontal modern buttons */
165
  .pp-sub-widget-modern a.pp-sub-btn:hover, .pp-sub-widget-modern a.pp-sub-btn-sq:hover {
166
  background: #ebebeb radial-gradient(circle, transparent 1%, #ebebeb 1%) center/15000%;
261
  transition: background 0s;
262
  }
263
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
264
  .pp-sub-widget img.pp-sub-l {
265
  max-width: 300px;
266
  padding: 0;
267
+ margin: 0 2em 2em 0;
268
  float: left;
269
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
270
  width: 100%;
271
  height: auto;
272
  }
273
+
274
+ .pp-sub-widget .pp-sub-widget-head {
275
+ margin-bottom: 2em;
276
+ }
277
  .pp-sub-widget-include img.pp-sub-l {
278
  width: 100% !important;
279
  height: auto !important;
281
  .pp-sub-widget .pp-sub-btns {
282
  margin: 0;
283
  padding: 0;
284
+ display: flex;
285
+ justify-content: space-between;
286
+ flex-direction: row;
287
+ flex-wrap: wrap;
288
  width: 100%;
289
  }
290
  .pp-sub-widget-include .pp-sub-btns {
323
  }
324
  }
325
 
326
+ /*Styling for icons */
327
  .pp-sub-ic {
328
  display: inline-block;
329
  width: 48px;
331
  border: 0;
332
  vertical-align: middle;
333
  background-repeat: no-repeat;
334
+ margin-right: 1em;
335
  background-size: 50px;
336
  }
337
  .pp-sub-widget-modern .pp-sub-ic {
338
+ transform: scale(1.5);
339
  padding-left: 15px;
340
+ box-sizing: border-box;
341
  background-image: url('../images/modern_icon_sprite_2021.svg');
342
  }
 
 
 
343
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
344
  /* IE10+ CSS styles go here */
345
  .pp-sub-widget-modern a .pp-sub-ic {
346
  background-image: url('../images/modern-icon-sprite.png');
347
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
348
  }
349
 
350
 
351
  /*Sprite background positions for modern buttons*/
 
 
 
352
  .pp-sub-widget-modern .pp-sub-itunes .pp-sub-ic {
353
  background-position: 0 -5px;
354
  }
 
 
 
355
  .pp-sub-widget-modern .pp-sub-android .pp-sub-ic {
356
  background-position: 0 -55px;
357
  }
 
 
 
358
  .pp-sub-widget-modern .pp-sub-email .pp-sub-ic {
359
  background-position: 0 -106px;
360
  }
 
 
 
361
  .pp-sub-widget-modern .pp-sub-gp .pp-sub-ic {
362
  background-position: 0 -155px;
363
  }
 
 
 
 
364
  .pp-sub-widget-modern .pp-sub-stitcher .pp-sub-ic {
365
  background-position: 0 -205px;
366
  }
 
 
 
367
  .pp-sub-widget-modern .pp-sub-tunein .pp-sub-ic {
368
  background-position: 0 -255px;
369
  }
 
 
 
 
370
  .pp-sub-widget-modern .pp-sub-spotify .pp-sub-ic {
371
  background-position: 0 -307px;
372
  }
 
 
 
 
373
  .pp-sub-widget-modern .pp-sub-iheartradio .pp-sub-ic {
374
  background-position: 0 -456px;
375
  }
 
 
 
 
376
  .pp-sub-widget-modern .pp-sub-deezer .pp-sub-ic {
377
  background-position: 0 -507px;
378
  }
 
 
 
 
379
  .pp-sub-widget-modern .pp-sub-anghami .pp-sub-ic {
380
  background-position: 0 -1254px;
381
  }
 
 
 
 
382
  .pp-sub-widget-modern .pp-sub-pandora .pp-sub-ic {
383
  background-position: 0 -555px;
384
  }
 
 
 
 
385
  .pp-sub-widget-modern .pp-sub-blubrry .pp-sub-ic {
386
  background-position: 0 -605px;
387
  }
 
 
 
 
388
  .pp-sub-widget-modern .pp-sub-rss .pp-sub-ic {
389
  background-position: 0 -355px;
390
  }
 
 
 
 
 
391
  .pp-sub-widget-modern .pp-sub-more .pp-sub-ic {
392
  background-position: 0 -405px;
393
  }
 
 
 
 
394
  .pp-sub-widget-modern .pp-sub-amazon .pp-sub-ic {
395
  background-position: 0 -1003px;
396
  }
 
 
 
 
397
  .pp-sub-widget-modern .pp-sub-pcindex .pp-sub-ic {
398
  background-position: 0 -1053px;
399
  }
 
 
 
 
400
  .pp-sub-widget-modern .pp-sub-jiosaavn .pp-sub-ic {
401
  background-position: 0 -1103px;
402
  }
 
 
 
 
403
  .pp-sub-widget-modern .pp-sub-gaana .pp-sub-ic {
404
  background-position: 0 -1203px;
405
  }
 
 
 
 
406
  .pp-sub-widget-modern .pp-sub-podchaser .pp-sub-ic {
407
  background-position: 0 -1153px;
 
 
 
 
 
 
 
 
 
408
  }
css/subscribe.min.css CHANGED
@@ -1 +1 @@
1
- .pp-sub-widget{width:100%;max-width:800px;margin:10px auto;font-family:Sans-serif;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:10px 10px}.pp-sub-widget .pp-sub-bx{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;width:auto;height:auto;margin:0 10px}.pp-sub-widget div.pp-sub-h{margin:10px 10px 0 10px;font-size:90%;font-weight:700;color:#1976d2}.pp-sub-widget div.pp-sub-t{font-weight:700;margin:10px 10px 0 10px;padding:0;font-size:200%;color:#036}.pp-sub-widget-include div.pp-sub-t{margin:15px 10px 0 10px!important;padding:0!important;font-size:200%!important;color:#036!important}.pp-sub-widget p.pp-sub-st{margin:5px 10px 0 10px;padding:0;font-size:100%;color:#222}.pp-sub-widget-include p.pp-sub-st{margin:5px 10px 0 10px!important;padding:0!important;font-size:100%!important;color:#222!important}.pp-sub-widget a.pp-sub-btn-sq{height:48px;display:inline-block;text-decoration:none;vertical-align:middle;line-height:48px;overflow:hidden;width:100%}.pp-sub-widget-include a.pp-sub-btn-sq{width:100%!important}.pp-sub-widget-modern a.pp-sub-btn-sq{color:#707070;margin:6px 0 6px 0;border-top:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;font:15px arial,sans-serif;padding-right:10px;background-position:center;transition:background .8s;font-size:80%}.pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn-sq{font-size:80%!important}.pp-sub-widget-classic a.pp-sub-btn-sq,.pp-sub-widget-dark a.pp-sub-btn-sq{color:#fff;padding:0;margin:10px 0 10px 0;border-radius:1px;box-shadow:0 1px 4px rgba(0,0,0,.2);font-size:90%;font-weight:700}.pp-sub-widget-classic.pp-sub-widget-include a.pp-sub-btn-sq,.pp-sub-widget-dark.pp-sub-widget-include a.pp-sub-btn-sq{font-size:90%!important;font-weight:700!important}.pp-sub-widget a.pp-sub-btn{height:48px;display:inline-block;text-decoration:none;vertical-align:middle;line-height:48px;overflow:hidden;border-radius:50px;width:100%}.pp-sub-widget-include a.pp-sub-btn{width:100%!important}.pp-sub-widget-modern a.pp-sub-btn{color:#707070;margin:6px 0 6px 0;border:1px solid #c4c4c4;font:15px arial,sans-serif;padding-right:20px;background-position:center;transition:background .8s;font-size:80%}.pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn{font-size:80%!important}.pp-sub-widget-classic a.pp-sub-btn,.pp-sub-widget-dark a.pp-sub-btn{color:#fff;padding:0;margin:10px 0 10px 0;box-shadow:0 1px 4px rgba(0,0,0,.2);font-size:90%;font-weight:700}.pp-sub-widget-classic.pp-sub-widget-include a.pp-sub-btn,.pp-sub-widget-dark.pp-sub-widget-include a.pp-sub-btn{font-size:90%!important;font-weight:700!important}body .entry-content .pp-sub-widget a:active,body .entry-content .pp-sub-widget a:hover,body .entry-content .pp-sub-widget a:link,body .entry-content .pp-sub-widget a:visited,body .pp-sub-widget a:active,body .pp-sub-widget a:hover,body .pp-sub-widget a:link,body .pp-sub-widget a:visited{text-decoration:none}body .entry-content .pp-sub-widget-include a:active,body .entry-content .pp-sub-widget-include a:hover,body .entry-content .pp-sub-widget-include a:link,body .entry-content .pp-sub-widget-include a:visited,body .pp-sub-widget-include a:active,body .pp-sub-widget-include a:hover,body .pp-sub-widget-include a:link,body .pp-sub-widget-include a:visited{text-decoration:none!important}body .entry-content .pp-sub-widget-classic a:active,body .entry-content .pp-sub-widget-classic a:hover,body .entry-content .pp-sub-widget-classic a:link,body .entry-content .pp-sub-widget-classic a:visited,body .pp-sub-widget-classic a:active,body .pp-sub-widget-classic a:hover,body .pp-sub-widget-classic a:link,body .pp-sub-widget-classic a:visited{color:#fff}body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:active,body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:hover,body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:link,body .entry-content .pp-sub-widget-classic.pp-sub-widget-include a:visited,body .pp-sub-widget-classic.pp-sub-widget-include a:active,body .pp-sub-widget-classic.pp-sub-widget-include a:hover,body .pp-sub-widget-classic.pp-sub-widget-include a:link,body .pp-sub-widget-classic.pp-sub-widget-include a:visited{color:#fff!important}body .entry-content .pp-sub-widget-dark a:active,body .entry-content .pp-sub-widget-dark a:hover,body .entry-content .pp-sub-widget-dark a:link,body .entry-content .pp-sub-widget-dark a:visited,body .pp-sub-widget-dark a:active,body .pp-sub-widget-dark a:hover,body .pp-sub-widget-dark a:link,body .pp-sub-widget-dark a:visited{color:#fff}body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:active,body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:hover,body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:link,body .entry-content .pp-sub-widget-dark.pp-sub-widget-include a:visited,body .pp-sub-widget-dark.pp-sub-widget-include a:active,body .pp-sub-widget-dark.pp-sub-widget-include a:hover,body .pp-sub-widget-dark.pp-sub-widget-include a:link,body .pp-sub-widget-dark.pp-sub-widget-include a:visited{color:#fff!important}.pp-sub-widget-modern a.pp-sub-btn-sq:hover,.pp-sub-widget-modern a.pp-sub-btn:hover{background:#ebebeb radial-gradient(circle,transparent 1%,#ebebeb 1%) center/15000%}.pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn:active{background-color:#ab42df;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-android.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-android.pp-sub-btn:active{background-color:#75ba26;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-email.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-email.pp-sub-btn:active{background-color:#018c8b;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-gp.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-gp.pp-sub-btn:active{background-color:#f9ba01;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn:active{background-color:#2b91c9;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn:active{background-color:#1c1f3d;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn:active{background-color:#3eb559;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn:active{background-color:#960d16;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn:active{background-color:#007feb;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn:active{background-color:#a316b4;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn:active{background-color:#3668ff;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn:active{background-color:#2278cf;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-rss.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-rss.pp-sub-btn:active{background-color:#f60;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn:active{background-color:#40f;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn:active{background-color:#ab0000;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn:active{background-color:#2bc5b4;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn:active{background-color:#e62c2f;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn:active{background-color:#000;background-size:100%;transition:background 0s}.pp-sub-widget-modern .pp-sub-more.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-more.pp-sub-btn:active{background-color:#333;background-size:100%;transition:background 0s}.pp-sub-widget-classic a,.pp-sub-widget-dark a{background-color:#222}.pp-sub-widget-classic a.pp-sub-itunes{background-color:#732bbe}.pp-sub-widget-classic a.pp-sub-email,.pp-sub-widget-classic a.pp-sub-pr{background-color:#337ec9}.pp-sub-widget-classic a.pp-sub-bp,.pp-sub-widget-classic a.pp-sub-rss{background-color:#f80}.pp-sub-widget-classic a.pp-sub-stitcher{background-color:#222;background-color:#3ec6ff;background-color:#197195}.pp-sub-widget-classic a.pp-sub-tunein{background-color:#2cb6a8}.pp-sub-widget-classic a.pp-sub-gp{background-color:#f15832;background-color:#3cba54;background-color:#4885ed;background-color:#db3236}.pp-sub-widget-classic a.pp-sub-spotify{background-color:#1db954}.pp-sub-widget-classic a.pp-sub-android{background-color:#6ab344}.pp-sub-widget-classic a.pp-sub-iheartradio{background-color:#960d16}.pp-sub-widget-classic a.pp-sub-deezer{background-color:#007feb}.pp-sub-widget-classic a.pp-sub-anghami{background-color:#a316b4}.pp-sub-widget-classic a.pp-sub-pandora{background-color:#3668ff}.pp-sub-widget-classic a.pp-sub-blubrry{background-color:#2278cf}.pp-sub-widget-classic a.pp-sub-amazon{background-color:#40f}.pp-sub-widget-classic a.pp-sub-pcindex{background-color:#ab0000}.pp-sub-widget-classic a.pp-sub-jiosaavn{background-color:#2bc5b4}.pp-sub-widget-classic a.pp-sub-gaana{background-color:#e62c2f}.pp-sub-widget-classic a.pp-sub-podchaser{background-color:#000}.pp-sub-widget-classic div.pp-sub-h,.pp-sub-widget-classic p.pp-sub-m-p{color:#337ec9}.pp-sub-widget img.pp-sub-l{max-width:300px;padding:0;margin:10px 0;float:left;box-shadow:0 1px 6px rgba(0,0,0,.2);width:100%;height:auto}.pp-sub-widget-include img.pp-sub-l{width:100%!important;height:auto!important}.pp-sub-widget .pp-sub-btns{margin:0;padding:0;display:inline-block;width:100%}.pp-sub-widget-include .pp-sub-btns{width:100%!important}.pp-sub-widget .pp-sub-m{clear:both;margin:10px}.pp-sub-widget p.pp-sub-m-p{margin:0;font-size:90%;color:#1976d2}.pp-sub-widget .pp-sub-m-i{width:80%;color:#333;font-size:85%;border:1px solid #999;padding:5px}.pp-sub-widget-modern a.pp-sub-btn:hover,.pp-sub-widget-modern a.pp-sub-bub-sq:hover{color:#444}@media screen and (max-width:400px){.pp-sub-widget .pp-sub-bx{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}.pp-sub-widget .pp-sub-t{font-size:150%}}.pp-sub-ic{display:inline-block;width:48px;height:48px;border:0;vertical-align:middle;background-repeat:no-repeat;margin-right:2px;background-size:50px}.pp-sub-widget-modern .pp-sub-ic{padding-left:15px;background-image:url(../images/modern_icon_sprite_2021.svg)}.pp-sub-widget-classic .pp-sub-ic,.pp-sub-widget-dark .pp-sub-ic{background-image:url(../images/classic_icon_sprite_2021.svg)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.pp-sub-widget-modern a .pp-sub-ic{background-image:url(../images/modern-icon-sprite.png)}.pp-sub-widget-classic a .pp-sub-ic,.pp-sub-widget-dark a .pp-sub-ic{background-image:url(../images/white_logos.png);width:50px;background-size:50px}}.pp-sub-widget-classic .pp-sub-itunes .pp-sub-ic,.pp-sub-widget-dark .pp-sub-itunes .pp-sub-ic{background-position:0 -5px}.pp-sub-widget-classic .pp-sub-rss .pp-sub-ic,.pp-sub-widget-dark .pp-sub-rss .pp-sub-ic{background-position:0 -355px}.pp-sub-widget-classic .pp-sub-email .pp-sub-ic,.pp-sub-widget-dark .pp-sub-email .pp-sub-ic{background-position:0 -105px}.pp-sub-widget-classic .pp-sub-android .pp-sub-ic,.pp-sub-widget-dark .pp-sub-android .pp-sub-ic{background-position:0 -55px}.pp-sub-widget-classic .pp-sub-stitcher .pp-sub-ic,.pp-sub-widget-dark .pp-sub-stitcher .pp-sub-ic{background-position:0 -205px}.pp-sub-widget-classic .pp-sub-tunein .pp-sub-ic,.pp-sub-widget-dark .pp-sub-tunein .pp-sub-ic{background-position:0 -255px}.pp-sub-widget-classic .pp-sub-spotify .pp-sub-ic,.pp-sub-widget-dark .pp-sub-spotify .pp-sub-ic{background-position:0 -305px}.pp-sub-widget-classic .pp-sub-gp .pp-sub-ic,.pp-sub-widget-dark .pp-sub-gp .pp-sub-ic{background-position:0 -155px}.pp-sub-widget-classic .pp-sub-more .pp-sub-ic,.pp-sub-widget-dark .pp-sub-more .pp-sub-ic{background-position:0 -405px}.pp-sub-widget-classic .pp-sub-iheartradio .pp-sub-ic,.pp-sub-widget-dark .pp-sub-iheartradio .pp-sub-ic{background-position:0 -455px}.pp-sub-widget-classic .pp-sub-deezer .pp-sub-ic,.pp-sub-widget-dark .pp-sub-deezer .pp-sub-ic{background-position:0 -505px}.pp-sub-widget-classic .pp-sub-anghami .pp-sub-ic,.pp-sub-widget-dark .pp-sub-anghami .pp-sub-ic{background-position:0 -1255px}.pp-sub-widget-classic .pp-sub-pandora .pp-sub-ic,.pp-sub-widget-dark .pp-sub-pandora .pp-sub-ic{background-position:0 -555px}.pp-sub-widget-classic .pp-sub-blubrry .pp-sub-ic,.pp-sub-widget-dark .pp-sub-blubrry .pp-sub-ic{background-position:0 -605px}.pp-sub-widget-classic .pp-sub-amazon .pp-sub-ic,.pp-sub-widget-dark .pp-sub-amazon .pp-sub-ic{background-position:0 -1003px}.pp-sub-widget-classic .pp-sub-pcindex .pp-sub-ic,.pp-sub-widget-dark .pp-sub-pcindex .pp-sub-ic{background-position:0 -1053px}.pp-sub-widget-classic .pp-sub-jiosaavn .pp-sub-ic,.pp-sub-widget-dark .pp-sub-jiosaavn .pp-sub-ic{background-position:0 -1103px}.pp-sub-widget-classic .pp-sub-gaana .pp-sub-ic,.pp-sub-widget-dark .pp-sub-gaana .pp-sub-ic{background-position:0 -1203px}.pp-sub-widget-classic .pp-sub-podchaser .pp-sub-ic,.pp-sub-widget-dark .pp-sub-podchaser .pp-sub-ic{background-position:0 -1153px}.pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn-sq{border-left:3px solid #ab42df}.pp-sub-widget-modern .pp-sub-itunes .pp-sub-ic{background-position:0 -5px}.pp-sub-widget-modern .pp-sub-android.pp-sub-btn-sq{border-left:3px solid #75ba26}.pp-sub-widget-modern .pp-sub-android .pp-sub-ic{background-position:0 -55px}.pp-sub-widget-modern .pp-sub-email.pp-sub-btn-sq{border-left:3px solid #018c8b}.pp-sub-widget-modern .pp-sub-email .pp-sub-ic{background-position:0 -106px}.pp-sub-widget-modern .pp-sub-gp.pp-sub-btn-sq{border-left:3px solid #f9ba01}.pp-sub-widget-modern .pp-sub-gp .pp-sub-ic{background-position:0 -155px}.pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn-sq{border-left:3px solid #2b91c9}.pp-sub-widget-modern .pp-sub-stitcher .pp-sub-ic{background-position:0 -205px}.pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn-sq{border-left:3px solid #1c1f3d}.pp-sub-widget-modern .pp-sub-tunein .pp-sub-ic{background-position:0 -255px}.pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn-sq{border-left:3px solid #3eb559}.pp-sub-widget-modern .pp-sub-spotify .pp-sub-ic{background-position:0 -307px}.pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn-sq{border-left:3px solid #960d16}.pp-sub-widget-modern .pp-sub-iheartradio .pp-sub-ic{background-position:0 -456px}.pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn-sq{border-left:3px solid #007feb}.pp-sub-widget-modern .pp-sub-deezer .pp-sub-ic{background-position:0 -507px}.pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn-sq{border-left:3px solid #a316b4}.pp-sub-widget-modern .pp-sub-anghami .pp-sub-ic{background-position:0 -1254px}.pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn-sq{border-left:3px solid #3668ff}.pp-sub-widget-modern .pp-sub-pandora .pp-sub-ic{background-position:0 -555px}.pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn-sq{border-left:3px solid #2278cf}.pp-sub-widget-modern .pp-sub-blubrry .pp-sub-ic{background-position:0 -605px}.pp-sub-widget-modern .pp-sub-rss.pp-sub-btn-sq{border-left:3px solid #f60}.pp-sub-widget-modern .pp-sub-rss .pp-sub-ic{background-position:0 -355px}.pp-sub-widget-modern .pp-sub-more.pp-sub-btn-sq{border-left:3px solid #333}.pp-sub-widget-modern .pp-sub-more .pp-sub-ic{background-position:0 -405px}.pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn-sq{border-left:3px solid #40f}.pp-sub-widget-modern .pp-sub-amazon .pp-sub-ic{background-position:0 -1003px}.pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn-sq{border-left:3px solid #ab0000}.pp-sub-widget-modern .pp-sub-pcindex .pp-sub-ic{background-position:0 -1053px}.pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn-sq{border-left:3px solid #2bc5b4}.pp-sub-widget-modern .pp-sub-jiosaavn .pp-sub-ic{background-position:0 -1103px}.pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn-sq{border-left:3px solid #e62c2f}.pp-sub-widget-modern .pp-sub-gaana .pp-sub-ic{background-position:0 -1203px}.pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn-sq{border-left:3px solid #000}.pp-sub-widget-modern .pp-sub-podchaser .pp-sub-ic{background-position:0 -1153px}.pp-sub-widget-modern .pp-sub-btn-sq::after,.pp-sub-widget-modern .pp-sub-btn::after{content:url(../images/arrow.svg);width:20px;display:inline-block;float:right;margin-top:16px}
1
+ .pp-sub-widget a.pp-sub-btn,.pp-sub-widget a.pp-sub-btn-sq{height:72px;line-height:calc(72px - 2em);overflow:hidden;text-decoration:none;box-sizing:border-box}.pp-sub-ic,.pp-sub-widget a.pp-sub-btn,.pp-sub-widget a.pp-sub-btn-sq{display:inline-block;vertical-align:middle}.pp-sub-widget{width:100%;margin:10px auto;font-family:sans-serif;background-color:#fff;padding:0 32px}@media (min-width:1200px){.container{width:85%}}.pp-sub-widget .pp-sub-bx{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;width:auto;height:auto;margin:0 10px}.pp-sub-widget div.pp-sub-h{margin:10px 10px 0;font-size:90%;font-weight:700;color:#1976d2}.pp-sub-widget div.pp-sub-t{font-weight:700;margin:10px 10px 0;padding:0;font-size:150%;color:#444}.pp-sub-widget-include div.pp-sub-t{margin:15px 10px 0!important;padding:0!important;font-weight:700!important;font-size:150%!important;color:#444!important}.pp-sub-widget p.pp-sub-st{margin:5px 10px 0;padding:0;font-size:100%;color:#222}.pp-sub-widget-include p.pp-sub-st{margin:5px 10px 0!important;padding:0!important;font-size:100%!important;color:#222!important}.pp-sub-widget-modern a.pp-sub-btn,.pp-sub-widget-modern a.pp-sub-btn-sq{padding:1em;background-position:center;transition:background .8s;font-size:100%;font-weight:700}.pp-sub-widget .pp-sub-a{font-weight:700;margin:5px 10px 1em;padding:0;font-size:120%;color:#1976d2}.pp-sub-widget-include .pp-sub-a{margin:5px 10px 1em!important;padding:0!important;font-weight:700!important;font-size:120%!important;color:#1976d2!important}.pp-sub-widget a.pp-sub-btn-sq{width:250px;border-radius:5px}.pp-sub-widget-include a.pp-sub-btn,.pp-sub-widget-include a.pp-sub-btn-sq{width:250px!important}.pp-sub-widget-modern a.pp-sub-btn-sq{color:#444;margin:0 0 3vw;border:1px solid #707070}.pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn,.pp-sub-widget-modern.pp-sub-widget-include a.pp-sub-btn-sq{font-size:100%!important}.pp-sub-widget a.pp-sub-btn{border-radius:50px;width:250px}.pp-sub-widget-modern a.pp-sub-btn{color:#444;margin:0 1ch 3vw;border:1px solid #707070;width:250px}.filling-empty-space{width:250px;margin:0;height:0}.pp-sub-widget~h3,.pp-sub-widget~p,header.entry-header{margin-left:32px}.pp-sub-widget-modern a.pp-sub-btn:hover,.pp-sub-widget-modern a.pp-sub-bub-sq:hover,header.entry-header h1{color:#444}body .entry-content .pp-sub-widget a:active,body .entry-content .pp-sub-widget a:hover,body .entry-content .pp-sub-widget a:link,body .entry-content .pp-sub-widget a:visited,body .pp-sub-widget a:active,body .pp-sub-widget a:hover,body .pp-sub-widget a:link,body .pp-sub-widget a:visited{text-decoration:none}body .entry-content .pp-sub-widget-include a:active,body .entry-content .pp-sub-widget-include a:hover,body .entry-content .pp-sub-widget-include a:link,body .entry-content .pp-sub-widget-include a:visited,body .pp-sub-widget-include a:active,body .pp-sub-widget-include a:hover,body .pp-sub-widget-include a:link,body .pp-sub-widget-include a:visited{text-decoration:none!important}.pp-sub-widget-modern a.pp-sub-btn-sq:hover,.pp-sub-widget-modern a.pp-sub-btn:hover{background:radial-gradient(circle,transparent 1%,#ebebeb 1%) center/15000% #ebebeb}.pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-itunes.pp-sub-btn:active{background-color:#ab42df;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-android.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-android.pp-sub-btn:active{background-color:#75ba26;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-email.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-email.pp-sub-btn:active{background-color:#018c8b;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-gp.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-gp.pp-sub-btn:active{background-color:#f9ba01;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-stitcher.pp-sub-btn:active{background-color:#2b91c9;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-tunein.pp-sub-btn:active{background-color:#1c1f3d;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-spotify.pp-sub-btn:active{background-color:#3eb559;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-iheartradio.pp-sub-btn:active{background-color:#960d16;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-deezer.pp-sub-btn:active{background-color:#007feb;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-anghami.pp-sub-btn:active{background-color:#a316b4;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-pandora.pp-sub-btn:active{background-color:#3668ff;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-blubrry.pp-sub-btn:active{background-color:#2278cf;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-rss.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-rss.pp-sub-btn:active{background-color:#f60;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-amazon.pp-sub-btn:active{background-color:#40f;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-pcindex.pp-sub-btn:active{background-color:#ab0000;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-jiosaavn.pp-sub-btn:active{background-color:#2bc5b4;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-gaana.pp-sub-btn:active{background-color:#e62c2f;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-podchaser.pp-sub-btn:active{background-color:#000;background-size:100%;transition:background}.pp-sub-widget-modern .pp-sub-more.pp-sub-btn-sq:active,.pp-sub-widget-modern .pp-sub-more.pp-sub-btn:active{background-color:#333;background-size:100%;transition:background}.pp-sub-widget img.pp-sub-l{max-width:300px;padding:0;margin:0 2em 2em 0;float:left;box-shadow:0 1px 6px rgba(0,0,0,.2);width:100%;height:auto}.pp-sub-widget .pp-sub-widget-head{margin-bottom:2em}.pp-sub-widget-include img.pp-sub-l{width:100%!important;height:auto!important}.pp-sub-widget .pp-sub-btns{margin:0;padding:0;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;width:100%}.pp-sub-widget-include .pp-sub-btns{width:100%!important}.pp-sub-widget .pp-sub-m{clear:both;margin:10px}.pp-sub-widget p.pp-sub-m-p{margin:0;font-size:90%;color:#1976d2}.pp-sub-widget .pp-sub-m-i{width:80%;color:#333;font-size:85%;border:1px solid #999;padding:5px}@media screen and (max-width:400px){.pp-sub-widget .pp-sub-bx{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}.pp-sub-widget .pp-sub-t{font-size:150%}}.pp-sub-ic{width:48px;height:48px;border:0;background-repeat:no-repeat;margin-right:1em;background-size:50px}.pp-sub-widget-modern .pp-sub-ic{transform:scale(1.5);padding-left:15px;box-sizing:border-box;background-image:url('../images/modern_icon_sprite_2021.svg')}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.pp-sub-widget-modern a .pp-sub-ic{background-image:url('../images/modern-icon-sprite.png')}}.pp-sub-widget-modern .pp-sub-itunes .pp-sub-ic{background-position:0 -5px}.pp-sub-widget-modern .pp-sub-android .pp-sub-ic{background-position:0 -55px}.pp-sub-widget-modern .pp-sub-email .pp-sub-ic{background-position:0 -106px}.pp-sub-widget-modern .pp-sub-gp .pp-sub-ic{background-position:0 -155px}.pp-sub-widget-modern .pp-sub-stitcher .pp-sub-ic{background-position:0 -205px}.pp-sub-widget-modern .pp-sub-tunein .pp-sub-ic{background-position:0 -255px}.pp-sub-widget-modern .pp-sub-spotify .pp-sub-ic{background-position:0 -307px}.pp-sub-widget-modern .pp-sub-iheartradio .pp-sub-ic{background-position:0 -456px}.pp-sub-widget-modern .pp-sub-deezer .pp-sub-ic{background-position:0 -507px}.pp-sub-widget-modern .pp-sub-anghami .pp-sub-ic{background-position:0 -1254px}.pp-sub-widget-modern .pp-sub-pandora .pp-sub-ic{background-position:0 -555px}.pp-sub-widget-modern .pp-sub-blubrry .pp-sub-ic{background-position:0 -605px}.pp-sub-widget-modern .pp-sub-rss .pp-sub-ic{background-position:0 -355px}.pp-sub-widget-modern .pp-sub-more .pp-sub-ic{background-position:0 -405px}.pp-sub-widget-modern .pp-sub-amazon .pp-sub-ic{background-position:0 -1003px}.pp-sub-widget-modern .pp-sub-pcindex .pp-sub-ic{background-position:0 -1053px}.pp-sub-widget-modern .pp-sub-jiosaavn .pp-sub-ic{background-position:0 -1103px}.pp-sub-widget-modern .pp-sub-gaana .pp-sub-ic{background-position:0 -1203px}.pp-sub-widget-modern .pp-sub-podchaser .pp-sub-ic{background-position:0 -1153px}
powerpress-subscribe.php CHANGED
@@ -807,17 +807,21 @@ function powerpress_subscribe_shortcode( $attr ) {
807
  $Settings['title'] = ''; // This way the title can be detected
808
 
809
  unset($Settings['subtitle']); // Make sure no subtitle passes this point
810
- if( !empty($attr['itunes_subtitle']) && !empty($Settings['itunes_subtitle']) ) {
811
  $Settings['subtitle'] = $Settings['itunes_subtitle'];
812
- } else if( !empty($attr['subtitle']) ) {
813
- $Settings['subtitle'] = $attr['subtitle'];
814
  }
 
 
 
 
 
 
 
 
815
 
816
 
817
  if( !empty($attr['itunes_url']) )
818
  $Settings['itunes_url'] = $attr['itunes_url'];
819
- if( !empty($attr['style']) )
820
- $Settings['subscribe_widget_style'] = $attr['style'];
821
  if( !empty($attr['subscribe_no_important_styling']) )
822
  $Settings['subscribe_no_important_styling'] = $attr['subscribe_no_important_styling'];
823
  if( !empty($attr['image_url']) )
@@ -875,9 +879,6 @@ function powerpress_subscribe_shortcode( $attr ) {
875
 
876
  // This is the only spot that gets the General settings for the subscribe buttons...
877
  $PowerPressSettings = get_option('powerpress_general');
878
- if (empty($Settings['subscribe_widget_style'])) {
879
- $Settings['subscribe_widget_style'] = (!empty($PowerPressSettings['subscribe_widget_style']) ? $PowerPressSettings['subscribe_widget_style'] : '');
880
- }
881
  $Settings['subscribe_widget_shape'] = ( empty($PowerPressSettings['subscribe_widget_shape']) || $PowerPressSettings['subscribe_widget_shape'] == 'squared' ? '-sq': '');
882
  $Settings['subscribe_no_important_styling'] = (!empty($PowerPressSettings['subscribe_no_important_styling']) ? $PowerPressSettings['subscribe_no_important_styling'] : '' );
883
  return powerpress_do_subscribe_widget($Settings, $PowerPressSettings);
@@ -909,15 +910,6 @@ function powerpress_do_subscribe_widget($settings, $PowerPressSettings)
909
  $settings['itunes_url'] = powerpresssubscribe_get_itunes_url( $settings );
910
  }
911
 
912
- if( empty($settings['subscribe_widget_style']) )
913
- {
914
- $settings['subscribe_widget_style'] = 'classic';
915
-
916
- if( empty($PowerPressSettings['timestamp']) || $PowerPressSettings['timestamp'] > 1570366800 ) {
917
- $settings['subscribe_widget_style'] = 'modern';
918
- }
919
- }
920
-
921
  if( empty($settings['image_url']) )
922
  {
923
  $settings['image_url'] = powerpress_get_root_url() . 'itunes_default.jpg'; // Default PowerPress image used in this case.
@@ -931,35 +923,29 @@ function powerpress_do_subscribe_widget($settings, $PowerPressSettings)
931
 
932
 
933
  $html = '';
934
- $html .= '<div class="pp-sub-widget pp-sub-widget-'. esc_attr($settings['subscribe_widget_style']) . $important_tags_class .'">';
935
- if( !empty($settings['title']) )
936
- {
937
- if( !isset($settings['heading']) ) { // If not specified in the shortcode
938
- $settings['heading'] = __('Subscribe to', 'powerpress');
939
- }
940
-
941
- if( !empty($settings['heading']) ) { // If there is a value set for the heading, lets use it
942
- $html .= '<div class="pp-sub-h">'. esc_html($settings['heading']) .'</div>';
943
- }
944
-
945
- $html .= '<div class="pp-sub-t">'. esc_html( $settings['title'] ) .'</div>';
946
- }
947
- else
948
- {
949
- $settings['title'] = ''; // Make sure it's an empty string
950
- }
951
-
952
  if( !empty($settings['subtitle']) )
953
  {
954
  $html .= '<p class="pp-sub-st">'. esc_html( $settings['subtitle'] ) .'</p>';
955
  }
956
 
957
  // Lets build the subscribe box...
958
- $html .= '<div class="pp-sub-bx">';
959
- $html .= '<img class="pp-sub-l" src="'. esc_url( $settings['image_url'] ) .'" '. (!empty($settings['title'])?' title="'. esc_attr($settings['title']).'" alt="'. esc_attr($settings['title']).'" ':' alt="No show image" ') .'/>';
960
- $html .= '<div class="pp-sub-btns">';
961
 
 
962
  if( !empty($settings['itunes_url']) && !empty($settings['subscribe_feature_apple_shortcode']) ) {
 
963
  $html .= '<a href="'. esc_url( $settings['itunes_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-itunes" title="'. esc_attr( __('Subscribe on Apple Podcasts', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Apple Podcasts', 'powerpress') ) .'</a>';
964
  }
965
  // Google Podcasts
@@ -969,80 +955,87 @@ function powerpress_do_subscribe_widget($settings, $PowerPressSettings)
969
  else
970
  $googleUrl = 'https://www.google.com/podcasts?feed='. powerpress_base64_encode($settings['feed_url']);
971
  if (!empty($settings['subscribe_feature_gp_shortcode'])) {
 
972
  $html .= '<a href="' . esc_url($googleUrl) . '" class="pp-sub-btn' . $settings['subscribe_widget_shape'] . ' pp-sub-gp" title="' . esc_attr(__('Subscribe on Google Podcasts', 'powerpress')) . '"><span class="pp-sub-ic"></span>' . esc_html(__('Google Podcasts', 'powerpress')) . '</a>';
973
  }
974
 
975
  if( !empty($settings['subscribe_feature_spotify_shortcode']) && !empty($settings['spotify_url']) )
976
  {
 
977
  $html .= '<a href="'. esc_url( $settings['spotify_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-spotify" title="'. esc_attr( __('Subscribe on Spotify', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Spotify', 'powerpress') ) .'</a>';
978
  }
979
 
980
  if( !empty($settings['subscribe_feature_amazon_shortcode']) && !empty($settings['amazon_url']) ) {
981
-
982
  $html .= '<a href="'. esc_url( $settings['amazon_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-amazon" title="'. esc_attr( __('Subscribe on Amazon Music', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Amazon Music', 'powerpress') ) .'</a>';
983
  }
984
 
985
  if( !empty($settings['subscribe_feature_android_shortcode']) && preg_match('/^(https?:\/\/)(.*)$/i', $settings['feed_url'], $matches ) ) {
986
  $android_url = $matches[1] . 'subscribeonandroid.com/' . $matches[2];
 
987
  $html .= '<a href="'. esc_url( $android_url ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-android" title="'. esc_attr( __('Subscribe on Android', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Android', 'powerpress') ) .'</a>';
988
  }
989
 
990
  if( !empty($settings['subscribe_feature_pandora_shortcode']) && !empty($settings['pandora_url']) ) {
 
991
  $html .= '<a href="'. esc_url( $settings['pandora_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-pandora" title="'. esc_attr( __('Subscribe on Pandora', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Pandora', 'powerpress') ) .'</a>';
992
  }
993
 
994
  if( !empty($settings['subscribe_feature_iheart_shortcode']) && !empty($settings['iheart_url']) ) {
 
995
  $html .= '<a href="'. esc_url( $settings['iheart_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-iheartradio" title="'. esc_attr( __('Subscribe on iHeartRadio', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('iHeartRadio', 'powerpress') ) .'</a>';
996
  }
997
 
998
  if( !empty($settings['subscribe_feature_stitcher_shortcode']) && !empty($settings['stitcher_url']) )
999
  {
 
1000
  $html .= '<a href="'. esc_url( $settings['stitcher_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-stitcher" title="'. esc_attr( __('Subscribe on Stitcher', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Stitcher', 'powerpress') ) .'</a>';
1001
  }
1002
 
1003
  if( !empty($settings['subscribe_feature_blubrry_shortcode']) && !empty($settings['blubrry_url']) ) {
1004
-
1005
  $html .= '<a href="'. esc_url( $settings['blubrry_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-blubrry" title="'. esc_attr( __('Subscribe on Blubrry', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Blubrry', 'powerpress') ) .'</a>';
1006
  }
1007
 
1008
  if( !empty($settings['subscribe_feature_jiosaavn_shortcode']) && !empty($settings['jiosaavn_url']) ) {
1009
-
1010
  $html .= '<a href="'. esc_url( $settings['jiosaavn_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-jiosaavn" title="'. esc_attr( __('Subscribe on JioSaavn', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('JioSaavn', 'powerpress') ) .'</a>';
1011
  }
1012
 
1013
  if( !empty($settings['subscribe_feature_podchaser_shortcode']) && !empty($settings['podchaser_url']) ) {
1014
-
1015
  $html .= '<a href="'. esc_url( $settings['podchaser_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-podchaser" title="'. esc_attr( __('Subscribe on Podchaser', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Podchaser', 'powerpress') ) .'</a>';
1016
  }
1017
 
1018
  if( !empty($settings['subscribe_feature_gaana_shortcode']) && !empty($settings['gaana_url']) ) {
1019
-
1020
  $html .= '<a href="'. esc_url( $settings['gaana_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-gaana" title="'. esc_attr( __('Subscribe on Gaana', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Gaana', 'powerpress') ) .'</a>';
1021
  }
1022
 
1023
  if( !empty($settings['subscribe_feature_pcindex_shortcode']) && !empty($settings['pcindex_url']) ) {
1024
-
1025
  $html .= '<a href="'. esc_url( $settings['pcindex_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-pcindex" title="'. esc_attr( __('Subscribe on Podcast Index', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Podcast Index', 'powerpress') ) .'</a>';
1026
  }
1027
 
1028
  if( !empty($settings['subscribe_feature_email_shortcode']) && preg_match('/^(https?:\/\/)(.*)$/i', $settings['feed_url'], $matches ) ) {
1029
-
1030
  $email_url = $matches[1] . 'subscribebyemail.com/' . $matches[2];
1031
  $html .= '<a href="'. esc_url( $email_url ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-email" title="'. esc_attr( __('Subscribe by Email', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('by Email', 'powerpress') ) .'</a>';
1032
  }
1033
 
1034
  if( !empty($settings['subscribe_feature_tunein_shortcode']) && !empty($settings['tunein_url']) )
1035
  {
 
1036
  $html .= '<a href="'. esc_url( $settings['tunein_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-tunein" title="'. esc_attr( __('Subscribe on TuneIn', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('TuneIn', 'powerpress') ) .'</a>';
1037
  }
1038
 
1039
  if( !empty($settings['subscribe_feature_deezer_shortcode']) && !empty($settings['deezer_url']) ) {
1040
-
1041
  $html .= '<a href="'. esc_url( $settings['deezer_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-deezer" title="'. esc_attr( __('Subscribe on Deezer', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Deezer', 'powerpress') ) .'</a>';
1042
  }
1043
 
1044
  if( !empty($settings['subscribe_feature_anghami_shortcode']) && !empty($settings['anghami_url']) ) {
1045
-
1046
  $html .= '<a href="'. esc_url( $settings['anghami_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-anghami" title="'. esc_attr( __('Subscribe on Anghami', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Anghami', 'powerpress') ) .'</a>';
1047
  }
1048
 
@@ -1050,15 +1043,16 @@ function powerpress_do_subscribe_widget($settings, $PowerPressSettings)
1050
 
1051
 
1052
  if (!empty($settings['subscribe_feature_rss_shortcode'])) {
1053
- $html .= '<a href="'. esc_url( $settings['feed_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-rss" title="'. esc_attr( __('Subscribe via RSS', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('RSS', 'powerpress') ) .'</a>';
 
 
 
 
 
 
1054
  }
1055
 
1056
  $html .= '</div>';
1057
- $html .= '</div>';
1058
- $html .= '<div class="pp-sub-m">';
1059
- $html .= '<p class="pp-sub-m-p">' . esc_html(__('Or subscribe with your favorite app by using the address below', 'powerpress')) . '</p>';
1060
- $html .= '<input class="pp-sub-m-i" type="text" name="NULL' . rand(0, 9999) . '" value="' . esc_attr($settings['feed_url']) . '" onclick="this.focus();this.select();" />';
1061
- $html .= '</div>';
1062
  $html .= '</div>';
1063
 
1064
  return $html;
@@ -1076,13 +1070,6 @@ function powerpress_do_subscribe_sidebar_widget($settings)
1076
  $settings['itunes_url'] = powerpresssubscribe_get_itunes_url( $settings );
1077
  }
1078
 
1079
- if( empty($settings['style']) )
1080
- {
1081
- $settings['style'] = 'classic';
1082
- $PowerPressSettings = get_option('powerpress_general');
1083
- if( empty($PowerPressSettings['timestmap']) || $PowerPressSettings['timestamp'] > 1570366800 ) // If after Oct 7, 2019
1084
- $settings['style'] = 'modern';
1085
- }
1086
  if( empty($settings['modern_direction']) )
1087
  {
1088
  $settings['modern_direction'] = 'vertical';
@@ -1104,7 +1091,7 @@ function powerpress_do_subscribe_sidebar_widget($settings)
1104
  $important_tags_class = ' pp-ssb-widget-include';
1105
  }
1106
  $html = '';
1107
- $html .= '<div class="pp-ssb-widget pp-ssb-widget-'. esc_attr($settings['style']) . $important_tags_class .'">';
1108
  if( !empty($settings['itunes_url']) && !empty($settings['subscribe_feature_apple_sidebar']) ) {
1109
  $html .= '<a href="'. esc_url( $settings['itunes_url'] ) .'" class="pp-ssb-btn'.$settings['modern_style'].' '.$settings['modern_direction'].' pp-ssb-itunes" title="'. esc_attr( __('Subscribe on Apple Podcasts', 'powerpress') ) .'"><span class="pp-ssb-ic"></span><span class="pp-ssb-text">'. esc_html( __('Apple Podcasts', 'powerpress') ) .'</span></a>';
1110
  }
807
  $Settings['title'] = ''; // This way the title can be detected
808
 
809
  unset($Settings['subtitle']); // Make sure no subtitle passes this point
810
+ if( !empty($Settings['itunes_subtitle']) ) {
811
  $Settings['subtitle'] = $Settings['itunes_subtitle'];
 
 
812
  }
813
+
814
+ if (!empty($Settings['description'])) {
815
+ $Settings['subtitle'] = $Settings['description'];
816
+ }
817
+
818
+ if( !empty($attr['subtitle']) ) {
819
+ $Settings['subtitle'] = $attr['subtitle'];
820
+ }
821
 
822
 
823
  if( !empty($attr['itunes_url']) )
824
  $Settings['itunes_url'] = $attr['itunes_url'];
 
 
825
  if( !empty($attr['subscribe_no_important_styling']) )
826
  $Settings['subscribe_no_important_styling'] = $attr['subscribe_no_important_styling'];
827
  if( !empty($attr['image_url']) )
879
 
880
  // This is the only spot that gets the General settings for the subscribe buttons...
881
  $PowerPressSettings = get_option('powerpress_general');
 
 
 
882
  $Settings['subscribe_widget_shape'] = ( empty($PowerPressSettings['subscribe_widget_shape']) || $PowerPressSettings['subscribe_widget_shape'] == 'squared' ? '-sq': '');
883
  $Settings['subscribe_no_important_styling'] = (!empty($PowerPressSettings['subscribe_no_important_styling']) ? $PowerPressSettings['subscribe_no_important_styling'] : '' );
884
  return powerpress_do_subscribe_widget($Settings, $PowerPressSettings);
910
  $settings['itunes_url'] = powerpresssubscribe_get_itunes_url( $settings );
911
  }
912
 
 
 
 
 
 
 
 
 
 
913
  if( empty($settings['image_url']) )
914
  {
915
  $settings['image_url'] = powerpress_get_root_url() . 'itunes_default.jpg'; // Default PowerPress image used in this case.
923
 
924
 
925
  $html = '';
926
+ $html .= '<div class="pp-sub-widget pp-sub-widget-modern' . $important_tags_class .'">';
927
+ $html .= '<div class="pp-sub-widget-head">';
928
+ $html .= '<img class="pp-sub-l" src="'. esc_url( $settings['image_url'] ) .'" '. (!empty($settings['title'])?' title="'. esc_attr($settings['title']).'" alt="'. esc_attr($settings['title']).'" ':' alt="No show image" ') .'/>';
929
+ if( !empty($settings['title']) ) {
930
+ $html .= '<div class="pp-sub-t">' . esc_html($settings['title']) . '</div>';
931
+ } else {
932
+ $html .= '<div class="pp-sub-t">' . __('Subscribe to podcast', 'powerpress') . '</div>';
933
+ }
934
+ if (!empty($settings['itunes_talent_name'])) {
935
+ $html .= '<div class="pp-sub-a">' . esc_html($settings['itunes_talent_name']) . '</div>';
936
+ }
 
 
 
 
 
 
 
937
  if( !empty($settings['subtitle']) )
938
  {
939
  $html .= '<p class="pp-sub-st">'. esc_html( $settings['subtitle'] ) .'</p>';
940
  }
941
 
942
  // Lets build the subscribe box...
943
+ $html .= '</div>';
944
+ $html .= '<div class="pp-sub-btns">';
 
945
 
946
+ $link_counter = 0;
947
  if( !empty($settings['itunes_url']) && !empty($settings['subscribe_feature_apple_shortcode']) ) {
948
+ $link_counter++;
949
  $html .= '<a href="'. esc_url( $settings['itunes_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-itunes" title="'. esc_attr( __('Subscribe on Apple Podcasts', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Apple Podcasts', 'powerpress') ) .'</a>';
950
  }
951
  // Google Podcasts
955
  else
956
  $googleUrl = 'https://www.google.com/podcasts?feed='. powerpress_base64_encode($settings['feed_url']);
957
  if (!empty($settings['subscribe_feature_gp_shortcode'])) {
958
+ $link_counter++;
959
  $html .= '<a href="' . esc_url($googleUrl) . '" class="pp-sub-btn' . $settings['subscribe_widget_shape'] . ' pp-sub-gp" title="' . esc_attr(__('Subscribe on Google Podcasts', 'powerpress')) . '"><span class="pp-sub-ic"></span>' . esc_html(__('Google Podcasts', 'powerpress')) . '</a>';
960
  }
961
 
962
  if( !empty($settings['subscribe_feature_spotify_shortcode']) && !empty($settings['spotify_url']) )
963
  {
964
+ $link_counter++;
965
  $html .= '<a href="'. esc_url( $settings['spotify_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-spotify" title="'. esc_attr( __('Subscribe on Spotify', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Spotify', 'powerpress') ) .'</a>';
966
  }
967
 
968
  if( !empty($settings['subscribe_feature_amazon_shortcode']) && !empty($settings['amazon_url']) ) {
969
+ $link_counter++;
970
  $html .= '<a href="'. esc_url( $settings['amazon_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-amazon" title="'. esc_attr( __('Subscribe on Amazon Music', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Amazon Music', 'powerpress') ) .'</a>';
971
  }
972
 
973
  if( !empty($settings['subscribe_feature_android_shortcode']) && preg_match('/^(https?:\/\/)(.*)$/i', $settings['feed_url'], $matches ) ) {
974
  $android_url = $matches[1] . 'subscribeonandroid.com/' . $matches[2];
975
+ $link_counter++;
976
  $html .= '<a href="'. esc_url( $android_url ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-android" title="'. esc_attr( __('Subscribe on Android', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Android', 'powerpress') ) .'</a>';
977
  }
978
 
979
  if( !empty($settings['subscribe_feature_pandora_shortcode']) && !empty($settings['pandora_url']) ) {
980
+ $link_counter++;
981
  $html .= '<a href="'. esc_url( $settings['pandora_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-pandora" title="'. esc_attr( __('Subscribe on Pandora', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Pandora', 'powerpress') ) .'</a>';
982
  }
983
 
984
  if( !empty($settings['subscribe_feature_iheart_shortcode']) && !empty($settings['iheart_url']) ) {
985
+ $link_counter++;
986
  $html .= '<a href="'. esc_url( $settings['iheart_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-iheartradio" title="'. esc_attr( __('Subscribe on iHeartRadio', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('iHeartRadio', 'powerpress') ) .'</a>';
987
  }
988
 
989
  if( !empty($settings['subscribe_feature_stitcher_shortcode']) && !empty($settings['stitcher_url']) )
990
  {
991
+ $link_counter++;
992
  $html .= '<a href="'. esc_url( $settings['stitcher_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-stitcher" title="'. esc_attr( __('Subscribe on Stitcher', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Stitcher', 'powerpress') ) .'</a>';
993
  }
994
 
995
  if( !empty($settings['subscribe_feature_blubrry_shortcode']) && !empty($settings['blubrry_url']) ) {
996
+ $link_counter++;
997
  $html .= '<a href="'. esc_url( $settings['blubrry_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-blubrry" title="'. esc_attr( __('Subscribe on Blubrry', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Blubrry', 'powerpress') ) .'</a>';
998
  }
999
 
1000
  if( !empty($settings['subscribe_feature_jiosaavn_shortcode']) && !empty($settings['jiosaavn_url']) ) {
1001
+ $link_counter++;
1002
  $html .= '<a href="'. esc_url( $settings['jiosaavn_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-jiosaavn" title="'. esc_attr( __('Subscribe on JioSaavn', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('JioSaavn', 'powerpress') ) .'</a>';
1003
  }
1004
 
1005
  if( !empty($settings['subscribe_feature_podchaser_shortcode']) && !empty($settings['podchaser_url']) ) {
1006
+ $link_counter++;
1007
  $html .= '<a href="'. esc_url( $settings['podchaser_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-podchaser" title="'. esc_attr( __('Subscribe on Podchaser', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Podchaser', 'powerpress') ) .'</a>';
1008
  }
1009
 
1010
  if( !empty($settings['subscribe_feature_gaana_shortcode']) && !empty($settings['gaana_url']) ) {
1011
+ $link_counter++;
1012
  $html .= '<a href="'. esc_url( $settings['gaana_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-gaana" title="'. esc_attr( __('Subscribe on Gaana', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Gaana', 'powerpress') ) .'</a>';
1013
  }
1014
 
1015
  if( !empty($settings['subscribe_feature_pcindex_shortcode']) && !empty($settings['pcindex_url']) ) {
1016
+ $link_counter++;
1017
  $html .= '<a href="'. esc_url( $settings['pcindex_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-pcindex" title="'. esc_attr( __('Subscribe on Podcast Index', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Podcast Index', 'powerpress') ) .'</a>';
1018
  }
1019
 
1020
  if( !empty($settings['subscribe_feature_email_shortcode']) && preg_match('/^(https?:\/\/)(.*)$/i', $settings['feed_url'], $matches ) ) {
1021
+ $link_counter++;
1022
  $email_url = $matches[1] . 'subscribebyemail.com/' . $matches[2];
1023
  $html .= '<a href="'. esc_url( $email_url ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-email" title="'. esc_attr( __('Subscribe by Email', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('by Email', 'powerpress') ) .'</a>';
1024
  }
1025
 
1026
  if( !empty($settings['subscribe_feature_tunein_shortcode']) && !empty($settings['tunein_url']) )
1027
  {
1028
+ $link_counter++;
1029
  $html .= '<a href="'. esc_url( $settings['tunein_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-tunein" title="'. esc_attr( __('Subscribe on TuneIn', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('TuneIn', 'powerpress') ) .'</a>';
1030
  }
1031
 
1032
  if( !empty($settings['subscribe_feature_deezer_shortcode']) && !empty($settings['deezer_url']) ) {
1033
+ $link_counter++;
1034
  $html .= '<a href="'. esc_url( $settings['deezer_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-deezer" title="'. esc_attr( __('Subscribe on Deezer', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Deezer', 'powerpress') ) .'</a>';
1035
  }
1036
 
1037
  if( !empty($settings['subscribe_feature_anghami_shortcode']) && !empty($settings['anghami_url']) ) {
1038
+ $link_counter++;
1039
  $html .= '<a href="'. esc_url( $settings['anghami_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-anghami" title="'. esc_attr( __('Subscribe on Anghami', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('Anghami', 'powerpress') ) .'</a>';
1040
  }
1041
 
1043
 
1044
 
1045
  if (!empty($settings['subscribe_feature_rss_shortcode'])) {
1046
+ $link_counter++;
1047
+ $html .= '<a href="'. esc_url( $settings['feed_url'] ) .'" class="pp-sub-btn'.$settings['subscribe_widget_shape'].' pp-sub-rss" title="'. esc_attr( __('Subscribe via RSS', 'powerpress') ) .'"><span class="pp-sub-ic"></span>'. esc_html( __('RSS', 'powerpress') ) .'</a>';
1048
+ }
1049
+
1050
+ while ($link_counter % 3 != 0) {
1051
+ $html .= '<div class="filling-empty-space"></div>';
1052
+ $link_counter++;
1053
  }
1054
 
1055
  $html .= '</div>';
 
 
 
 
 
1056
  $html .= '</div>';
1057
 
1058
  return $html;
1070
  $settings['itunes_url'] = powerpresssubscribe_get_itunes_url( $settings );
1071
  }
1072
 
 
 
 
 
 
 
 
1073
  if( empty($settings['modern_direction']) )
1074
  {
1075
  $settings['modern_direction'] = 'vertical';
1091
  $important_tags_class = ' pp-ssb-widget-include';
1092
  }
1093
  $html = '';
1094
+ $html .= '<div class="pp-ssb-widget pp-ssb-widget-modern' . $important_tags_class .'">';
1095
  if( !empty($settings['itunes_url']) && !empty($settings['subscribe_feature_apple_sidebar']) ) {
1096
  $html .= '<a href="'. esc_url( $settings['itunes_url'] ) .'" class="pp-ssb-btn'.$settings['modern_style'].' '.$settings['modern_direction'].' pp-ssb-itunes" title="'. esc_attr( __('Subscribe on Apple Podcasts', 'powerpress') ) .'"><span class="pp-ssb-ic"></span><span class="pp-ssb-text">'. esc_html( __('Apple Podcasts', 'powerpress') ) .'</span></a>';
1097
  }
powerpress.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Blubrry PowerPress
4
  Plugin URI: http://create.blubrry.com/resources/powerpress/
5
  Description: <a href="https://create.blubrry.com/resources/powerpress/" target="_blank">Blubrry PowerPress</a> is the No. 1 Podcasting plugin for WordPress. Developed by podcasters for podcasters; features include Simple and Advanced modes, multiple audio/video player options, subscribe to podcast tools, podcast SEO features, and more! Fully supports Apple Podcasts (previously iTunes), Google Podcasts, Spotify, Stitcher, and Blubrry Podcasting directories, as well as all podcast applications and clients.
6
- Version: 9.6.1
7
  Author: Blubrry
8
  Author URI: https://blubrry.com/
9
  Requires at least: 3.6
@@ -35,7 +35,7 @@ if( !function_exists('add_action') ) {
35
  }
36
 
37
  // WP_PLUGIN_DIR (REMEMBER TO USE THIS DEFINE IF NEEDED)
38
- define('POWERPRESS_VERSION', '9.6.1' );
39
 
40
  // Translation support:
41
  if ( !defined('POWERPRESS_ABSPATH') )
3
  Plugin Name: Blubrry PowerPress
4
  Plugin URI: http://create.blubrry.com/resources/powerpress/
5
  Description: <a href="https://create.blubrry.com/resources/powerpress/" target="_blank">Blubrry PowerPress</a> is the No. 1 Podcasting plugin for WordPress. Developed by podcasters for podcasters; features include Simple and Advanced modes, multiple audio/video player options, subscribe to podcast tools, podcast SEO features, and more! Fully supports Apple Podcasts (previously iTunes), Google Podcasts, Spotify, Stitcher, and Blubrry Podcasting directories, as well as all podcast applications and clients.
6
+ Version: 9.7
7
  Author: Blubrry
8
  Author URI: https://blubrry.com/
9
  Requires at least: 3.6
35
  }
36
 
37
  // WP_PLUGIN_DIR (REMEMBER TO USE THIS DEFINE IF NEEDED)
38
+ define('POWERPRESS_VERSION', '9.7' );
39
 
40
  // Translation support:
41
  if ( !defined('POWERPRESS_ABSPATH') )
powerpressadmin-jquery.php CHANGED
@@ -1066,11 +1066,14 @@ jQuery(document).ready(function($) {
1066
  nocache_headers();
1067
  echo "<html>";
1068
  echo "<body>";
1069
- $style = (!empty($_GET['style']) && $_GET['style'] == 'modern') ? 'modern' : 'classic';
1070
  $shape = (!empty($_GET['shape']) && $_GET['shape'] == 'squared') ? '-sq' : '';
1071
  $css = plugins_url('css/subscribe.css', __FILE__);
1072
  echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"$css\">";
1073
- echo '<div style="width:90%;margin:0 0;" class="pp-sub-widget pp-sub-widget-' . $style . '"><a href="#" class="pp-sub-btn' . $shape . ' pp-sub-itunes" title="'. esc_attr( __('Subscribe on Apple Podcasts', 'powerpress') ) .'" style="width: 90% !important;"><span class="pp-sub-ic"></span> '. esc_attr( __('Apple Podcasts', 'powerpress') ) .'</a></div>';
 
 
 
 
1074
  echo "</body>";
1075
  echo "</html>";
1076
  exit;
1066
  nocache_headers();
1067
  echo "<html>";
1068
  echo "<body>";
 
1069
  $shape = (!empty($_GET['shape']) && $_GET['shape'] == 'squared') ? '-sq' : '';
1070
  $css = plugins_url('css/subscribe.css', __FILE__);
1071
  echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"$css\">";
1072
+ echo '<div style="width:80%;margin:0 0;" class="pp-sub-widget pp-sub-widget-modern">';
1073
+ echo '<div class="pp-sub-btns">';
1074
+ echo '<a href="#" style="width:250px;" class="pp-sub-btn' . $shape . ' pp-sub-itunes" title="'. esc_attr( __('Subscribe on Apple Podcasts', 'powerpress') ) .'" style="width: 90% !important;"><span class="pp-sub-ic"></span> '. esc_attr( __('Apple Podcasts', 'powerpress') ) .'</a></div>';
1075
+ echo '</div>';
1076
+ echo '</div>';
1077
  echo "</body>";
1078
  echo "</html>";
1079
  exit;
powerpressadmin.php CHANGED
@@ -4770,14 +4770,6 @@ function powerpress_default_settings($Settings, $Section='basic')
4770
  $Settings['player_function'] = 1;
4771
  else if( $Settings['player_function'] == 4 )
4772
  $Settings['player_function'] = 2;
4773
- if(!isset($Settings['subscribe_widget_style'])) {
4774
- $General = powerpress_get_settings('powerpress_general');
4775
- if ( empty($General['timestamp']) || $General['timestamp'] > 1570366800 ) {
4776
- $Settings['subscribe_widget_style'] = 'modern';
4777
- } else {
4778
- $Settings['subscribe_widget_style'] = 'classic';
4779
- }
4780
- }
4781
  if(!isset($Settings['subscribe_widget_shape'])) {
4782
  $Settings['subscribe_widget_shape'] = 'squared';
4783
  }
4770
  $Settings['player_function'] = 1;
4771
  else if( $Settings['player_function'] == 4 )
4772
  $Settings['player_function'] = 2;
 
 
 
 
 
 
 
 
4773
  if(!isset($Settings['subscribe_widget_shape'])) {
4774
  $Settings['subscribe_widget_shape'] = 'squared';
4775
  }
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: podcasting, podcast, podcaster, powerpress, itunes, apple, apple podcasts,
4
  Requires at least: 3.6
5
  Requires PHP: 5.2
6
  Tested up to: 6.0
7
- Stable tag: 9.6.1
8
  Donate link: https://create.blubrry.com/resources/podcast-media-hosting/
9
  License: GPLv2 or later
10
 
@@ -185,6 +185,10 @@ If you are a fan of PowerPress, we would greatly appreciate it if you could take
185
 
186
 
187
  == Changelog ==
 
 
 
 
188
  = 9.6.1 =
189
  * Released on 10/24/2022
190
  * Various bugfixes
4
  Requires at least: 3.6
5
  Requires PHP: 5.2
6
  Tested up to: 6.0
7
+ Stable tag: 9.7
8
  Donate link: https://create.blubrry.com/resources/podcast-media-hosting/
9
  License: GPLv2 or later
10
 
185
 
186
 
187
  == Changelog ==
188
+ = 9.7 =
189
+ * Released on 10/31/2022
190
+ * New subscribe page design
191
+
192
  = 9.6.1 =
193
  * Released on 10/24/2022
194
  * Various bugfixes
views/settings_tab_appearance.php CHANGED
@@ -315,26 +315,10 @@ function powerpress_subscribe_settings($General, $FeedSettings) {
315
  <div>
316
  <p class="pp-settings-text" style="margin-top: 1em;"><?php echo __('Select the appearance of the subscribe buttons used on your subscribe page', 'powerpress'); ?></p>
317
  <?php
318
- // Set default based on when they installed PowerPress...
319
- if( empty($General['subscribe_widget_style']) ) {
320
-
321
- if( empty($General['timnestamp']) || $General['timestamp'] > 1570366800 ) { // On or after Oct 8, 2019
322
- $General['subscribe_widget_style'] = 'modern'; // new
323
- } else {
324
- $General['subscribe_widget_style'] = 'classic'; // Before Oct 8, 2019
325
- }
326
- }
327
  if( empty($General['subscribe_widget_shape']) ) {
328
  $General['subscribe_widget_shape'] = 'squared'; // Default value
329
  }
330
  ?>
331
- <div class="pp-settings-section">
332
- <h2><?php esc_html_e( 'Style' , 'powerpress'); ?></h2>
333
- <select id="subscribe_widget_style" class="pp-settings-select" name="General[subscribe_widget_style]">
334
- <option value="modern" <?php echo selected($General['subscribe_widget_style'], 'modern'); ?> >Modern</option>
335
- <option value="classic" <?php echo selected($General['subscribe_widget_style'], 'classic'); ?> >Classic</option>
336
- </select>
337
- </div>
338
  <div class="pp-settings-section">
339
  <h2><?php esc_html_e( 'Shape' , 'powerpress'); ?></h2>
340
  <input type="radio" id="subscribe_widget_shape_squared" class="pp-settings-radio-small"
@@ -364,7 +348,7 @@ function powerpress_subscribe_settings($General, $FeedSettings) {
364
  </div>
365
  <div class="pp-settings-section">
366
  <h2><?php esc_html_e( 'Susbcribe Button Preview' , 'powerpress'); ?></h2>
367
- <iframe id="btnPreview" title="<?php echo esc_attr(__('Subscribe Button Preview', 'powerpress')); ?>" style="height: 127px;width: auto;" src="<?php echo admin_url('admin.php?action=powerpress-jquery-subscribe-preview&style='.$General['subscribe_widget_style'].'&shape='.$General['subscribe_widget_shape']) ?>"></iframe>
368
  </div>
369
 
370
  </div>
315
  <div>
316
  <p class="pp-settings-text" style="margin-top: 1em;"><?php echo __('Select the appearance of the subscribe buttons used on your subscribe page', 'powerpress'); ?></p>
317
  <?php
 
 
 
 
 
 
 
 
 
318
  if( empty($General['subscribe_widget_shape']) ) {
319
  $General['subscribe_widget_shape'] = 'squared'; // Default value
320
  }
321
  ?>
 
 
 
 
 
 
 
322
  <div class="pp-settings-section">
323
  <h2><?php esc_html_e( 'Shape' , 'powerpress'); ?></h2>
324
  <input type="radio" id="subscribe_widget_shape_squared" class="pp-settings-radio-small"
348
  </div>
349
  <div class="pp-settings-section">
350
  <h2><?php esc_html_e( 'Susbcribe Button Preview' , 'powerpress'); ?></h2>
351
+ <iframe id="btnPreview" title="<?php echo esc_attr(__('Subscribe Button Preview', 'powerpress')); ?>" style="height: 127px;width: 400px;" src="<?php echo admin_url('admin.php?action=powerpress-jquery-subscribe-preview&style=modern&shape='.$General['subscribe_widget_shape']) ?>"></iframe>
352
  </div>
353
 
354
  </div>