PageSourceSearch

https://www.warnerrecords.com/news/new-signing-mick-fleetwood

html warnerrecords.com collected 2026-10-02 05:00:11 UTC 192,208 bytes, 4,250 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
3  <head>
4    <meta charset="utf-8" />
5<meta name="description" content="New Signing - Mick Fleetwood" />
6<meta name="keywords" content="Warner Records, Record Label, Music" />
7<link rel="canonical" href="https://www.warnerrecords.com/news/new-signing-mick-fleetwood" />
8<meta name="robots" content="index, follow" />
9<meta property="og:type" content="website" />
10<meta property="og:url" content="https://www.warnerrecords.com/news/new-signing-mick-fleetwood" />
11<meta property="og:title" content="New Signing - Mick Fleetwood" />
12<meta property="og:description" content="New Signing - Mick Fleetwood" />
13<meta property="og:image" content="https://www.warnerrecords.com/sites/g/files/g2000018231/files/2024-06/wrog.jpg" />
14<meta name="twitter:card" content="summary_large_image" />
15<meta name="twitter:description" content="New Signing - Mick Fleetwood" />
16<meta name="twitter:title" content="New Signing - Mick Fleetwood" />
17<meta name="twitter:image" content="https://www.warnerrecords.com/sites/g/files/g2000018231/files/2024-06/wrog.jpg" />
18<meta name="google-site-verification" content="google030fc2f1e5487842.html" />
19<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
20<meta name="MobileOptimized" content="width" />
21<meta name="HandheldFriendly" content="true" />
22<meta name="viewport" content="width=device-width, initial-scale=1.0" />
23<meta name="robots" content="noimageai,noai" />
24<meta name="viewport" content="width=device-width," initial-scale="1," maximum-scale="1" />
25<link rel="icon" href="/sites/g/files/g2000018231/files/wrfav3.png" type="image/png" />
26<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="b54e2f2e-ed6e-4460-b317-563b5c29cf1f" data-document-language="true"></script>
vendor: 1 bytes, line 26
26
27<script type="text/javascript">function OptanonWrapper() {
28      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
29      var allLinks = document.querySelectorAll('a');
30      for(i = 0; i < allLinks.length; i++) {
31        let href = allLinks[i].href;
32        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
33          href = href + '?ot=b54e2f2e-ed6e-4460-b317-563b5c29cf1f&url=' + window.location.hostname;
34          allLinks[i].setAttribute("href", href);
35          allLinks[i].setAttribute("target", "_blank");
36        }
37      }             
38      var eOT = new Event("OneTrustGroupsUpdated");
39      document.dispatchEvent(eOT);
40      var regCheckPerformance = /,C0002,/;
41      var regCheckFunctional = /,C0003,/;
42      var regCheckTargeting = /,C0004,/;
43      var regCheckSocial = /,C0008,/;
44}</script>
44
45<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
46<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmgwarnerrecords.com"},"content":{"artist":"Warner Records","label":"Warner Records"},"page":{"pageInfo":{"pageName":"Warner Records:News:New Signing - Mick Fleetwood","server":"Warner Records:Site","platform":"Drupal 10","devTeam":"WMAS"},"category":{"primaryCategory":"Warner Records:News","pageType":"News:Article"}}}</script>
vendor: 1 bytes, line 46
46
47<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 47
47
48<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 48
48
49<script data-highway="">if(typeof OptanonWrapper === "function"){OptanonWrapper();}�</script>
vendor: 1 bytes, line 49
49
50<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js">�</script>
vendor: 1 bytes, line 50
50
51<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js"></script>
51
52
53    <title>New Signing - Mick Fleetwood</title>
54    <link rel="stylesheet" media="all" href="/sites/g/files/g2000018231/files/css/css_HO76lSlpd7AeKw-X6jlDlz8f4xbctv6L_rMmZzXBOIY.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxdzEEOgzAMRNELBXykygErsmrHVSaAwulbsahKN7N4Gv3MreuTFmNgzJkhKd_IBeAi-OMa6_dZLDLbhD5Ma0lLNKEazdn0lISBLk5Xelc5QNfOHutmkg4vj3h1dT25a1T6wPQLb_C6P1M" />
55<link rel="stylesheet" media="all" href="/sites/g/files/g2000018231/files/css/css_ozUa9ZTQ3VDbJ2BXa9okZOkpKxt44CIc45-0ukQWZRo.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxdzEEOgzAMRNELBXykygErsmrHVSaAwulbsahKN7N4Gv3MreuTFmNgzJkhKd_IBeAi-OMa6_dZLDLbhD5Ma0lLNKEazdn0lISBLk5Xelc5QNfOHutmkg4vj3h1dT25a1T6wPQLb_C6P1M" />
56<link rel="stylesheet" media="print" href="/sites/g/files/g2000018231/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxdzEEOgzAMRNELBXykygErsmrHVSaAwulbsahKN7N4Gv3MreuTFmNgzJkhKd_IBeAi-OMa6_dZLDLbhD5Ma0lLNKEazdn0lISBLk5Xelc5QNfOHutmkg4vj3h1dT25a1T6wPQLb_C6P1M" />
57
58    
59  </head>
60  <body class="page-node-4496 page-node-type-news layout-no-sidebars path-node">
61        <a href="#main-content" class="visually-hidden focusable skip-link">
62      Skip to main content
63    </a>
64    
65      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
66    <div id="page-wrapper">
67  <div id="page">
68    <header id="header" class="header" role="banner">
69      <div class="section layout-container clearfix">
70        
71          <div class="clearfix region region-header">
72    <div id="block-bartik-mailinglistlightbox" data-block-plugin-id="block_content:ce9c6c5f-f76f-49cc-b660-1c67fa8f5d91" class="block block-block-content block-block-contentce9c6c5f-f76f-49cc-b660-1c67fa8f5d91">
73  
74    
75      <div class="content">
76      
77            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
77<script>
78    jQuery(document).ready(function () {
79        jQuery('.close-button').click(function () {
80            jQuery("div#block-bartik-mailinglistlightbox").css("display", "none");
81            jQuery("div#block-bartik-navblock .light-contents").css("display", "none");
82            jQuery('.lightbox-wrapp').hide();
83            // s_dtm.clearVars();
84            // digitalData.page.pageInfo.pageName = "Warner Records:homepage";
85            // digitalData.page.category.primaryCategory = "Warner Records:Home";
86            // digitalData.page.category.pageType = "homepage";
87            // _satellite.track("page view");
88        });
89        lightBoxMlist();
90    });
91    jQuery(window).resize(function () {
92        lightBoxMlist();
93    });
94    function lightBoxMlist() {
95        jQuery("a#subscribe-nav").click(function () {
96            jQuery("div#block-bartik-mailinglistlightbox").css("display", "block");
97            jQuery("div#block-bartik-navblock .light-contents").css("display", "block");
98            jQuery('.lightbox-wrapp').show();
99        })
100        // if (jQuery(window).width() <= 1024 && (screen.width < screen.height)) {
101        //     var mlistLightBox = jQuery("div#block-bartik-mailinglistlightbox .light-contents");
102        //     jQuery(mlistLightBox).insertAfter(jQuery("div#navbar"));
103        //     jQuery("div#block-bartik-mailinglistlightbox").css("display", "none");
104        // }
105        // else {
106        //     var mlistLightBox = jQuery("div#block-bartik-mailinglistlightbox .light-contents");
107        //     jQuery(".lightbox-wrapp").append(mlistLightBox);
108        //     jQuery("div#block-bartik-mailinglistlightbox").css("display", "none");
109        // }
110    }
111</script>
111
112
113<!-- Lightbox-DOM -->
114<div class="lightbox-wrapp">
115    <div class="light-contents">
116        <div class="close-button">
117            <a class="clos-btn">
118            </a>
119        </div>
120        <div class="mlistwrapper">
121            <div class="plain-ml-wrapper dtmlightbox firstMlistForm in-grid">
122                <div class="mlform">
123                    <div class="message">
124                        <p class="message-description">SIGN UP FOR WARNER RECORDS <br>ARTISTS AND NEW RELEASES</p>
125                    </div>
126                    <form class="mlistFormOne mlform twostep">
127                        <div class="email fieldWrap">
128                            <input data-type="email" data-error-text="Please enter a valid email address" required class="email" placeholder="Email" name="email">
129                        </div>
130                        <div class="primary-list-values">
131                            <input name="Datasource" type="hidden" value="WarnerRecords_NewsletterOptIn_MainSignUp_Website">
132                            <input name="newsletterId" type="hidden" value="6518500">
133                        </div>
134                        
135                        <div class="terms">
136                            <a href="javascript:void(0)" class="terms">Terms</a>
137                            <p class="terms-message fadeOut">
138                                By submitting my information, I agree to receive personalized updates and marketing
139                                messages
140                                about
141                                Artist based on my information, interests, activities, website visits and device data
142                                and in
143                                accordance with the <a href="https://www.warnerrecords.com/privacy-policy" target="_blank" class="external-link" title="Privacy Policy">Privacy&nbsp;Policy</a>. I understand that
144                                I can
145                                opt-out at any time by emailing <a href="mailto:[email protected]">[email protected]</a>.
146                            </p>
147                        </div>
148                        <div class="submit">
149                            <input type="submit" class="submit mlistSubmit" value="JOIN NEWSLETTER">
150                        </div>
151                    </form>
152
153                </div>
154                <div class="thankyou fadeOut">
155                    Thank you for signing up!
156                </div>
157                <div class="secondform fadeOut singleform">
158                    <span class="secondFormClose">x</span>
159                    <div class="welcome">
160                        <p>Welcome <span class="name"></span> to the Warner Records' mailing list!</p>
161                    </div>
162                    <form class="mlistFormTwo mlform">
163                        <input type="hidden" class="secondFormEmail" name="email" value>
164                        <div class="name">
165                            <div class="first fieldWrap">
166                              
167                                <input type="text" class="first" name="firstname" placeholder="First Name">
168                            </div>
169                        </div>
170                        <div class="postalcode fieldWrap">
171                           
172                            <input type="text" name="postalcode" placeholder="Zip">
173                        </div>
174                        <div class="postal_country">
175                            <div class="country select-drop-down-arrow">
176                                <select class="country form-control" name="country">
177                                </select>
178                            </div>
179                        </div>
180                        <div class="birthday">
181                            <div class="dobDay fieldWrap select-drop-down-arrow">
182                                <select name="dobDay" class>
183                                    <option value>Day</option>
184                                    <option value="1">1</option>
185                                    <option value="2">2</option>
186                                    <option value="3">3</option>
187                                    <option value="4">4</option>
188                                    <option value="5">5</option>
189                                    <option value="6">6</option>
190                                    <option value="7">7</option>
191                                    <option value="8">8</option>
192                                    <option value="9">9</option>
193                                    <option value="10">10</option>
194                                    <option value="11">11</option>
195                                    <option value="12">12</option>
196                                    <option value="13">13</option>
197                                    <option value="14">14</option>
198                                    <option value="15">15</option>
199                                    <option value="16">16</option>
200                                    <option value="17">17</option>
201                                    <option value="18">18</option>
202                                    <option value="19">19</option>
203                                    <option value="20">20</option>
204                                    <option value="21">21</option>
205                                    <option value="22">22</option>
206                                    <option value="23">23</option>
207                                    <option value="24">24</option>
208                                    <option value="25">25</option>
209                                    <option value="26">26</option>
210                                    <option value="27">27</option>
211                                    <option value="28">28</option>
212                                    <option value="29">29</option>
213                                    <option value="30">30</option>
214                                    <option value="31">31</option>
215                                </select>
216                            </div>
217                            <div class="dobMonth fieldWrap select-drop-down-arrow">
218                                <select name="dobMonth" class>
219                                    <option value>Month</option>
220                                    <option value="1">January</option>
221                                    <option value="2">February</option>
222                                    <option value="3">March</option>
223                                    <option value="4">April</option>
224                                    <option value="5">May</option>
225                                    <option value="6">June</option>
226                                    <option value="7">July</option>
227                                    <option value="8">August</option>
228                                    <option value="9">September</option>
229                                    <option value="10">October</option>
230                                    <option value="11">November</option>
231                                    <option value="12">December</option>
232                                </select>
233                            </div>
234                        </div>
235                        <input name="newsletterId" type="hidden" value="14075551">
236                        <input name="Datasource" type="hidden" value="WarnerRecords_NewsletterOptIn_MainSignUp_Website">
237                        
238                        <div class="submit">
239                            <input type="submit" class="submit mlistSubmit" value="Submit">
240                        </div>
241                        <div class="terms">
242                            <a href="javascript:void(0)" class="terms">Terms</a>
243                            <p class="terms-message-2 fadeOut">
244                                By submitting my information, I agree to re
244ceive personalized updates and marketing
245                                messages about Warner&nbsp;Records based on my information, interests, activities,
246                                website visits and device data and in accordance with the <a href="https://www.warnerrecords.com/privacy-policy" target="_blank" class="external-link" rel="nofollow" title="Follow link">Privacy&nbsp;Policy</a>. In
247                                addition, if I have checked the box above, I agree to receive such updates and messages
248                                about similar artists, products and offers. I understand that I can opt-out from
249                                messages at any time by emailing <a href="mailto:[email protected]">[email protected]</a>.
250                            </p>
251                        </div>
252                    </form>
253                </div>
254            </div>
255        </div>
256    </div>
257</div>
258
259<!-- Lightbox-STYLINGS -->
260<style>
261    div#block-bartik-mailinglistlightbox .lightbox-wrapp {
262        position: fixed;
263        top: 50%;
264        left: 50%;
265        transform: translate(-50%, -50%);
266        text-align: center;
267        background: #000000b8;
268        color: #000;
269        z-index: 10000;
270        width: 100%;
271        height: 100%;
272        backdrop-filter: blur(7px);
273        -webkit-backdrop-filter: blur(7px);
274        background: rgba(0, 0, 0, 0.7);
275    }
276
277    div#block-bartik-mailinglistlightbox .light-contents {
278        position: fixed;
279        top: 50%;
280        left: 50%;
281        transform: translate(-50%, -50%);
282        width: 50%;
283        text-align: center;
284        background: #fff;
285        color: #000;
286        z-index: 10000;
287        padding: 4.0625vw 0;
288        height: auto;
289        width: 34.010417vw;
290        display: none;
291    }
292
293    div#block-bartik-mailinglistlightbox .close-button {
294        position: absolute;
295        right: 1vw;
296        top: 1vw;
297        background: transparent;
298        width: 1.823vw;
299        height: 1.823vw;
300        line-height: 1.823vw;
301        border-radius: 50%;
302        cursor: pointer;
303        z-index: 10000;
304        font-family: var(--default-ffname);
305        transition: all 0.5s ease-out;
306    }
307
308    div#block-bartik-mailinglistlightbox .close-button:hover {
309        opacity: 0.5;
310    }
311
312    div#block-bartik-mailinglistlightbox a.clos-btn:before {
313        content: "✕";
314        font-size: 1vw;
315        position: absolute;
316        top: 50%;
317        left: 50%;
318        transform: translate(-50%, -50%);
319        color: #000000;
320        font-weight: bold;
321    }
322
323    div#block-bartik-mailinglistlightbox .mlistwrapper {
324        max-width: 26.25vw;
325        width: 100%;
326        margin: 0 auto;
327    }
328
329    div#block-bartik-mailinglistlightbox div.firstMlistForm,
330    div#block-bartik-mailinglistlightbox #firstMlistForm {
331        font-size: 0;
332        padding: 0;
333    }
334
335    div#block-bartik-mailinglistlightbox .fadeOut {
336        display: none;
337    }
338
339    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after,
340    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobMonth:after,
341    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobDay:after,
342    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobMonth:after,
343    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay:after {
344        position: absolute;
345        pointer-events: none;
346        content: "\25BC";
347        text-indent: initial;
348        font-size: 1vw;
349        right: 0.21vw;
350        width: 1vw;
351        top: 50%;
352        transform: translateY(-50%);
353        color: #0000004d;
354    }
355
356    div#block-bartik-mailinglistlightbox input,
357    div#block-bartik-mailinglistlightbox select {
358        color: #0000004d;
359        height: 2.1875vw;
360        line-height: 2.1875vw;
361        margin: 0;
362        padding: 0;
363        text-transform: uppercase;
364        border: none;
365        border: 2px solid #000000;
366        background: transparent;
367        font-size: 0.833333vw;
368        width: 100%;
369        opacity: 1;
370        outline: none;
371        border-radius: 0;
372        -webkit-appearance: none;
373        -moz-appearance: none;
374        font-family: var(--default-ffname);
375        font-weight: var(--default-ffweight);
376        letter-spacing: 0.32px;
377        padding-left: 1vw;
378    }
379
380    div#block-bartik-mailinglistlightbox option {
381        background: #FFFFFF;
382        color: #0000004d;
383    }
384
385    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div {
386        margin-bottom: 1vw;
387        position: static;
388        display: block;
389        /* vertical-align: top; */
390    }
391
392    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.submit,
393    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit {
394        margin: 0;
395        width: auto;
396        text-align: center;
397    }
398
399    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit),
400    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) {
401        height: 2.604167vw;
402        line-height: 2.904167vw;
403        background: #000000;
404        color: #FFFFFF;
405        border: 1px solid #000000;
406        font-size: 1.041667vw;
407        width: 100%;
408        letter-spacing: 0.4px;
409        font-family: var(--ff-foundsmd);
410        font-weight: var(--default-ffweight);
411        padding: 0;
412    }
413
414    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) {
415        width: 100%;
416        text-align: center;
417        position: relative;
418        right: 0;
419        bottom: 1vw;
420    }
421
422    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) a.terms,
423    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) a.terms:hover,
424    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p {
425        color: #000;
426        opacity: 1;
427        font-size: 0.761vw;
428        line-height: 1.2;
429        text-align: center;
430        text-transform: normal;
431        font-family: var(--ff-foundreg);
432        font-family: 'sharp_sansextrabold';
433
434    }
435
436    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) a,
437    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p {
438        margin: 0.642vw 0 0;
439        text-align: left;
440    }
441
442    div#block-bartik-mailinglistlightbox input[type="submit"] {
443        cursor: pointer;
444    }
445
446    div#block-bartik-mailinglistlightbox span.input-error {
447        color: red;
448        font-size: 0.81vw;
449        position: static;
450        bottom: -1.12vw;
451        left: 0;
452        width: 100%;
453        font-family: var(--default-ffname);
454        font-weight: 400;
455        text-align: left;
456    }
457
458    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div {
459        margin-bottom: 1.125vw;
460        position: relative;
461    }
462
463    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.name>div.first {
464        margin: 0;
465        width: 100%;
466        display: block;
467    }
468
469    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div {
470        display: inline-block;
471        width: 49%;
472        position: relative;
473    }
474
475    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay {
476        margin-right: 2%;
477    }
478
479    div#block-bartik-mailinglistlightbox .globaloptin.fieldWrap {
480        margin: 0 0 1.25vw;
481        text-align: left;
482        position: relative;
483        font-size: 1vw;
484        font-weight: normal;
485        color: #0000004d;
486        line-height: 1vw;
487    }
488
489    div#block-bartik-mailinglistlightbox .globaloptin input {
490        width: 0.9517vw;
491        height: 0.9517vw;
492        margin: 0;
493        position: absolute;
494        display: inline-block;
495        opacity: 0;
496        vertical-align: top;
497    }
498
499    div#block-bartik-mailinglistlightbox label.goptin_checkbox {
500        display: inline-block;
501        padding-left: calc(1.098vw + 5px);
502        vertical-align: top;
503        text-transform: initial;
504        font-family: var(--default-ffname);
505        font-weight: var(--default-ffweight);
506        color: #000000;
507    }
508
509    div#block-bartik-mailinglistlightbox label.goptin_checkbox span {
510        font-family: var(--default-ffname);
511        font-weight: var(--default-ffweight);
512        white-space: nowrap;
513    }
514
515    div#block-bartik-mailinglistlightbox .globaloptin label::before {
516        content: "";
517        width: 1.098vw;
518        height: 1.098vw;
519        top: 0;
520        left: 0;
521        border: 1px solid #000000;
522        position: absolute;
523        display: inline-block;
524        box-sizing: border-box;
525    }
526
527    div#block-bartik-mailinglistlightbox .globaloptin label::after {
528        content: "\2713";
529        font-size: 1vw;
530        top: 0.125vw;
531        left: 0.125vw;
532        position: absolute;
533        display: inline-block;
534        color: #000000;
535    }
536
537    div#block-bartik-mailinglistlightbox .globaloptin input[type="checkbox"]+label::after {
538        content: none;
539    }
540
541    div#block-bartik-mailinglistlightbox .globaloptin input[type="checkbox"]:checked+label::after {
542        content: "\2713";
543    }
544
545    div#block-bartik-mailinglistlightbox :is(div#thankyou, div.thankyou) {
546        color: #0000004d;
547        text-align: left;
548        font-size: 1.5vw;
549        text-transform: uppercase;
550        font-family: var(--default-ffname);
551    }
552
553    div#block-bartik-mailinglistlightbox :is(div#thankyou, div.thankyou).fadeIn {
554        display: block;
555        text-align: center;
556    }
557
558    div#block-bartik-mailinglistlightbox input:-webkit-autofill,
559    div#block-bartik-mailinglistlightbox input:-webkit-autofill:hover,
560    div#block-bartik-mailinglistlightbox input:-webkit-autofill:focus,
561    div#block-bartik-mailinglistlightbox select:-webkit-autofill,
562    div#block-bartik-mailinglistlightbox select:-webkit-autofill:hover,
563    div#block-bartik-mailinglistlightbox select:-webkit-autofill:focus {
564        -webkit-text-fill-color: #0000004d;
565        -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
566        transition: #FFFFFF 5000s ease-in-out 0s;
567    }
568
569    div#block-bartik-mailinglistlightbox ::-webkit-input-placeholder {
570        color: #0000004d;
571        opacity: 1;
572    }
573
574    div#block-bartik-mailinglistlightbox :-ms-input-placeholder {
575        color: #0000004d;
576        opacity: 1;
577    }
578
579    div#block-bartik-mailinglistlightbox ::placeholder {
580        color: #0000004d;
581        opacity: 1;
582    }
583
584    div#block-bartik-mailinglistlightbox .globaloptin input.errored+label:before,
585    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.email input.errored {
586        border-color: red;
587    }
588
589    div#block-bartik-mailinglistlightbox .welcome * {
590        font-size: 1.2vw;
591        color: #0000004d;
592        text-transform: uppercase;
593        text-align: center;
594        font-family: var(--default-ffname);
595    }
596
597    div#block-bartik-mailinglistlightbox .copyright-bar a:hover,
598    div#block-bartik-mailinglistlightbox .nav-right a:hover,
599    div#block-bartik-mailinglistlightbox .nav-bottom a:hover,
600    div#block-bartik-mailinglistlightbox .followLink a:hover,
601    div#block-bartik-mailinglistlightbox .closePopUp:hover {
602        opacity: 0.5;
603    }
604
605    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit):hover,
606    div#block-bartik-mailinglistlightbox :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit):hover {
607        background: #292929;
608    }
609
610    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p a:focus,
611    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p a:hover,
612    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p a:active {
613        color: #000;
614        opacity: 1;
615        text-decoration: none;
616    }
617
618    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p {
619        position: relative;
620        background: #FFFFFF;
621        padding: 0.42vw;
622    }
623
624    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div label {
625        font-size: 0.520833vw;
626        text-transform: initial;
627        display: block;
628        margin: 0 auto;
629        color: #000000;
630        font-weight: normal;
631        line-height: 0.677083vw;
632    }
633
634    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div label a {
635        font-size: 0.520833vw;
636        color: #000000;
637    }
638
639    div#block-bartik-mailinglistlightbox .message {
640        font-size: 1.5625vw;
641        letter-spacing: 0.03125vw;
642        text-transform: uppercase;
643        text-align: center;
644        font-family: var(--default-ffname);
645        margin: 0.364583vw auto 1.666667vw;
646    }
647
648    div#block-bartik-mailinglistlightbox p.message-description {
649        margin: 0;
650    }
651
652    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.email {
653        width: 100%;
654    }
655
656    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.submit {
657        width: 100%;
658    }
659
660    div#block-bartik-mailinglistlightbox :is(form#mlistFormOne, form.mlistFormOne)>div.email input {
661        height: 2.1875vw;
662        border: 2px solid #000000;
663        line-height: 2.1875vw;
664        padding-left: 1.180729vw;
665    }
666
667    div#block-bartik-mailinglistlightbox form.mlistFormOne.mlform.twostep {
668        position: relative;
669        font-family: var(--default-ffname);
670    }
671
672    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) a.terms {
673        display: block;
674        /* margin-right: 2vw; */
675        text-decoration: underline;
676    }
677
678    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p a {
679        color: #000;
680        text-decoration: underline;
681    }
682
683    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) a.terms:hover,
684    div#block-bartik-mailinglistlightbox :is(div#terms, div.terms) p a:hover {
685        text-decoration: none;
686        color: #0000004d;
687    }
688
689    div#block-bartik-mailinglistlightbox form.mlistFormTwo.mlform :is(div#terms, div.terms) a.terms,
690    div#block-bartik-mailinglistlightbox form.mlistFormTwo.mlform :is(div#terms, div.terms) a.terms:hover {
691        text-align: center;
692        margin-right: 0vw;
693    }
694
695    div#block-bartik-mailinglistlightbox form.mlistFormTwo.mlform :is(div#terms, div.terms) {
696        bottom: 0;
697    }
698
699    div#block-bartik-mailinglistlightbox span.secondFormClose {
700        font-size: 2vw;
701        color: #0000004d;
702        line-height: 1;
703        position: absolute;
704        cursor: pointer;
705        top: 0;
706        right: 0;
707        font-family: var(--default-ffname);
708    }
709
710    div#block-bartik-mailinglistlightbox span.secondFormClose:hover {
711        opacity: 0.5;
712    }
713
714    div#block-bartik-mailinglistlightbox .welcome {
715        padding: 3vw 0 0;
716    }
717
718    div#block-bartik-mailinglistlightbox .secondform.singleform {
719        position: relative;
720    }
721
722    /* new css */
723    div#block-bartik-navblock .lightbox-wrapp {
724        position: fixed;
725        top: 50%;
726        left: 50%;
727        transform: translate(-50%, -50%);
728        text-align: center;
729        background: #000000b8;
730        color: #000;
731        z-index: 10000;
732        width: 100%;
733        height: 100%;
734        display: none;
735        backdrop-filter: blur(7px);
736        -webkit-backdrop-filter: blur(7px);
737        background: rgba(0, 0, 0, 0.7);
738    }
739
740    div#block-bartik-navblock .light-contents {
741        position: fixed;
742        top: 50%;
743        left: 50%;
744        transform: translate(-50%, -50%);
745        width: 50%;
746        text-align: center;
747        background: #fff;
748        color: #000;
749        z-index: 10000;
750        padding: 4.0625vw 0;
751        height: auto;
752        width: 34.010417vw;
753    }
754
755    div#block-bartik-navblock .close-button {
756        position: absolute;
757        right: 1vw;
758        top: 1vw;
759        background: transparent;
760        width: 1.823vw;
761        height: 1.823vw;
762        line-height: 1.823vw;
763        border-radius: 50%;
764        cursor: pointer;
765        z-index: 10000;
766        font-family: var(--default-ffname);
767        transition: all 0.5s ease-out;
768    }
769
770    div#block-bartik-navblock .close-button:hover {
771        opacity: 0.5;
772    }
773
774    div#block-bartik-navblock a.clos-btn:before {
775        content: "✕";
776        font-size: 1vw;
777        position: absolute;
778        top: 50%;
779        left: 50%;
780        transform: translate(-50%, -50%);
781        color: #000000;
782        font-weight: bold;
783    }
784
785    div#block-bartik-navblock .mlistwrapper {
786        max-width: 26.25vw;
787        width: 100%;
788        margin: 0 auto;
789    }
790
791    div#block-bartik-navblock div.firstMlistForm,
792    div#block-bartik-navblock #firstMlistForm {
793        font-size: 0;
794        padding: 0;
795    }
796
797    div#block-bartik-navblock .fadeOut {
798        display: none;
799    }
800
801    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after,
802    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobMonth:after,
803    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobDay:after,
804    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobMonth:after,
805    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay:after {
806        position: absolute;
807        pointer-events: none;
808        content: "\25BC";
809        text-indent: initial;
810        font-size: 1vw;
811        right: 0.21vw;
812        width: 1vw;
813        top: 50%;
814        transform: translateY(-50%);
815        color: #0000004d;
816    }
817
818    div#block-bartik-navblock input,
819    div#block-bartik-navblock select {
820        color: #0000004d;
821        height: 2.1875vw;
822        line-height: 2.1875vw;
823        margin: 0;
824        padding: 0;
825        text-transform: uppercase;
826        border: none;
827        border: 2px solid #000000;
828        background: transparent;
829        font-size: 0.833333vw;
830        width: 100%;
831        opacity: 1;
832        outline: none;
833        border-radius: 0;
834        -webkit-appearance: none;
835        -moz-appearance: none;
836        font-family: var(--default-ffname);
837        font-weight: var(--default-ffweight);
838        letter-spacing: 0.32px;
839        padding-left: 1vw;
840    }
841
842    div#block-bartik-navblock option {
843        background: #FFFFFF;
844        color: #0000004d;
845    }
846
847    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div {
848        margin-bottom: 1.354167vw;
849        position: static;
850        display: block;
851        /* vertical-align: top; */
852    }
853
854    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.submit,
855    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit {
856        margin: 0;
857        width: auto;
858        text-align: center;
859    }
860
861    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit),
862    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) {
863        height: 2.604167vw;
864        line-height: 2.904167vw;
865        background: #000000;
866        color: #FFFFFF;
867        border: 1px solid #000000;
868        font-size: 1.041667vw;
869        width: 100%;
870        letter-spacing: 0.4px;
871        font-family: var(--ff-foundsmd);
872        font-weight: var(--default-ffweight);
873        padding: 0;
874    }
875
876    div#block-bartik-navblock :is(div#terms, div.terms) {
877        width: 100%;
878        text-align: center;
879        position: relative;
880        right: 0;
881        bottom: 1vw;
882    }
883
884    div#block-bartik-navblock :is(div#terms, div.terms) a.terms,
885    div#block-bartik-navblock :is(div#terms, div.terms) a.terms:hover,
886    div#block-bartik-navblock :is(div#terms, div.terms) p {
887        color: #000000;
888        opacity: 1;
889        font-size: 0.761vw;
890        line-height: 1.2;
891        text-align: center;
892        text-transform: normal;
893        font-family: var(--ff-foundreg);
894        font-family: 'sharp_sansextrabold';
895    }
896
897    div#block-bartik-navblock :is(div#terms, div.terms) a,
898    div#block-bartik-navblock :is(div#terms, div.terms) p {
899        margin: 0.642vw 0 0;
900        text-align: left;
901    }
902
903    div#block-bartik-navblock input[type="submit"] {
904        cursor: pointer;
905    }
906
907    div#block-bartik-navblock span.input-error {
908        color: red;
909        font-size: 0.81vw;
910        position: s;
911        bottom: -1.12vw;
912        left: 0;
913        width: 100%;
914        font-family: var(--ff-foundreg);
915        font-weight: 400;
916        text-align: left;
917    }
918
919    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div {
920        margin-bottom: 1.125vw;
921        position: relative;
922    }
923
924    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.name>div.first {
925        margin: 0;
926        width: 100%;
927        display: block;
928    }
929
930    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div {
931        display: inline-block;
932        width: 49%;
933        position: relative;
934    }
935
936    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay {
937        margin-right: 2%;
938    }
939
940    div#block-bartik-navblock .globaloptin.fieldWrap {
941        margin: 0 0 1.25vw;
942        text-align: left;
943        position: relative;
944        font-size: 1vw;
945        font-weight: normal;
946        color: #0000004d;
947        line-height: 1vw;
948    }
949
950    div#block-bartik-navblock .globaloptin input {
951        width: 0.9517vw;
952        height: 0.9517vw;
953        margin: 0;
954        position: absolute;
955        display: inline-block;
956        opacity: 0;
957        vertical-align: top;
958    }
959
960    div#block-bartik-navblock label.goptin_checkbox {
961        display: inline-block;
962        padding-left: calc(1.098vw + 5px);
963        vertical-align: top;
964        text-transform: initial;
965        font-family: var(--default-ffname);
966        font-weight: var(--default-ffweight);
967        color: #000000;
968    }
969
970    div#block-bartik-navblock label.goptin_checkbox span {
971        font-family: var(--default-ffname);
972        font-weight: var(--default-ffweight);
973        white-space: nowrap;
974    }
975
976    div#block-bartik-navblock .globaloptin label::before {
977        content: "";
978        width: 1.098vw;
979        height: 1.098vw;
980        top: 0;
981        left: 0;
982        border: 1px solid #000000;
983        position: absolute;
984        display: inline-block;
985        box-sizing: border-box;
986    }
987
988    div#block-bartik-navblock .globaloptin label::after {
989        content: "\2713";
990        font-size: 1vw;
991        top: 0.125vw;
992        left: 0.125vw;
993        position: absolute;
994        display: inline-block;
995        color: #000000;
996    }
997
998    div#block-bartik-navblock .globaloptin input[type="checkbox"]+label::after {
999        content: none;
1000    }
1001
1002    div#block-bartik-navblock .globaloptin input[type="checkbox"]:checked+label::after {
1003        content: "\2713";
1004    }
1005
1006    div#block-bartik-navblock :is(div#thankyou, div.thankyou) {
1007        color: #0000004d;
1008        text-align: left;
1009        font-size: 1.5vw;
1010        text-transform: uppercase;
1011        font-family: var(--default-ffname);
1012    }
1013
1014    div#block-bartik-navblock :is(div#thankyou, div.thankyou).fadeIn {
1015        display: block;
1016        text-align: center;
1017    }
1018
1019    div#block-bartik-navblock input:-webkit-autofill,
1020    div#block-bartik-navblock input:-webkit-autofill:hover,
1021    div#block-bartik-navblock input:-webkit-autofill:focus,
1022    div#block-bartik-navblock select:-webkit-autofill,
1023    div#block-bartik-navblock select:-webkit-autofill:hover,
1024    div#block-bartik-navblock select:-webkit-autofill:focus {
1025        -webkit-text-fill-color: #0000004d;
1026        -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
1027        transition: #FFFFFF 5000s ease-in-out 0s;
1028    }
1029
1030    div#block-bartik-navblock ::-webkit-input-placeholder {
1031        color: #0000004d;
1032        opacity: 1;
1033    }
1034
1035    div#block-bartik-navblock :-ms-input-placeholder {
1036        color: #0000004d;
1037        opacity: 1;
1038    }
1039
1040    div#block-bartik-navblock ::placeholder {
1041        color: #0000004d;
1042        opacity: 1;
1043    }
1044
1045    div#block-bartik-navblock .globaloptin input.errored+label:before,
1046    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.email input.errored {
1047        border-color: red;
1048    }
1049
1050    div#block-bartik-navblock .welcome * {
1051        font-size: 1.2vw;
1052        color: #0000004d;
1053        text-transform: uppercase;
1054        text-align: center;
1055        font-family: var(--default-ffname);
1056    }
1057
1058    div#block-bartik-navblock .copyright-bar a:hover,
1059    div#block-bartik-navblock .nav-right a:hover,
1060    div#block-bartik-navblock .nav-bottom a:hover,
1061    div#block-bartik-navblock .followLink a:hover,
1062    div#block-bartik-navblock .closePopUp:hover {
1063        opacity: 0.5;
1064    }
1065
1066    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit):hover,
1067    div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit):hover {
1068        background: #292929;
1069    }
1070
1071    div#block-bartik-navblock :is(div#terms, div.terms) p a:focus,
1072    div#block-bartik-navblock :is(div#terms, div.terms) p a:hover,
1073    div#block-bartik-navblock :is(div#terms, div.terms) p a:active {
1074        color: #0000004d;
1075        opacity: 1;
1076        text-decoration: none;
1077    }
1078
1079    div#block-bartik-navblock :is(div#terms, div.terms) p {
1080        position: relative;
1081        background: #FFFFFF;
1082        padding: 0.42vw;
1083    }
1084
1085    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div label {
1086        font-size: 0.520833vw;
1087        text-transform: initial;
1088        display: block;
1089        margin: 0 auto;
1090        color: #000000;
1091        font-weight: normal;
1092        line-height: 0.677083vw;
1093    }
1094
1095    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div label a {
1096        font-size: 0.520833vw;
1097        color: #000000;
1098    }
1099
1100    div#block-bartik-navblock .message {
1101        font-size: 1.5625vw;
1102        letter-spacing: 0.03125vw;
1103        text-transform: uppercase;
1104        text-align: center;
1105        font-family: var(--default-ffname);
1106        margin: 0.364583vw auto 1.666667vw;
1107    }
1108
1109    div#block-bartik-navblock p.message-description {
1110        margin: 0;
1111    }
1112
1113    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.email {
1114        width: 100%;
1115    }
1116
1117    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.submit {
1118        width: 100%;
1119    }
1120
1121    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.email input {
1122        height: 2.1875vw;
1123        border: 2px solid #000000;
1124        line-height: 2.1875vw;
1125        padding-left: 1.180729vw;
1126    }
1127
1128    div#block-bartik-navblock form.mlistFormOne.mlform.twostep {
1129        position: relative;
1130        font-family: var(--default-ffname);
1131    }
1132
1133    div#block-bartik-navblock :is(div#terms, div.terms) a.terms {
1134        display: block;
1135        /*  margin-right: 2vw; */
1136        text-decoration: underline;
1137    }
1138
1139    div#block-bartik-navblock :is(div#terms, div.terms) p a {
1140        color: #000;
1141        text-decoration: underline;
1142    }
1143
1144    div#block-bartik-navblock :is(div#terms, div.terms) a.terms:hover,
1145    div#block-bartik-navblock :is(div#terms, div.terms) p a:hover {
1146        text-decoration: none;
1147        color: #0000004d;
1148    }
1149
1150    div#block-bartik-navblock form.mlistFormTwo.mlform :is(div#terms, div.terms) a.terms,
1151    div#block-bartik-navblock form.mlistFormTwo.mlform :is(div#terms, div.terms) a.terms:hover {
1152        text-align: center;
1153        margin-right: 0vw;
1154    }
1155
1156    div#block-bartik-navblock form.mlistFormTwo.mlform :is(div#terms, div.terms) {
1157        bottom: 0;
1158    }
1159
1160    div#block-bartik-navblock span.secondFormClose {
1161        font-size: 2vw;
1162        color: #0000004d;
1163        line-height: 1;
1164        position: absolute;
1165        cursor: pointer;
1166        top: 0;
1167        right: 0;
1168        font-family: var(--default-ffname);
1169    }
1170
1171    div#block-bartik-navblock span.secondFormClose:hover {
1172        opacity: 0.5;
1173    }
1174
1175    div#block-bartik-navblock .welcome {
1176        padding: 3vw 0 0;
1177    }
1178
1179    div#block-bartik-navblock .secondform.singleform {
1180        position: relative;
1181    }
1182
1183    div#block-bartik-navblock .light-contents {
1184        display: block;
1185    }
1186
1187    div#block-bartik-mailinglistlightbox {
1188        display: none !important;
1189    }
1190
1191    div#block-bartik-navblock .light-contents {
1192        display: none;
1193    }
1194
1195    @media only screen and (max-width:1024px) {
1196        div#block-bartik-navblock .light-contents {
1197            display: block !important;
1198        }
1199
1200    }
1201
1202    @media only screen and (max-width:1023px) and (orientation: landscape),
1203    only screen and (max-width: 1024px) and (orientation: portrait) {
1204        div#block-bartik-navblock .mlistwrapper {
1205            max-width: 85.102564vw;
1206        }
1207
1208        div#block-bartik-navblock div.firstMlistForm,
1209        div#block-bartik-navblock #firstMlistForm {
1210            max-width: 100%;
1211        }
1212
1213        div#block-bartik-navblock .message {
1214            font-size: 5.128205vw;
1215            margin: 1.282051vw auto 2.307692vw;
1216            letter-spacing: 0.4px;
1217        }
1218
1219        div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div {
1220            margin-bottom: 2.820513vw;
1221        }
1222
1223        div#block-bartik-navblock input,
1224        div#block-bartik-navblock select {
1225            font-size: 3.589744vw;
1226            height: 10.769231vw;
1227            line-height: 10.769231vw;
1228            padding-left: 2vw;
1229        }
1230
1231        div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.email input {
1232            height: 10.769231vw;
1233            line-height: 10.769231vw;
1234            border-bottom: 2px solid #000000;
1235            text-align: center;
1236        }
1237
1238        div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div label,
1239        div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div label a {
1240            font-size: 2.564103vw;
1241            line-height: 1.1;
1242        }
1243
1244        div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit),
1245        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) {
1246            height: 12.820513vw;
1247            line-height: 12.820513vw;
1248            font-size: 5.128205vw;
1249        }
1250
1251        div#block-bartik-navblock :is(div#terms, div.terms) a.terms,
1252        div#block-bartik-navblock :is(div#terms, div.terms) a.terms:hover,
1253        div#block-bartik-navblock :is(div#terms, div.terms) p {
1254            font-size: 2.33333vw;
1255        }
1256
1257        div#block-bartik-navblock :is(div#terms, div.terms) a.terms {
1258            /*  margin-right: 4.5vw; */
1259        }
1260
1261        div#block-bartik-navblock :is(div#terms, div.terms) p {
1262            padding: 2%;
1263        }
1264
1265        .light-contents+.light-contents {
1266            display: none;
1267        }
1268
1269        div#block-bartik-navblock span.input-error {
1270            font-size: 3.3vw;
1271            /*       bottom: -3.3vw; */
1272        }
1273
1274        div#block-bartik-navblock span.secondFormClose {
1275            font-size: 5vw;
1276        }
1277
1278        div#block-bartik-navblock .welcome {
1279            padding: 7vw 0 0;
1280        }
1281
1282        div#block-bartik-navblock .welcome * {
1283            font-size: 4.266667vw;
1284        }
1285
1286        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div {
1287            margin-bottom: 2vw;
1288        }
1289
1290        div#block-bartik-navblock .globaloptin input {
1291            width: 4vw;
1292            height: 4vw;
1293        }
1294
1295        div#block-bartik-navblock .globaloptin.fieldWrap {
1296            font-size: 3vw;
1297            line-height: 1.2;
1298            margin: 0 0 2vw;
1299        }
1300
1301        div#block-bartik-navblock label.goptin_checkbox {
1302            padding-left: calc(4.098vw + 5px);
1303            line-height: 1.2;
1304        }
1305
1306        div#block-bartik-navblock .globaloptin label::before {
1307            width: 4vw;
1308            height: 4vw;
1309        }
1310
1311        div#block-bartik-navblock .globaloptin label::after {
1312            font-size: 3.5vw;
1313            top: 0.5vw;
1314            left: 0.5vw;
1315        }
1316
1317        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after,
1318        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobMonth:after,
1319        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobDay:after,
1320        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobMonth:after,
1321        div#block-bartik-navblock :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay:after {
1322            font-size: 4vw;
1323            right: 5vw;
1324        }
1325
1326        div#block-bartik-navblock :is(div#thankyou, div.thankyou) {
1327            font-size: 4.7vw;
1328        }
1329    }
1330
1331    @media screen and (max-width: 1024px) and (orientation: portrait) {
1332
1333        /* .light-contents {
1334            padding: 5.641026vw 0;
1335            width: 94.871795vw;
1336        } */
1337        div#block-bartik-navblock .light-contents {
1338            padding: 5.641026vw 0;
1339            width: 94.871795vw;
1340            position: static;
1341            top: unset;
1342            left: unset;
1343            transform: none;
1344            margin: 4vw auto;
1345        }
1346
1347        div#block-bartik-navblock .close-button {
1348            /* right: 1vw;
1349            top: 1vw;
1350            width: 7vw;
1351            height: 7vw;
1352            line-height: 7vw; */
1353            display: none;
1354        }
1355
1356        div#block-bartik-navblock a.clos-btn:before {
1357            content: "✕";
1358            line-height: 1;
1359            font-size: 4vw;
1360            position: absolute;
1361            top: 50%;
1362            left: 50%;
1363            transform: translate(-50%, -50%);
1364        }
1365        div#block-bartik-navblock .lightbox-wrapp{
1366            display: block;
1367            position: static;
1368            transform: none;
1369        }
1370    }
1371
1372    @media screen and (max-width: 1024px) and (orientation: portrait) and (min-width: 767px) {
1373        div#block-bartik-navblock .light-contents {
1374            padding: 5% 0%;
1375        }
1376    }
1377
1378    @media screen and (max-width: 1023px) and (orientation: landscape) {
1379        div#block-bartik-navblock .light-contents {
1380            width: 90vw;
1381            transform: none;
1382            position: static;
1383            margin: 3vw auto;
1384        }
1385
1386        div#block-bartik-navblock .close-button {
1387            display: none;
1388        }
1389
1390        div#block-bartik-navblock :is(div#thankyou, div.thankyou).fadeIn {
1391            display: flex;
1392            align-items: center;
1393            justify-content: center;
1394            min-height: 75vh;
1395        }
1396    }
1397
1398
1399    @media only screen and (min-width:1025px),
1400    only screen and (orientation:landscape) {
1401        div#block-bartik-mailinglistlightbox {
1402            display: none;
1403        }
1404    }
1405</style></div>
1406      
1407    </div>
1408  </div>
1409<div id="block-bartik-resetcss" data-block-plugin-id="block_content:027629c7-ae70-4964-bb93-598178127492" class="block block-block-content block-block-content027629c7-ae70-4964-bb93-598178127492">
1410  
1411    
1412      <div class="content">
1413      
1414            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
1415button, input, optgroup, select, textarea{
1416font:revert;
1417}
1418#toolbar-administration,#block-wmg-warnerrecords-local-tasks{
1419display:none;
1420}
1421body{
1422padding-top:0 !important;
1423margin-left: 0 !important;
1424}
1425#block-wmg-warnerrecords-page-title{
1426display:none;
1427}
1428.marquee .marquee__inner div,.marquee .marquee__inner ul, .marquee .marquee__inner li{
1429display:inline-block;
1430}
1431.view-news.view-id-news.view-display-id-block_1 .view-content{
1432display:flex;
1433}
1434.view-id-news.view-display-id-block_4 .view-content li:first-child .marquee__item{
1435padding-left:1rem;
1436}
1437.view.view-news.view-id-news.view-display-id-block_2 .view-content{
1438   display: flex;
1439    order: 3;
1440    flex-direction: row;
1441    flex-wrap: wrap;
1442}
1443.pager{
1444padding:30px 0;
1445font-size:3vw;
1446}
1447.pager__item a {
1448    font-size: 4vw;
1449}
1450.view-news.view-id-news.view-display-id-block_3 .views-field{
1451    justify-content: center;
1452}
1453
1454.view-news.view-id-news.view-display-id-block_3 .views-field{
1455    max-width: 100%;
1456    width: 100%;
1457    display: flex;
1458    flex-wrap: wrap;
1459    margin-left: -1.5rem;
1460padding: 0 .5rem;
1461}
1462.views-field-body iframe{
1463width:100%;
1464}
1465.views-field-body .video-embed-field-responsive-video{
1466position: relative;
1467    width: 100%;
1468    height: 0;
1469    padding-top: 56.25%;
1470}
1471.views-field-body .video-embed-field-responsive-video:after{
1472content:none;
1473}
1474.views-field-body .video-embed-field-responsive-video iframe{
1475position: absolute;
1476    height: 100%;
1477    width: 100%;
1478    top: 0;
1479    left: 0;
1480}
1481.article__back-btn{
1482cursor:pointer;
1483margin-top:4rem;
1484}
1485.view-news.view-id-news.view-display-id-block_3 .views-field .article__content{
1486    padding-left: 3rem;
1487}
1488.article__header {
1489    position: static;
1490    height: auto;
1491    padding-top: 0;
1492}
1493.article__header img {
1494    position: static;
1495    top: initial;
1496    left: initial;
1497}
1498.article__header p.photo-credit {
1499    margin: 1rem 0 0;
1500    font-size: 1rem;
1501    font-style: italic;
1502}
1503body p.terms-message-2.fadeIn{
1504line-height:1;
1505}
1506.section.news-archive .u-order-3-md {
1507display:block;
1508}
1509.views-field-body figcaption{
1510margin-top:-2rem;
1511}
1512p.none {
1513    line-height: normal;
1514}
1515.section.article,.section.news-archive{
1516padding-bottom:0;
1517}
1518.section.article .footer,.section.news-archive .footer {
1519    margin-bottom: 0;
1520}
1521@media (min-width: 640px){
1522.view-news.view-id-news.view-display-id-block_3 .views-field .article__content{
1523width: 75%;
1524    min-width: 0;
1525    padding-left: 3rem;
1526max-width:100%;
1527}
1528}
1529
1530@media (min-width: 960px){
1531.view-news.view-id-news.view-display-id-block_3 .views-field{
1532padding:0 5rem;
1533}
1534.view-news.view-id-news.view-display-id-block_3 .views-field .article__content{
1535    max-width: 50vw;
1536    min-width: 0;
1537    padding-left: 5.5rem;
1538}
1539.pager{
1540font-size:1.5vw;
1541}
1542.pager__item a {
1543    font-size: 1.5vw;
1544}
1545}
1546  @media only screen and (max-width: 1023px) and (orientation: landscape) {
1547            
1548 }
1549@media (max-width: 767px) {
1550            li.footer__nav__list__item:nth-child(n+5) {
1551                width: 100%;
1552            }
1553
1554            .footer__nav__list {
1555                text-align: center;
1556                flex-wrap: wrap;
1557            }
1558
1559            .footer__nav__list__item {
1560                text-align: center;
1561            }
1562        }
1563
1564        #onetrust-consent-sdk #onetrust-banner-sdk {
1565            bottom: 0.6px !important;
1566        }
1567/*@media (min-width: 1440px){
1568	.artists__video {
1569		max-width: 20vw !important;
1570		max-height: 35vw;
1571		height: 0 !important;
1572		padding-bottom: 20vw;
1573		position: relative;
1574	}
1575	[data-gl-id=artistsImage] {
1576		position: absolute;
1577		width: 100%;
1578		height: 100%;
1579	}
1580	.artists__roster .roster-container .roster {
1581		height: calc(70vh - 3rem);
1582	}
1583}*/
1584@media (min-width:1440px){
1585.artists__video{
1586min-height:13vw;
1587}
1588body .artists-container{
1589height:60vh;
1590height:30vw;
1591}
1592}
1593@media (min-width:1920px) and (max-width:2499px){
1594.artists__video{
1595min-height:15vw;
1596}
1597}
1598</style></div>
1599      
1600    </div>
1601  </div>
1602<div id="block-bartik-navblock" data-block-plugin-id="block_content:d70c201b-5da8-41a4-9de1-690562c48ad4" class="block block-block-content block-block-contentd70c201b-5da8-41a4-9de1-690562c48ad4">
1603  
1604    
1605      <div class="content">
1606      
1607            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
1608<div class="navwholewrap">
1609    <div id="SiteLogo">
1610        <h1><a href="/?frontpage=true"><img src="/sites/g/files/g2000018231/files/2024-04/Warner%20Records%20Logo_White.svg" alt="Warner Records" title="Warner Records"></a></h1>
1611    </div>
1612    <div class="navtopwrap">
1613        <div id="SiteLogo">
1614            <h1><a href="/?frontpage=true"><img src="/sites/g/files/g2000018231/files/2024-04/Warner%20Records%20Logo_White.svg" alt="Warner Records" title="Warner Records"></a></h1>
1615        </div>
1616        <div id="closewrapper">
1617            <span id="menu-mobile-nav" class="icon-ham">
1618                <span></span>
1619                <span></span>
1620                <span></span>
1621            </span>
1622        </div>
1623    </div>
1624    <div class="navwrapper">
1625        <div id="navbar" class="stable">
1626             <li class="menu">
1627                <a id="merch-nav" href="https://shop.warnerrecords.com/" target="_blank" class="menu-link-nav" data-track="enter-store">store</a>
1628            </li>
1629            <li class="menu">
1630                <a id="video-nav" href="/?frontpage=true#artists" target="_blank" class="menu-link-nav">Artists</a>
1631            </li>
1632 <li class="menu">
1633                <a id="news-nav" href="/?frontpage=true#news" class="menu-link-nav">news</a>
1634
1635            </li>
1636            <li class="menu">
1637                <a id="tour-nav" href="https://www.wmg.com/careers" target="_blank" class="menu-link-nav" custom-link-name="Nav:LPU">Careers</a>
1638            </li>
1639<li class="menu">
1640                <a id="tour-nav" href="https://warnerrecords.com/history" class="menu-link-nav" custom-link-name="Nav:LPU">History</a>
1641            </li>
1642        
1643          
1644        </div>
1645<div class="lightbox-wrapp">
1646    <div class="light-contents">
1647        <div class="close-button">
1648            <a class="clos-btn">
1649            </a>
1650        </div>
1651        <div class="mlistwrapper">
1652            <div class="plain-ml-wrapper dtmlightbox firstMlistForm in-grid">
1653                <div class="mlform">
1654                    <div class="message">
1655                        <p class="message-description">SIGN UP FOR WARNER&nbsp;RECORDS <br>ARTISTS AND NEW RELEASES</p>
1656                    </div>
1657                    <form class="mlistFormOne mlform twostep">
1658                        <div class="email fieldWrap">
1659                            <label for="emailAddress-nav-block" class="tiny">Enter your email address</label>
1660                            <input data-type="email" data-error-text="Please enter a valid email address" required class="email" placeholder="ENTER EMAIL ADDRESS" name="email" id="emailAddress-nav-block">
1661                        </div>
1662                        <div class="primary-list-values">
1663                            <input name="Datasource" type="hidden" value="WarnerRecords_NewsletterOptIn_MainSignUp_Website">
1664                            <input name="newsletterId" type="hidden" value="6518500">
1665                        </div>
1666                   
1667
1668                        <div class="submit">
1669                            <input type="submit" class="submit mlistSubmit" value="JOIN NEWSLETTER">
1670                        </div>
1671                        <span class="consent-placeholder" data-template="artist-mktg" data-artist="Warner&nbsp;Records" data-error-text="This field is required" data-pp-link="https://www.warnerrecords.com/privacy-policy"></span>
1672                    </form>
1673                
1674                </div>
1675                <div class="thankyou fadeOut">
1676                    Thank you for signing up!
1677                </div>
1678                <div class="secondform fadeOut singleform">
1679                    <span class="secondFormClose">x</span>
1680                    <div class="welcome">
1681                        <p>Welcome <span class="name"></span> to the Warner&nbsp;Records' mailing list!</p>
1682                    </div>
1683                    <form class="mlistFormTwo mlform">
1684                        <input type="hidden" class="secondFormEmail" name="email" value>
1685                        <div class="name">
1686                            <div class="first fieldWrap">
1687                              <label for="firstName-nav-block" class="tiny">First Name</label>
1688                                <input id="firstName-nav-block" type="text" class="first" name="firstname" placeholder="First Name">
1689                            </div>
1690                        </div>
1691                        <div class="postalcode fieldWrap">
1692                            <label for="postalCode-nav-block" class="tiny">First Name</label>
1693                            <input id="postalCode-nav-block" type="text" name="postalcode" placeholder="Zip">
1694                        </div>
1695                        <div class="postal_country">
1696                            <div class="country select-drop-down-arrow">
1697                                <select class="country form-control" name="country" aria-label="country-field-nav-block">
1698                                </select>
1699                            </div>
1700                        </div>
1701                        <div class="birthday">
1702                            <div class="dobDay fieldWrap select-drop-down-arrow">
1703                                <select name="dobDay" class id="dobDay" aria-label="birthday-day-field-nav-block">
1704                                    <option value>Day</option>
1705                                    <option value="1">1</option>
1706                                    <option value="2">2</option>
1707                                    <option value="3">3</option>
1708                                    <option value="4">4</option>
1709                                    <option value="5">5</option>
1710                                    <option value="6">6</option>
1711                                    <option value="7">7</option>
1712                                    <option value="8">8</option>
1713                                    <option value="9">9</option>
1714                                    <option value="10">10</option>
1715                                    <option value="11">11</option>
1716                                    <option value="12">12</option>
1717                                    <option value="13">13</option>
1718                                    <option value="14">14</option>
1719                                    <option value="15">15</option>
1720                                    <option value="16">16</option>
1721                                    <option value="17">17</option>
1722                                    <option value="18">18</option>
1723                                    <option value="19">19</option>
1724                                    <option value="20">20</option>
1725                                    <option value="21">21</option>
1726                                    <option value="22">22</option>
1727                                    <option value="23">23</option>
1728                                    <option value="24">24</option>
1729                                    <option value="25">25</option>
1730                                    <option value="26">26</option>
1731                                    <option value="27">27</option>
1732                                    <option value="28">28</option>
1733                                    <option value="29">29</option>
1734                                    <option value="30">30</option>
1735                                    <option value="31">31</option>
1736                                </select>
1737                            </div>
1738                            <div class="dobMonth fieldWrap select-drop-down-arrow">
1739                                <select name="dobMonth" class id="dobMonth" aria-label="birthday-month-field-nav-block">
1740                                    <option value>Month</option>
1741                                    <option value="1">January</option>
1742                                    <option value="2">February</option>
1743                                    <option value="3">March</option>
1744                                    <option value="4">April</option>
1745                                    <option value="5">May</option>
1746                                    <option value="6">June</option>
1747                                    <option value="7">July</option>
1748                                    <option value="8">August</option>
1749                                    <option value="9">September</option>
1750                                    <option value="10">October</option>
1751                                    <option value="11">November</option>
1752                                    <option value="12">December</option>
1753                                </select>
1754                            </div>
1755                        </div>
1756                        <input name="newsletterId" type="hidden" value="14075551">
1757                        <input name="Datasource" type="hidden" value="WarnerRecords_NewsletterOptIn_MainSignUp_Website">
1758                        <span class="consent-placeholder" data-template="global-mktg" data-artist="Warner&nbsp;Records" data-value="6518500" data-pp-link="https://www.warnerrecords.com/privacy-policy"></span>
1759                        <div class="submit">
1760                            <input type="submit" class="submit mlistSubmit" value="Submit">
1761                        </div>
1762                       
1763                    </form>
1764                </div>
1765            </div>
1766        </div>
1767</div>
1768    </div>
1769        <div class="header-social">
1770            <div class="fs-ig">
1771                <a class="wricon-instagram" data-track="instagram" href="https://www.instagram.com/warnerrecords/" target="_blank" aria-label="link">
1772                </a>
1773            </div>
1774            <div class="fs-fb">
1775                <a class="wricon-facebook1" data-track="facebook" href="https://www.facebook.com/WarnerRecords/" target="_blank" aria-label="link">
1776                </a>
1777            </div>
1778            <div class="fs-tw">
1779                <a class="wricon-x" data-track="twitter" href="https://x.com/warnerrecords" target="_blank" aria-label="link">
1780                </a>
1781            </div>
1782            <div class="fs-yt">
1783                <a class="wricon-youtube-play" data-track="youtube" href="https://www.youtube.com/channel/UCDj64sior23IP_7xLe8R7sg" target="_blank" aria-label="link">
1784                </a>
1785            </div>
1786            <div>
1787                <a href="https://www.tiktok.com/@warnerrecords" data-track="tiktok" target="_blank" id="tkLink" aria-label="link" class="wricon-tiktok">
1788                </a>
1789            </div>
1790            <div class="fs-sp">
1791                <a class="wricon-spotify" data-track="spotify" href="https://open.spotify.com/user/uesix1sjzgnk8uo47jh3wxy3h?si=beac87270286417c" target="_blank" aria-label="link">
1792                </a>
1793            </div>
1794            <div class="fs-it">
1795                <a class="wricon-applemusic" data-track="apple-music" href="https://itunes.apple.com" target="_blank" aria-label="link">
1796                </a>
1797            </div>
1798        </div>
1799        <div class="subscribewrap">
1800            <a id="subscribe-nav" href="javascript:void(0)">Sign up for exclusive Weekly content &gt;&gt;</a>
1801        </div>
1802    </div>
1803
1804
1805</div>
1806<style>
1807.region-header, .region-header a, .region-header li a.is-active, .region-header .site-branding__text, .region-header .site-branding, .region-header .site-branding__text a, .region-header .site-branding a, .region-secondary-menu .menu-item a, .region-secondary-menu .menu-item a.is-active{
1808color:#fff;
1809}
1810    div#main {
1811        margin: 0 auto;
1812    }
1813
1814
1815    @font-face {
1816        font-family: 'founders_groteskregular';
1817        src: url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regular-webfont.eot');
1818        src: url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
1819            url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regular-webfont.woff') format('woff'),
1820            url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regular-webfont.ttf') format('truetype');
1821        font-weight: normal;
1822        font-style: normal;
1823
1824    }
1825
1826
1827
1828
1829    @font-face {
1830        font-family: 'founders_groteskRgIt';
1831        src: url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regularitalic-webfont.eot');
1832        src: url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
1833            url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regularitalic-webfont.woff') format('woff'),
1834            url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-regularitalic-webfont.ttf') format('truetype');
1835        font-weight: normal;
1836        font-style: normal;
1837
1838    }
1839
1840
1841
1842
1843    @font-face {
1844        font-family: 'founders_grotesksemibold';
1845        src: url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-semibold-webfont.eot');
1846        src: url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-semibold-webfont.eot?#iefix') format('embedded-opentype'),
1847            url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-semibold-webfont.woff') format('woff'),
1848            url('/sites/g/files/g2000018231/files/2024-04/foundersgrotesk-semibold-webfont.ttf') format('truetype');
1849        font-weight: normal;
1850        font-style: normal;
1851
1852    }
1853
1854
1855
1856
1857    @font-face {
1858        font-family: 'sharp_sansextrabold';
1859        src: url('/sites/g/files/g2000018231/files/2024-04/sharp_sans_extrabold-webfont.eot');
1860        src: url('/sites/g/files/g2000018231/files/2024-04/sharp_sans_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
1861            url('/sites/g/files/g2000018231/files/2024-04/sharp_sans_extrabold-webfont.woff') format('woff'),
1862            url('/sites/g/files/g2000018231/files/2024-04/sharp_sans_extrabold-webfont.ttf') format('truetype');
1863        font-weight: normal;
1864        font-style: normal;
1865
1866    }
1867
1868    @font-face {
1869        font-family: 'wricon';
1870        src: url('/sites/g/files/g2000018231/files/2024-04/wricon.eot?c84mdf');
1871        src: url('/sites/g/files/g2000018231/files/2024-04/wricon.eot?c84mdf#iefix') format('embedded-opentype'),
1872            url('/sites/g/files/g2000018231/files/2024-04/wricon.ttf?c84mdf') format('truetype'),
1873            url('/sites/g/files/g2000018231/files/2024-04/wricon.woff?c84mdf') format('woff'),
1874            url('/sites/g/files/g2000018231/files/2024-04/wricon.svg?c84mdf#wricon') format('svg');
1875        font-weight: normal;
1876        font-style: normal;
1877        font-display: block;
1878    }
1879
1880    [class^="wricon-"],
1881    [class*=" wricon-"] {
1882        /* use !important to prevent issues with browser extensions that change fonts */
1883        font-family: 'wricon' !important;
1884        speak: never;
1885        font-style: normal;
1886        font-weight: normal;
1887        font-variant: normal;
1888        text-transform: none;
1889        line-height: 1;
1890
1891        /* Better Font Rendering =========== */
1892        -webkit-font-smoothing: antialiased;
1893        -moz-osx-font-smoothing: grayscale;
1894    }
1895
1896    .wricon-instagram:before {
1897        content: "\e902";
1898    }
1899
1900    .wricon-youtube-play:before {
1901        content: "\e908";
1902    }
1903
1904    .wricon-spotify:before {
1905        content: "\e907";
1906    }
1907
1908    .wricon-facebook1:before {
1909        content: "\e906";
1910    }
1911
1912    .wricon-facebook-f:before {
1913        content: "\e906";
1914    }
1915
1916    .wricon-x:before {
1917        content: "\e903";
1918    }
1919
1920    .wricon-twitter:before {
1921        content: "\e903";
1922    }
1923
1924    .wricon-tiktok:before {
1925        content: "\e904";
1926    }
1927
1928    .wricon-applemusic:before {
1929        content: "\e909";
1930    }
1931
1932
1933
1934
1935    /* new css  */
1936    .navtopwrap {
1937        display: none;
1938    }
1939
1940    #closewrapper {
1941        display: none;
1942    }
1943
1944    body {
1945        padding: 0 !important;
1946    }
1947
1948    div#toolbar-administration {
1949        display: none;
1950    }
1951
1952    li.menu {
1953        display: block;
1954    }
1955
1956    .navwholewrap {
1957        display: flex;
1958        align-items: center;
1959        justify-content: space-between;
1960    }
1961
1962    .navwrapper {
1963        display: flex;
1964        align-items: center;
1965    }
1966
1967    div#navbar {
1968        display: flex;
1969        align-items: center;
1970        justify-content: center;
1971    }
1972
1973    div#SiteLogo {
1974        width: 7.152vw;
1975        margin-left: 1vw;
1976        padding: 0.677vw 0;
1977    }
1978div#SiteLogo a:hover{
1979opacity:0.7;
1980}
1981
1982    div#SiteLogo img {
1983        width: 100%;
1984    }
1985
1986    h1,
1987    h2,
1988    .title {
1989        font-size: 0;
1990        margin: 0;
1991    }
1992
1993
1994    :root {
1995        --default-ffname: 'sharp_sansextrabold';
1996        --default-ffweight: normal;
1997        --default-ffcolor: #ffffff;
1998        --ff-foundreg: 'founders_groteskregular';
1999        --ff-foundregit: 'founders_groteskRgIt';
2000        --ff-foundsmd: 'founders_grotesksemibold';
2001    }
2002
2003    li.menu a {
2004        font-size: 0.833vw;
2005        text-transform: uppercase;
2006        font-family: var(--default-ffname);
2007        font-weight: var(--default-ffweight);
2008        letter-spacing: 0.075vw;
2009        text-decoration: none;
2010        color: var(--default-ffcolor);
2011        letter-spacing: 0.017vw;
2012    }
2013
2014    li.menu:last-child {
2015        margin-right: 0;
2016    }
2017
2018    li.menu {
2019        margin-right: 2.813vw;
2020    }
2021
2022    .subscribewrap a {
2023        font-size: 0.729vw;
2024        font-family: var(--ff-foundsmd);
2025        font-weight: var(--default-ffweight);
2026        letter-spacing: 0.015vw;
2027        color: var(--default-ffcolor);
2028        text-decoration: none;
2029        text-transform: uppercase;
2030        border: 0.052vw solid #fff;
2031        text-align: center;
2032        height: 1.979vw;
2033        line-height: 2.35vw;
2034        display: block;
2035        width: 18.958vw;
2036    }
2037
2038    .header-social {
2039        display: flex;
2040        align-items: center;
2041        justify-content: center;
2042        padding-right: 1.5vw;
2043    }
2044
2045    .header-social a {
2046        font-size: 1vw;
2047    }
2048
2049    .header-social div {
2050        margin-right: 1.485vw;
2051    }
2052
2053    header#header {
2054        background: transparent;
2055    }
2056
2057    body {
2058        background: #000;
2059    }
2060
2061    #page,
2062    #main-wrapper,
2063    .region-primary-menu .menu-item a.is-active,
2064    .region-primary-menu .menu-item--active-trail a {
2065        background: transparent;
2066    }
2067
2068    div#block-bartik-page-title {
2069        display: none;
2070    }
2071
2072    div#block-bartik-local-tasks {
2073        display: none;
2074    }
2075
2076    div#block-bartik-content {
2077        display: none;
2078    }
2079
2080    .region-header .block:not(.site-branding) {
2081        margin: 0;
2082    }
2083
2084    .region-header .block {
2085        float: none;
2086    }
2087
2088    .region-header {
2089        padding: 0;
2090    }
2091
2092    .layout-container {
2093        max-width: 100%;
2094    }
2095
2096    div#navbar {
2097        padding-right: 10vw;
2098    }
2099
2100    .header-social div:last-child {
2101        margin-right: 0;
2102    }
2103
2104    .subscribewrap {
2105        margin-right: 1vw;
2106    }
2107
2108    div#SiteLogo img {
2109        width: 100%;
2110    }
2111
2112    div#SiteLogo a {
2113        display: block;
2114    }
2115
2116    @-webkit-keyframes navfadeIn {
2117        0% {
2118            opacity: 0;
2119        }
2120
2121        100% {
2122            opacity: 1;
2123        }
2124    }
2125
2126    @keyframes navfadeIn {
2127        0% {
2128            opacity: 0;
2129        }
2130
2131        100% {
2132            opacity: 1;
2133        }
2134    }
2135
2136    body.stickynav div#block-bartik-navblock , div#block-bartik-navblock {
2137        position: fixed;
2138        top: 0;
2139        background: transparent linear-gradient(180deg, #FAE24C 0%, #8804D4 100%) 0% 0% no-repeat padding-box;
2140background:#000;
2141        width: 100%;
2142        z-index: 999;
2143        animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 navfadeIn forwards;
2144animation:none;
2145    }
2146
2147    .subscribewrap a {
2148       /* line-height: 2.25vw; */
2149    }
2150
2151    div#navbar {
2152        padding-right: 19.5vw;
2153    }
2154
2155
2156    .header-social a:hover {
2157        color: #95E2BC !important;
2158    }
2159
2160    .subscribewrap a:hover {
2161        color: #C1C1C1;
2162        border-color: #C1C1C1;
2163    }
2164
2165    li.menu a:hover {
2166        color: #C1C1C1 !important;
2167    }
2168
2169    @media only screen and (max-width:1023px),
2170    only screen and (max-width:1024px) and (orientation:portrait) {
2171        body.stickynav .navtopwrap {
2172            background: transparent linear-gradient(180deg, #FAE24C 0%, #8804D4 100%) 0% 0% no-repeat padding-box;
2173background:#000;
2174        }
2175
2176        .navtopwrap {
2177            display: flex;
2178            align-items: center;
2179            justify-content: space-between;
2180        }
2181
2182        .navtopwrap {
2183            height: 20.385vw;
2184        }
2185
2186        .navwrapper {
2187            display: none;
2188        }
2189
2190        div#SiteLogo {
2191            display: none;
2192        }
2193
2194        .navtopwrap div#SiteLogo {
2195            width: 49.785vw;
2196            padding: 0;
2197            margin-left: 4.831vw;
2198        }
2199
2200        div#closewrapper {
2201            display: block;
2202            margin-right: 4.744vw;
2203        }
2204
2205        span#menu-mobile-nav span {
2206            width: 100%;
2207            background: var(--default-ffcolor);
2208            height: 0.513vw;
2209            display: block;
2210            line-height: 0.513vw;
2211        }
2212
2213        span#menu-mobile-nav.icon-ham {
2214            width: 10.769vw;
2215            height: 7.179vw;
2216            display: block;
2217        }
2218
2219        span#menu-mobile-nav {
2220            position: relative;
2221        }
2222
2223        span#menu-mobile-nav span:nth-child(1) {
2224            position: absolute;
2225            top: 0;
2226        }
2227
2228        span#menu-mobile-nav span:nth-child(2) {
2229            position: absolute;
2230            top: 50%;
2231            transform: translateY(-50%);
2232            transition: all 0.3s ease-out;
2233        }
2234
2235        span#menu-mobile-nav span:nth-child(3) {
2236            position: absolute;
2237            bottom: 0;
2238        }
2239
2240        .menuopened span#menu-mobile-nav.icon-close span:nth-child(2) {
2241            position: absolute;
2242            top: 50%;
2243            transform: rotate(45deg) translateY(-50%);
2244            width: 9.769vw;
2245        }
2246
2247        .menuopened span#menu-mobile-nav.icon-close span:nth-child(1) {
2248            position: absolute;
2249            top: 50%;
2250            transform: rotate(-45deg) translateY(-50%);
2251            width: 9.769vw;
2252        }
2253
2254        .menuopened span#menu-mobile-nav.icon-close span:nth-child(3) {
2255            display: none;
2256        }
2257
2258        .menuopened span#menu-mobile-nav.icon-close {
2259            width: 7.615vw;
2260            height: auto;
2261            display: block;
2262        }
2263
2264        body.toolbar-icon-10.toolbar-vertical.toolbar-fixed.toolbar-tray-open {
2265            margin: 0;
2266        }
2267
2268        .navtopwrap div#SiteLogo {
2269            display: block;
2270        }
2271
2272        .navtopwrap {
2273            width: 100%;
2274            background: #000;
2275        }
2276
2277        .menuopened .navtopwrap {
2278            position: relative;
2279            top: 0;
2280        }
2281
2282        .navwholewrap {
2283            height: auto;
2284        }
2285
2286        div#block-wmg-redesignmenu {
2287            background: transparent;
2288        }
2289
2290        .menuopened .navwrapper {
2291            display: block;
2292            position: relative;
2293            bottom: 0;
2294            background: transparent;
2295            /* width: 64.103vw; */
2296            margin: 0 auto;
2297            text-align: center;
2298        }
2299
2300        .menuopened .navwholewrap {
2301            height: 100vh;
2302            position: fixed;
2303            width: 100%;
2304            top: 0;
2305            z-index: 5;
2306            display: block;
2307            background: rgba(0, 0, 0, 0.75) 0% 0% no-repeat padding-box;
2308            opacity: 1;
2309            backdrop-filter: blur(2.051vw);
2310            -webkit-backdrop-filter: blur(2.051vw);
2311            overflow-y: scroll;
2312        }
2313
2314        .homeversionone {}
2315
2316        div#navbar {
2317            background: transparent;
2318            margin: 0 auto;
2319            flex-flow: column;
2320            padding: 9.487vw 0;
2321            align-items: center;
2322            width: 64.103vw;
2323        }
2324
2325        li.menu a {
2326            font-size: 6.154vw;
2327            margin: 0 auto;
2328            font-weight: 700;
2329            letter-spacing: 0.492vw;
2330        }
2331
2332        li.menu {
2333            margin-right: 0;
2334            margin-bottom: 6.923vw;
2335        }
2336
2337        .header-social a {
2338            font-size: 6vw;
2339        }
2340
2341        .header-social div {
2342            margin-right: 5vw;
2343        }
2344
2345        .subscribewrap {
2346            display: none;
2347        }
2348    }
2349 @media only screen and (max-width: 1023px) and (orientation: landscape) {
2350        div#block-bartik-navblock .lightbox-wrapp {
2351            display: block;
2352            position: static;
2353            transform: none;
2354        }
2355        #page .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label,
2356        #page .plain-ml-wrapper .mlform .consent-placeholder-custom input[type="checkbox"] + label{
2357                padding-top: 3vw;
2358        }
2359        body #page-wrapper #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after, 
2360        body #page-wrapper #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked + label:after, 
2361        body #page-wrapper #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]:checked + label:after{
2362          top: 9.528vh;
2363        }
2364    }
2365</style>
2366
2367
2368<script>
2369    jQuery(document).ready(function () {
2370        jQuery("#menu-mobile-nav").click(function () {
2371            jQuery("body").toggleClass("menuopened");
2372            jQuery(this).toggleClass("icon-close");
2373        });
2374        setTimeout(function () {
2375            jQuery('a.menu-link-nav[href*="#"]')
2376                // Remove links that don't actually link to anything
2377                .not('[href="#"]')
2378                .not('[href="#0"]')
2379                .click(function (event) {
2380                    // On-page links
2381                    if (
2382                        location.pathname.replace(/^\//, "") ==
2383                        this.pathname.replace(/^\//, "") &&
2384                        location.hostname == this.hostname
2385                    ) {
2386                        // Figure out element to scroll to
2387                        var target = jQuery(this.hash);
2388                        target = target.length
2389                            ? target
2390                            : jQuery("[name=" + this.hash.slice(1) + "]");
2391                        // Does a scroll target exist?
2392                        if (target.length) {
2393                            // Only prevent default if animation is actually gonna happen
2394                            event.preventDefault();
2395                            jQuery("html, body").animate(
2396                                {
2397                                    scrollTop: target.offset().top,
2398                                },
2399                                1000,
2400                                function () {
2401                                    // Callback after animation
2402                                    // Must change focus!
2403                                    var jQuerytarget = jQuery(target);
2404                                    jQuerytarget.focus();
2405                                    if (jQuerytarget.is(":focus")) {
2406                                        // Checking if the target was focused
2407                                        return false;
2408                                    } else {
2409                                        jQuerytarget.attr("tabindex", "-1"); // Adding tabindex for elements not focusable
2410                                        jQuerytarget.focus(); // Set focus again
2411                                    }
2412                                }
2413                            );
2414                            if (jQuery("body").hasClass("menuopened")) {
2415                                jQuery("#menu-mobile-nav").click();
2416                            }
2417                        }
2418                    }
2419
2420                });
2421        }, 500);
2422    })
2423    window.addEventListener("scroll", (event) => {
2424        let scroll = this.scrollY;
2425        var data = document.querySelectorAll("div#block-bartik-navblock")[0].offsetHeight;
2426        var clist = document.querySelectorAll("body")[0].classList;
2427        if (scroll >= data) {
2428            console.log("inside sticky");
2429            if (!clist.contains("stickynav")) {
2430                clist.add("stickynav");
2431            }
2432        }
2433        else {
2434            console.log("inside non sticky");
2435            clist.remove("stickynav");
2436        }
2437    })
2438</script>
2438
2439
2440<style>
2441    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.email
2442      label {
2443      display: none;
2444    }
2445    #page input#artist_mktg_consent_1,
2446    #page input#global_mktg_consent_2 {
2447      border: 0;
2448  }
2449    #page .consent-placeholder,
2450    #page .consent-placeholder-custom {
2451      position: relative;
2452      margin: 3vh auto 0;
2453      display: block;
2454      color: #000;
2455    }
2456    div#block-bartik-navblock span.input-error{
2457        position: absolute;
2458        line-height:1;
2459    }
2460    div#block-bartik-navblock :is(form#mlistFormOne, form.mlistFormOne)>div.email{
2461        position: relative;
2462    }
2463    #page .plain-ml-wrapper .mlform .consent-placeholder label a,
2464    #page .plain-ml-wrapper .mlform .consent-placeholder-custom label a{
2465      border: 0;
2466    }
2467    .plain-ml-wrapper label:not(.goptin_checkbox) {
2468      position: static;
2469      transform: none;
2470    }
2471    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2472    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
2473    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:not(:checked),
2474    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked {
2475      position: absolute;
2476      left: 0px;
2477      width: 1.8vw;
2478      height: 1.8vw;
2479      z-index: 10;
2480      top: 0px;
2481      opacity: 0;
2482      cursor: pointer;
2483      margin: 0;
2484      -webkit-appearance: none;
2485      padding: 0;
2486    }
2487  
2488    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before,
2489    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before,
2490    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:not(:checked) + label:before,
2491    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked + label:before {
2492      content: "";
2493      position: absolute;
2494      left: 0px;
2495      top: auto;
2496      width: 1.8vw;
2497      height: 1.8vw;
2498      border: 2px solid #000;
2499      background: transparent;
2500      border-radius: 0px;
2501      box-sizing: border-box;
2502    }
2503  
2504    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked) + label:before,
2505    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"].errored:not(:checked) + label:before  {
2506      border-color: red;
2507    }
2508  
2509    #page .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label,
2510    #page .plain-ml-wrapper .mlform .consent-placeholder-custom input[type="checkbox"] + label  {
2511      display: inline-block;
2512      box-sizing: border-box;
2513      line-height: 1;
2514      text-align: left;
2515      text-transform: uppercase;
2516      letter-spacing: 0;
2517      font-size: 0.82vw;
2518      padding-left: 2.54vw;
2519      vertical-align: top;
2520      font-weight: 400;
2521      position: static;
2522      transform: none;
2523      pointer-events: auto;
2524      font-family: var(--default-ffname);
2525    }
2526  
2527    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after,
2528    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked + label:after {
2529      content: "\2713";
2530      position: absolute;
2531      top: 0.8vh;
2532      line-height: 1;
2533      left: 0.45vw;
2534      font-size: 1.4vw;
2535      color: #000;
2536      font-weight: 700;
2537      text-align: center;
2538    }
2539  
2540    #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after,
2541    #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked + label:after {
2542      color: #000;
2543    }
2544  
2545    #page .consent-placeholder span.input-error,
2546    #page .consent-placeholder-custom span.input-error  {
2547      color: red;
2548      position: absolute;
2549      top: -2.05vh;
2550      left: 0;
2551      bottom: auto;
2552    }
2553  
2554    #page .secondform .consent-placeholder {
2555      margin: 2vh auto;
2556    }
2557    #page .plain-ml-wrapper .mlform .consent-placeholder label a,
2558    #page .plain-ml-wrapper .mlform .consent-placeholder label span,
2559    #page .plain-ml-wrapper .mlform .consent-placeholder-custom label a,
2560    #page .plain-ml-wrapper .mlform .consent-placeholder-custom label span {
2561      color: #000;
2562    }
2563    #page .plain-ml-wrapper .mlform .consent-placeholder label a,
2564    #page .plain-ml-wrapper .mlform .consent-placeholder-custom label a {
2565      text-decoration: underline;
2566    }
2567    #page .plain-ml-wrapper .mlform .consent-placeholder label a:hover,
2568    #page .plain-ml-wrapper .mlform .consent-placeholder-custom label a:hover {
2569      opacity: 0.5;
2570    }
2571        @media only screen and (max-width:1023px),
2572    only screen and (max-width:1024px) and (orientation:portrait) {
2573      body #page .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label,
2574      body #page .plain-ml-wrapper .mlform .consent-placeholder-custom input[type="checkbox"] + label,
2575      body #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label {
2576        font-size: 4.024vw;
2577        padding-left: 7.94vw;
2578      }
2579  
2580      body #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
2581      body #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
2582      body #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+ label:before,
2583      body #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before,
2584      body #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:not(:checked),
2585      body #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked,
2586      body #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:not(:checked)+ label:before,
2587      body #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked + label:before,
2588      body #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]:not(:checked),
2589      body #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]:checked,
2590      body #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]:not(:checked)+ label:before,
2591      body #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]:checked + label:before {
2592        width: 5.8vw;
2593        height: 5.8vw;
2594      }
2595  
2596      body #page .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after,
2597      body #page .plain-ml-wrapper .consent-placeholder-custom input[type="checkbox"]:checked + label:after,
2598      body #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]:checked + label:after {
2599        top: 0.528vh;
2600        left: 1.5vw;
2601        font-size: 4vw;
2602      }
2603       body div#block-bartik-navblock span.input-error {
2604        font-size: 3.3vw;
2605        bottom: 10.7vw;
2606      }
2607  }
2608div#block-bartik-navblock input#artist_mktg_consent_1 {
2609    width: auto;
2610}
2611 div#block-bartik-navblock select{
2612  cursor:pointer;
2613}
2614  </style></div>
2615      
2616    </div>
2617  </div>
2618<div id="block-bartik-newsdetailcss" data-block-plugin-id="block_content:b7300c00-c551-40d3-9ed1-771879556efe" class="block block-block-content block-block-contentb7300c00-c551-40d3-9ed1-771879556efe">
2619  
2620    
2621      <div class="content">
2622      
2623            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
2624    div#block-bartik-views-block-news-block-9 {
2625        width: 85%;
2626        margin: 0 auto;
2627        padding-top: 12.198vw;
2628    }
2629
2630    div#block-bartik-views-block-news-block-9 .news-listing__title {
2631        font-family: 'sharp_sansextrabold';
2632        color: #FFFFFF;
2633        text-transform: uppercase;
2634        font-size: 3.125vw;
2635        width: 100%;
2636        line-height: 1.25;
2637    }
2638
2639    div#block-bartik-views-block-news-block-9 .date {
2640        font-family: 'founders_groteskregular';
2641        color: #fff;
2642        font-size: 1.5625vw;
2643        margin-top: 1vw;
2644    }
2645
2646    div#block-bartik-views-block-news-block-9 .news-listing-image img {
2647        width: 100%;
2648    }
2649
2650    div#block-bartik-views-block-news-block-9 .views-field.views-field-nothing-1 {
2651        /* width: 45%; */
2652        grid-area: item2;
2653        width: 40vw;
2654    }
2655
2656    div#block-bartik-views-block-news-block-9 .news-listing.u-d-none.u-d-block-md>div:first-child {
2657        /* width: 45%; */
2658        grid-area: item1;
2659    }
2660
2661    div#block-bartik-views-block-news-block-9 .news-listing.u-d-none.u-d-block-md {
2662        display: grid;
2663        grid-template-areas:
2664            "item1 item2"
2665            "item3 item2"
2666            ". item2";
2667        gap: 1vw;
2668        border-top: 2px solid #ffffff;
2669    padding-top: 2vw;
2670    }
2671
2672
2673
2674    div#block-bartik-views-block-news-block-9 .views-field.views-field-body,div#block-bartik-views-block-news-block-9 .views-field.views-field-body *,
2675    .views-field.views-field-body a {
2676        grid-area: item3;
2677        font-family: 'founders_groteskregular';
2678        color: #fff;
2679        font-size: 1.5625vw;
2680        margin-top: 0;
2681        line-height: 1.1;
2682    }
2683  
2684    div#block-bartik-views-block-news-block-9 .views-field.views-field-body p{
2685        margin:0 0 10px;
2686    }
2687    .views-field.views-field-body a {
2688        text-decoration: underline;
2689        border: none;
2690    }
2691
2692    div#block-bartik-views-block-news-block-9 .views-field.views-field-body a:hover {
2693        color: #c1c1c1;
2694    }
2695
2696    @media only screen and (max-width:1024px) {
2697        div#block-bartik-views-block-news-block-9 .news-listing.u-d-none.u-d-block-md{
2698           display:flex;
2699           flex-direction: column;
2700        }
2701
2702        div#block-bartik-views-block-news-block-9 .views-field.views-field-nothing-1 {
2703            width: 100%;
2704        }
2705
2706        div#block-bartik-views-block-news-block-9 {
2707            padding-top: 30.198vw;
2708        }
2709
2710        div#block-bartik-views-block-news-block-9 .news-listing__title {
2711            font-size: 7.317073170731708vw;
2712        }
2713
2714        div#block-bartik-views-block-news-block-9 .date {
2715            font-size: 3.658536585365854vw;
2716            margin-top: 3vw;
2717        }
2718
2719        .views-field.views-field-body,
2720        .views-field.views-field-body a, div#block-bartik-views-block-news-block-9 .views-field.views-field-body * {
2721            font-size: 3.658536585365854vw;
2722        }
2723        div#block-bartik-views-block-news-block-9 .views-field.views-field-body {
2724    margin-top: 5vw;
2725    display: block;
2726}
2727    }
2728
2729    @media only screen and (max-width:819px) {
2730        div#block-bartik-views-block-news-block-9 .news-listing__title {
2731            font-size: 7.6923076923076925vw;
2732        }
2733
2734        div#block-bartik-views-block-news-block-9 .date {
2735            font-size: 7.6923076923076925vw;
2736            margin-top: 3vw;
2737        }
2738
2739        div#block-bartik-views-block-news-block-9  .views-field.views-field-body,
2740        div#block-bartik-views-block-news-block-9  .views-field.views-field-body a, div#block-bartik-views-block-news-block-9 .views-field.views-field-body * {
2741            font-size: 5.128205128205129vw;
2742        }
2743    }
2744</style></div>
2745      
2746    </div>
2747  </div>
2748
2749  </div>
2750
2751        
2752      </div>
2753    </header>
2754          <div class="highlighted">
2755        <aside class="layout-container section clearfix" role="complementary">
2756            <div class="region region-highlighted">
2757    <div data-drupal-messages-fallback class="hidden"></div>
2758
2759  </div>
2760
2761        </aside>
2762      </div>
2763            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
2764      <div id="main" class="layout-main clearfix">
2765        
2766        <main id="content" class="column main-content" role="main">
2767          <section class="section">
2768            <a id="main-content" tabindex="-1"></a>
2769              <div class="region region-content">
2770    <div id="block-bartik-page-title" data-block-plugin-id="page_title_block" class="block block-core block-page-title-block">
2771  
2772    
2773      <div class="content">
2774      
2775
2776  <h1 class="title page-title"><span class="field field--name-title field--type-string field--label-hidden">New Signing - Mick Fleetwood</span>
2777</h1>
2778
2779
2780    </div>
2781  </div>
2782<div class="views-element-container block block-views block-views-blocknews-block-9" id="block-bartik-views-block-news-block-9" data-block-plugin-id="views_block:news-block_9">
2783  
2784    
2785      <div class="content">
2786      <div><div class="view view-news view-id-news view-display-id-block_9 js-view-dom-id-362847f8706f96efe04a880214260bf002fe704b252586f76b25439754c8c052">
2787  
2788    
2789      
2790      <div class="view-content">
2791          <div class="news-listing u-d-none u-d-block-md"><div><div class="news-listing__image-container newsleft">
2792    <div class="news-listing__details">
2793        <div class="news-listing__title">
2794            New Signing - Mick Fleetwood
2795        </div>
2796        <div class="date">
2797            <span class="date__month"><time datetime="2026-08-03T19:10:51+00:00" class="datetime">Aug.</time>
2798</span>
2799            <span class="date__day"><time datetime="2026-08-03T19:10:51+00:00" class="datetime">3</time>
2800 <span><time datetime="2026-08-03T19:10:51+00:00" title="Monday, August 3, 2026 - 19:10" class="datetime">rd</time>
2801</span></span>
2802            <span class="date__year"><time datetime="2026-08-03T19:10:51+00:00" class="datetime">2026</time>
2803</span>
2804        </div>
2805        <div class="und"></div>
2806
2807    </div>
2808       
2809</div></div><div class="views-field views-field-nothing-1"><span class="field-content"> <div class="news-listing-image">
2810        <img class="news-listing__image" src="/sites/g/files/g2000018231/files/styles/news_thumbnail/public/2026-08/Mick%20Fleetwood%20_tfo66u77.jpeg?itok=Z45zRo05" alt="New Signing - Mick Fleetwood">
2811    </div></span></div><div class="views-field views-field-body"><div class="field-content">We warmly welcome Mick Fleetwood to the Warner Records family! Stay tuned for his upcoming project with collaborator Carl Falk, coming soon.</div></div></div>
2812
2813    </div>
2814  
2815          </div>
2816</div>
2817
2818    </div>
2819  </div>
2820<div id="block-bartik-content" data-block-plugin-id="system_main_block" class="block block-system block-system-main-block">
2821  
2822    
2823      <div class="content">
2824      
2825<article about="/news/new-signing-mick-fleetwood" class="node node--type-news node--promoted node--view-mode-full clearfix">
2826  <header>
2827    
2828          
2829      </header>
2830  <div class="node__content clearfix">
2831    
2832  </div>
2833</article>
2834
2835    </div>
2836  </div>
2837
2838  </div>
2839
2840          </section>
2841        </main>
2842                      </div>
2843    </div>
2844        <footer class="site-footer">
2845      <div class="layout-container">
2846                          <div class="site-footer__bottom">
2847              <div class="region region-footer-fifth">
2848    <div id="block-bartik-customscrollbar" data-block-plugin-id="block_content:77e4c404-a15f-4d44-a17c-510f2069889b" class="block block-block-content block-block-content77e4c404-a15f-4d44-a17c-510f2069889b">
2849  
2850    
2851      <div class="content">
2852      
2853            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" href="https://libraries.wmgartistservices.com/jslibrary/customScrollbar-3.1.5/jquery.mCustomScrollbar.css">
2854<script class="optanon-category-C0003" type="text/javascript" async src="https://libraries.wmgartistservices.com/jslibrary/customScrollbar-3.1.5/jquery.mCustomScrollbar.min.js">
2855    </script>
vendor: 1 bytes, line 2855
2855
vendor: 54,352 bytes, lines 2856-2888
2856<script>
2857    $(document).ready(function () {
2858        /* == jquery mousewheel plugin == Version: 3.1.13, License: MIT License (MIT) */
2859        !function (a) { "function" == typeof define && define.amd ? define(["jquery"], a) : "object" == typeof exports ? module.exports = a : a(jQuery) }(function (a) { function b(b) { var g = b || window.event, h = i.call(arguments, 1), j = 0, l = 0, m = 0, n = 0, o = 0, p = 0; if (b = a.event.fix(g), b.type = "mousewheel", "detail" in g && (m = -1 * g.detail), "wheelDelta" in g && (m = g.wheelDelta), "wheelDeltaY" in g && (m = g.wheelDeltaY), "wheelDeltaX" in g && (l = -1 * g.wheelDeltaX), "axis" in g && g.axis === g.HORIZONTAL_AXIS && (l = -1 * m, m = 0), j = 0 === m ? l : m, "deltaY" in g && (m = -1 * g.deltaY, j = m), "deltaX" in g && (l = g.deltaX, 0 === m && (j = -1 * l)), 0 !== m || 0 !== l) { if (1 === g.deltaMode) { var q = a.data(this, "mousewheel-line-height"); j *= q, m *= q, l *= q } else if (2 === g.deltaMode) { var r = a.data(this, "mousewheel-page-height"); j *= r, m *= r, l *= r } if (n = Math.max(Math.abs(m), Math.abs(l)), (!f || f > n) && (f = n, d(g, n) && (f /= 40)), d(g, n) && (j /= 40, l /= 40, m /= 40), j = Math[j >= 1 ? "floor" : "ceil"](j / f), l = Math[l >= 1 ? "floor" : "ceil"](l / f), m = Math[m >= 1 ? "floor" : "ceil"](m / f), k.settings.normalizeOffset && this.getBoundingClientRect) { var s = this.getBoundingClientRect(); o = b.clientX - s.left, p = b.clientY - s.top } return b.deltaX = l, b.deltaY = m, b.deltaFactor = f, b.offsetX = o, b.offsetY = p, b.deltaMode = 0, h.unshift(b, j, l, m), e && clearTimeout(e), e = setTimeout(c, 200), (a.event.dispatch || a.event.handle).apply(this, h) } } function c() { f = null } function d(a, b) { return k.settings.adjustOldDeltas && "mousewheel" === a.type && b % 120 === 0 } var e, f, g = ["wheel", "mousewheel", "DOMMouseScroll", "MozMousePixelScroll"], h = "onwheel" in document || document.documentMode >= 9 ? ["wheel"] : ["mousewheel", "DomMouseScroll", "MozMousePixelScroll"], i = Array.prototype.slice; if (a.event.fixHooks) for (var j = g.length; j;)a.event.fixHooks[g[--j]] = a.event.mouseHooks; var k = a.event.special.mousewheel = { version: "3.1.12", setup: function () { if (this.addEventListener) for (var c = h.length; c;)this.addEventListener(h[--c], b, !1); else this.onmousewheel = b; a.data(this, "mousewheel-line-height", k.getLineHeight(this)), a.data(this, "mousewheel-page-height", k.getPageHeight(this)) }, teardown: function () { if (this.removeEventListener) for (var c = h.length; c;)this.removeEventListener(h[--c], b, !1); else this.onmousewheel = null; a.removeData(this, "mousewheel-line-height"), a.removeData(this, "mousewheel-page-height") }, getLineHeight: function (b) { var c = a(b), d = c["offsetParent" in a.fn ? "offsetParent" : "parent"](); return d.length || (d = a("body")), parseInt(d.css("fontSize"), 10) || parseInt(c.css("fontSize"), 10) || 16 }, getPageHeight: function (b) { return a(b).height() }, settings: { adjustOldDeltas: !0, normalizeOffset: !0 } }; a.fn.extend({ mousewheel: function (a) { return a ? this.bind("mousewheel", a) : this.trigger("mousewheel") }, unmousewheel: function (a) { return this.unbind("mousewheel", a) } }) }); !function (a) { "function" == typeof define && define.amd ? define(["jquery"], a) : "object" == typeof exports ? module.exports = a : a(jQuery) }(function (a) { function b(b) { var g = b || window.event, h = i.call(arguments, 1), j = 0, l = 0, m = 0, n = 0, o = 0, p = 0; if (b = a.event.fix(g), b.type = "mousewheel", "detail" in g && (m = -1 * g.detail), "wheelDelta" in g && (m = g.wheelDelta), "wheelDeltaY" in g && (m = g.wheelDeltaY), "wheelDeltaX" in g && (l = -1 * g.wheelDeltaX), "axis" in g && g.axis === g.HORIZONTAL_AXIS && (l = -1 * m, m = 0), j = 0 === m ? l : m, "deltaY" in g && (m = -1 * g.deltaY, j = m), "deltaX" in g && (l = g.deltaX, 0 === m && (j = -1 * l)), 0 !== m || 0 !== l) { if (1 === g.deltaMode) { var q = a.data(this, "mousewheel-line-height"); j *= q, m *= q, l *= q } else if (2 === g.deltaMode) { var r = a.data(this, "mousewheel-page-height"); j *= r, m *= r, l *= r } if (n = Math.max(Math.abs(m), Math.abs(l)), (!f || f > n) && (f = n, d(g, n) && (f /= 40)), d(g, n) && (j /= 40, l /= 40, m /= 40), j = Math[j >= 1 ? "floor" : "ceil"](j / f), l = Math[l >= 1 ? "floor" : "ceil"](l / f), m = Math[m >= 1 ? "floor" : "ceil"](m / f), k.settings.normalizeOffset && this.getBoundingClientRect) { var s = this.getBoundingClientRect(); o = b.clientX - s.left, p = b.clientY - s.top } return b.deltaX = l, b.deltaY = m, b.deltaFactor = f, b.offsetX = o, b.offsetY = p, b.deltaMode = 0, h.unshift(b, j, l, m), e && clearTimeout(e), e = setTimeout(c, 200), (a.event.dispatch || a.event.handle).apply(this, h) } } function c() { f = null } function d(a, b) { return k.settings.adjustOldDeltas && "mousewheel" === a.type && b % 120 === 0 } var e, f, g = ["wheel", "mousewheel", "DOMMouseScroll", "MozMousePixelScroll"], h = "onwheel" in document || document.documentMode >= 9 ? ["wheel"] : ["mousewheel", "DomMouseScroll", "MozMousePixelScroll"], i = Array.prototype.slice; if (a.event.fixHooks) for (var j = g.length; j;)a.event.fixHooks[g[--j]] = a.event.mouseHooks; var k = a.event.special.mousewheel = { version: "3.1.12", setup: function () { if (this.addEventListener) for (var c = h.length; c;)this.addEventListener(h[--c], b, !1); else this.onmousewheel = b; a.data(this, "mousewheel-line-height", k.getLineHeight(this)), a.data(this, "mousewheel-page-height", k.getPageHeight(this)) }, teardown: function () { if (this.removeEventListener) for (var c = h.length; c;)this.removeEventListener(h[--c], b, !1); else this.onmousewheel = null; a.removeData(this, "mousewheel-line-height"), a.removeData(this, "mousewheel-page-height") }, getLineHeight: function (b) { var c = a(b), d = c["offsetParent" in a.fn ? "offsetParent" : "parent"](); return d.length || (d = a("body")), parseInt(d.css("fontSize"), 10) || parseInt(c.css("fontSize"), 10) || 16 }, getPageHeight: function (b) { return a(b).height() }, settings: { adjustOldDeltas: !0, normalizeOffset: !0 } }; a.fn.extend({ mousewheel: function (a) { return a ? this.bind("mousewheel", a) : this.trigger("mousewheel") }, unmousewheel: function (a) { return this.unbind("mousewheel", a) } }) });
2860        /* == malihu jquery custom scrollbar plugin == Version: 3.1.5, License: MIT License (MIT) */
2861        !function (e) { "function" == typeof define && define.amd ? define(["jquery"], e) : "undefined" != typeof module && module.exports ? module.exports = e : e(jQuery, window, document) }(function (e) {
2862            !function (t) { var o = "function" == typeof define && define.amd, a = "undefined" != typeof module && module.exports, n = "https:" == document.location.protocol ? "https:" : "http:", i = "libraries.wmgartistservices.com/custom-js/jquery.mousewheel.min.js"; o || (a ? require("jquery-mousewheel")(e) : e.event.special.mousewheel || e("head").append(decodeURI("%3Cscript src=" + n + "//" + i + "%3E%3C/script%3E"))), t() }(function () {
2863                var t, o = "mCustomScrollbar", a = "mCS", n = ".mCustomScrollbar", i = { setTop: 0, setLeft: 0, axis: "y", scrollbarPosition: "inside", scrollInertia: 950, autoDraggerLength: !0, alwaysShowScrollbar: 0, snapOffset: 0, mouseWheel: { enable: !0, scrollAmount: "auto", axis: "y", deltaFactor: "auto", disableOver: ["select", "option", "keygen", "datalist", "textarea"] }, scrollButtons: { scrollType: "stepless", scrollAmount: "auto" }, keyboard: { enable: !0, scrollType: "stepless", scrollAmount: "auto" }, contentTouchScroll: 25, documentTouchScroll: !0, advanced: { autoScrollOnFocus: "input,textarea,select,button,datalist,keygen,a[tabindex],area,object,[contenteditable='true']", updateOnContentResize: !0, updateOnImageLoad: "auto", autoUpdateTimeout: 60 }, theme: "light", callbacks: { onTotalScrollOffset: 0, onTotalScrollBackOffset: 0, alwaysTriggerOffsets: !0 } }, r = 0, l = {}, s = window.attachEvent && !window.addEventListener ? 1 : 0, c = !1, d = ["mCSB_dragger_onDrag", "mCSB_scrollTools_onDrag", "mCS_img_loaded", "mCS_disabled", "mCS_destroyed", "mCS_no_scrollbar", "mCS-autoHide", "mCS-dir-rtl", "mCS_no_scrollbar_y", "mCS_no_scrollbar_x", "mCS_y_hidden", "mCS_x_hidden", "mCSB_draggerContainer", "mCSB_buttonUp", "mCSB_buttonDown", "mCSB_buttonLeft", "mCSB_buttonRight"], u = { init: function (t) { var t = e.extend(!0, {}, i, t), o = f.call(this); if (t.live) { var s = t.liveSelector || this.selector || n, c = e(s); if ("off" === t.live) return void m(s); l[s] = setTimeout(function () { c.mCustomScrollbar(t), "once" === t.live && c.length && m(s) }, 500) } else m(s); return t.setWidth = t.set_width ? t.set_width : t.setWidth, t.setHeight = t.set_height ? t.set_height : t.setHeight, t.axis = t.horizontalScroll ? "x" : p(t.axis), t.scrollInertia = t.scrollInertia > 0 && t.scrollInertia < 17 ? 17 : t.scrollInertia, "object" != typeof t.mouseWheel && 1 == t.mouseWheel && (t.mouseWheel = { enable: !0, scrollAmount: "auto", axis: "y", preventDefault: !1, deltaFactor: "auto", normalizeDelta: !1, invert: !1 }), t.mouseWheel.scrollAmount = t.mouseWheelPixels ? t.mouseWheelPixels : t.mouseWheel.scrollAmount, t.mouseWheel.normalizeDelta = t.advanced.normalizeMouseWheelDelta ? t.advanced.normalizeMouseWheelDelta : t.mouseWheel.normalizeDelta, t.scrollButtons.scrollType = g(t.scrollButtons.scrollType), h(t), e(o).each(function () { var o = e(this); if (!o.data(a)) { o.data(a, { idx: ++r, opt: t, scrollRatio: { y: null, x: null }, overflowed: null, contentReset: { y: null, x: null }, bindEvents: !1, tweenRunning: !1, sequential: {}, langDir: o.css("direction"), cbOffsets: null, trigger: null, poll: { size: { o: 0, n: 0 }, img: { o: 0, n: 0 }, change: { o: 0, n: 0 } } }); var n = o.data(a), i = n.opt, l = o.data("mcs-axis"), s = o.data("mcs-scrollbar-position"), c = o.data("mcs-theme"); l && (i.axis = l), s && (i.scrollbarPosition = s), c && (i.theme = c, h(i)), v.call(this), n && i.callbacks.onCreate && "function" == typeof i.callbacks.onCreate && i.callbacks.onCreate.call(this), e("#mCSB_" + n.idx + "_container img:not(." + d[2] + ")").addClass(d[2]), u.update.call(null, o) } }) }, update: function (t, o) { var n = t || f.call(this); return e(n).each(function () { var t = e(this); if (t.data(a)) { var n = t.data(a), i = n.opt, r = e("#mCSB_" + n.idx + "_container"), l = e("#mCSB_" + n.idx), s = [e("#mCSB_" + n.idx + "_dragger_vertical"), e("#mCSB_" + n.idx + "_dragger_horizontal")]; if (!r.length) return; n.tweenRunning && Q(t), o && n && i.callbacks.onBeforeUpdate && "function" == typeof i.callbacks.onBeforeUpdate && i.callbacks.onBeforeUpdate.call(this), t.hasClass(d[3]) && t.removeClass(d[3]), t.hasClass(d[4]) && t.removeClass(d[4]), l.css("max-height", "none"), l.height() !== t.height() && l.css("max-height", t.height()), _.call(this), "y" === i.axis || i.advanced.autoExpandHorizontalScroll || r.css("width", x(r)), n.overflowed = y.call(this), M.call(this), i.autoDraggerLength && S.call(this), b.call(this), T.call(this); var c = [Math.abs(r[0].offsetTop), Math.abs(r[0].offsetLeft)]; "x" !== i.axis && (n.overflowed[0] ? s[0].height() > s[0].parent().height() ? B.call(this) : (G(t, c[0].toString(), { dir: "y", dur: 0, overwrite: "none" }), n.contentReset.y = null) : (B.call(this), "y" === i.axis ? k.call(this) : "yx" === i.axis && n.overflowed[1] && G(t, c[1].toString(), { dir: "x", dur: 0, overwrite: "none" }))), "y" !== i.axis && (n.overflowed[1] ? s[1].width() > s[1].parent().width() ? B.call(this) : (G(t, c[1].toString(), { dir: "x", dur: 0, overwrite: "none" }), n.contentReset.x = null) : (B.call(this), "x" === i.axis ? k.call(this) : "yx" === i.axis && n.overflowed[0] && G(t, c[0].toString(), { dir: "y", dur: 0, overwrite: "none" }))), o && n && (2 === o && i.callbacks.onImageLoad && "function" == typeof i.callbacks.onImageLoad ? i.callbacks.onImageLoad.call(this) : 3 === o && i.callbacks.onSelectorChange && "function" == typeof i.callbacks.onSelectorChange ? i.callbacks.onSelectorChange.call(this) : i.callbacks.onUpdate && "function" == typeof i.callbacks.onUpdate && i.callbacks.onUpdate.call(this)), N.call(this) } }) }, scrollTo: function (t, o) { if ("undefined" != typeof t && null != t) { var n = f.call(this); return e(n).each(function () { var n = e(this); if (n.data(a)) { var i = n.data(a), r = i.opt, l = { trigger: "external", scrollInertia: r.scrollInertia, scrollEasing: "mcsEaseInOut", moveDragger: !1, timeout: 60, callbacks: !0, onStart: !0, onUpdate: !0, onComplete: !0 }, s = e.extend(!0, {}, l, o), c = Y.call(this, t), d = s.scrollInertia > 0 && s.scrollInertia < 17 ? 17 : s.scrollInertia; c[0] = X.call(this, c[0], "y"), c[1] = X.call(this, c[1], "x"), s.moveDragger && (c[0] *= i.scrollRatio.y, c[1] *= i.scrollRatio.x), s.dur = ne() ? 0 : d, setTimeout(function () { null !== c[0] && "undefined" != typeof c[0] && "x" !== r.axis && i.overflowed[0] && (s.dir = "y", s.overwrite = "all", G(n, c[0].toString(), s)), null !== c[1] && "undefined" != typeof c[1] && "y" !== r.axis && i.overflowed[1] && (s.dir = "x", s.overwrite = "none", G(n, c[1].toString(), s)) }, s.timeout) } }) } }, stop: function () { var t = f.call(this); return e(t).each(function () { var t = e(this); t.data(a) && Q(t) }) }, disable: function (t) { var o = f.call(this); return e(o).each(function () { var o = e(this); if (o.data(a)) { o.data(a); N.call(this, "remove"), k.call(this), t && B.call(this), M.call(this, !0), o.addClass(d[3]) } }) }, destroy: function () { var t = f.call(this); return e(t).each(function () { var n = e(this); if (n.data(a)) { var i = n.data(a), r = i.opt, l = e("#mCSB_" + i.idx), s = e("#mCSB_" + i.idx + "_container"), c = e(".mCSB_" + i.idx + "_scrollbar"); r.live && m(r.liveSelector || e(t).selector), N.call(this, "remove"), k.call(this), B.call(this), n.removeData(a), $(this, "mcs"), c.remove(), s.find("img." + d[2]).removeClass(d[2]), l.replaceWith(s.contents()), n.removeClass(o + " _" + a + "_" + i.idx + " " + d[6] + " " + d[7] + " " + d[5] + " " + d[3]).addClass(d[4]) } }) } }, f = function () { return "object" != typeof e(this) || e(this).length < 1 ? n : this }, h = function (t) { var o = ["rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark"], a = ["rounded-dots", "rounded-dots-dark", "3d", "3d-dark", "3d-thick", "3d-thick-dark", "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark"], n = ["minimal", "minimal-dark"], i = ["minimal", "minimal-dark"], r = ["minimal", "minimal-dark"]; t.autoDraggerLength = e.inArray(t.theme, o) > -1 ? !1 : t.autoDraggerLength, t.autoExpandScrollbar = e.inArray(t.theme, a) > -1 ? !1 : t.autoExpandScrollbar, t.scrollButtons.enable = e.inArray(t.theme, n) > -1 ? !1 : t.scrollButtons.enable, t.autoHideScrollbar = e.inArray(t.theme, i) > -1 ? !0 : t.autoHideScrollbar, t.scrollbarPosition = e.inArray(t.theme, r) > -1 ? "outside" : t.scrollbarPosition }, m = function (e) { l[e] && (clearTimeout(l[e]), $(l, e)) }, p = function (e) { return "yx" === e || "xy" === e || "auto" === e ? "yx" : "x" === e || "horizontal" === e ? "x" : "y" }, g = function (e) { return "stepped" === e || "pixels" === e || "step" === e || "click" === e ? "stepped" : "stepless" }, v = function () { var t = e(this), n = t.data(a), i = n.opt, r = i.autoExpandScrollbar ? " " + d[1] + "_expand" : "", l = ["<div id='mCSB_" + n.idx + "_scrollbar_vertical' class='mCSB_scrollTools mCSB_" + n.idx + "_scrollbar mCS-" + i.theme + " mCSB_scrollTools_vertical" + r + "'><div class='" + d[12] + "'><div id='mCSB_" + n.idx + "_dragger_vertical' class='mCSB_dragger' style='position:absolute;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>", "<div id='mCSB_" + n.idx + "_scrollbar_horizontal' class='mCSB_scrollTools mCSB_" + n.idx + "_scrollbar mCS-" + i.theme + " mCSB_scrollTools_horizontal" + r + "'><div class='" + d[12] + "'><div id='mCSB_" + n.idx + "_dragger_horizontal' class='mCSB_dragger' style='position:absolute;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>"], s = "yx" === i.axis ? "mCSB_vertical_horizontal" : "x" === i.axis ? "mCSB_horizontal" : "mCSB_vertical", c = "yx" === i.axis ? l[0] + l[1] : "x" === i.axis ? l[1] : l[0], u = "yx" === i.axis ? "<div id='mCSB_" + n.idx + "_container_wrapper' class='mCSB_container_wrapper' />" : "", f = i.autoHideScrollbar ? " " + d[6] : "", h = "x" !== i.axis && "rtl" === n.langDir ? " " + d[7] : ""; i.setWidth && t.css("width", i.setWidth), i.setHeight && t.css("height", i.setHeight), i.setLeft = "y" !== i.axis && "rtl" === n.langDir ? "989999px" : i.setLeft, t.addClass(o + " _" + a + "_" + n.idx + f + h).wrapInner("<div id='mCSB_" + n.idx + "' class='mCustomScrollBox mCS-" + i.theme + " " + s + "'><div id='mCSB_" + n.idx + "_container' class='mCSB_container' style='position:relative; top:" + i.setTop + "; left:" + i.setLeft + ";' dir='" + n.langDir + "' /></div>"); var m = e("#mCSB_" + n.idx), p = e("#mCSB_" + n.idx + "_container"); "y" === i.axis || i.advanced.autoExpandHorizontalScroll || p.css("width", x(p)), "outside" === i.scrollbarPosition ? ("static" === t.css("position") && t.css("position", "relative"), t.css("overflow", "visible"), m.addClass("mCSB_outside").after(c)) : (m.addClass("mCSB_inside").append(c), p.wrap(u)), w.call(this); var g = [e("#mCSB_" + n.idx + "_dragger_vertical"), e("#mCSB_" + n.idx + "_dragger_horizontal")]; g[0].css("min-height", g[0].height()), g[1].css("min-width", g[1].width()) }, x = function (t) { var o = [t[0].scrollWidth, Math.max.apply(Math, t.children().map(function () { return e(this).outerWidth(!0) }).get())], a = t.parent().width(); return o[0] > a ? o[0] : o[1] > a ? o[1] : "100%" }, _ = function () { var t = e(this), o = t.data(a), n = o.opt, i = e("#mCSB_" + o.idx + "_container"); if (n.advanced.autoExpandHorizontalScroll && "y" !== n.axis) { i.css({ width: "auto", "min-width": 0, "overflow-x": "scroll" }); var r = Math.ceil(i[0].scrollWidth); 3 === n.advanced.autoExpandHorizontalScroll || 2 !== n.advanced.autoExpandHorizontalScroll && r > i.parent().width() ? i.css({ width: r, "min-width": "100%", "overflow-x": "inherit" }) : i.css({ "overflow-x": "inherit", position: "absolute" }).wrap("<div class='mCSB_h_wrapper' style='position:relative; left:0; width:999999px;' />").css({ width: Math.ceil(i[0].getBoundingClientRect().right + .4) - Math.floor(i[0].getBoundingClientRect().left), "min-width": "100%", position: "relative" }).unwrap() } }, w = function () { var t = e(this), o = t.data(a), n = o.opt, i = e(".mCSB_" + o.idx + "_scrollbar:first"), r = oe(n.scrollButtons.tabindex) ? "tabindex='" + n.scrollButtons.tabindex + "'" : "", l = ["<a href='#' class='" + d[13] + "' " + r + " />", "<a href='#' class='" + d[14] + "' " + r + " />", "<a href='#' class='" + d[15] + "' " + r + " />", "<a href='#' class='" + d[16] + "' " + r + " />"], s = ["x" === n.axis ? l[2] : l[0], "x" === n.axis ? l[3] : l[1], l[2], l[3]]; n.scrollButtons.enable && i.prepend(s[0]).append(s[1]).next(".mCSB_scrollTools").prepend(s[2]).append(s[3]) }, S = function () { var t = e(this), o = t.data(a), n = e("#mCSB_" + o.idx), i = e("#mCSB_" + o.idx + "_container"), r = [e("#mCSB_" + o.idx + "_dragger_vertical"), e("#mCSB_" + o.idx + "_dragger_horizontal")], l = [n.height() / i.outerHeight(!1), n.width() / i.outerWidth(!1)], c = [parseInt(r[0].css("min-height")), Math.round(l[0] * r[0].parent().height()), parseInt(r[1].css("min-width")), Math.round(l[1] * r[1].parent().width())], d = s && c[1] < c[0] ? c[0] : c[1], u = s && c[3] < c[2] ? c[2] : c[3]; r[0].css({ height: d, "max-height": r[0].parent().height() - 10 }).find(".mCSB_dragger_bar").css({ "line-height": c[0] + "px" }), r[1].css({ width: u, "max-width": r[1].parent().width() - 10 }) }, b = function () { var t = e(this), o = t.data(a), n = e("#mCSB_" + o.idx), i = e("#mCSB_" + o.idx + "_container"), r = [e("#mCSB_" + o.idx + "_dragger_vertical"), e("#mCSB_" + o.idx + "_dragger_horizontal")], l = [i.outerHeight(!1) - n.height(), i.outerWidth(!1) - n.width()], s = [l[0] / (r[0].parent().height() - r[0].height()), l[1] / (r[1].parent().width() - r[1].width())]; o.scrollRatio = { y: s[0], x: s[1] } }, C = function (e, t, o) { var a = o ? d[0] + "_expanded" : "", n = e.closest(".mCSB_scrollTools"); "active" === t ? (e.toggleClass(d[0] + " " + a), n.toggleClass(d[1]), e[0]._draggable = e[0]._draggable ? 0 : 1) : e[0]._draggable || ("hide" === t ? (e.removeClass(d[0]), n.removeClass(d[1])) : (e.addClass(d[0]), n.addClass(d[1]))) }, y = function () { var t = e(this), o = t.data(a), n = e("#mCSB_" + o.idx), i = e("#mCSB_" + o.idx + "_container"), r = null == o.overflowed ? i.height() : i.outerHeight(!1), l = null == o.overflowed ? i.width() : i.outerWidth(!1), s = i[0].scrollHeight, c = i[0].scrollWidth; return s > r && (r = s), c > l && (l = c), [r > n.height(), l > n.width()] }, B = function () { var t = e(this), o = t.data(a), n = o.opt, i = e("#mCSB_" + o.idx), r = e("#mCSB_" + o.idx + "_container"), l = [e("#mCSB_" + o.idx + "_dragger_vertical"), e("#mCSB_" + o.idx + "_dragger_horizontal")]; if (Q(t), ("x" !== n.axis && !o.overflowed[0] || "y" === n.axis && o.overflowed[0]) && (l[0].add(r).css("top", 0), G(t, "_resetY")), "y" !== n.axis && !o.overflowed[1] || "x" === n.axis && o.overflowed[1]) { var s = dx = 0; "rtl" === o.langDir && (s = i.width() - r.outerWidth(!1), dx = Math.abs(s / o.scrollRatio.x)), r.css("left", s), l[1].css("left", dx), G(t, "_resetX") } }, T = function () { function t() { r = setTimeout(function () { e.event.special.mousewheel ? (clearTimeout(r), W.call(o[0])) : t() }, 100) } var o = e(this), n = o.data(a), i = n.opt; if (!n.bindEvents) { if (I.call(this), i.contentTouchScroll && D.call(this), E.call(this), i.mouseWheel.enable) { var r; t() } P.call(this), U.call(this), i.advanced.autoScrollOnFocus && H.call(this), i.scrollButtons.enable && F.call(this), i.keyboard.enable && q.call(this), n.bindEvents = !0 } }, k = function () { var t = e(this), o = t.data(a), n = o.opt, i = a + "_" + o.idx, r = ".mCSB_" + o.idx + "_scrollbar", l = e("#mCSB_" + o.idx + ",#mCSB_" + o.idx + "_container,#mCSB_" + o.idx + "_container_wrapper," + r + " ." + d[12] + ",#mCSB_" + o.idx + "_dragger_vertical,#mCSB_" + o.idx + "_dragger_horizontal," + r + ">a"), s = e("#mCSB_" + o.idx + "_container"); n.advanced.releaseDraggableSelectors && l.add(e(n.advanced.releaseDraggableSelectors)), n.advanced.extraDraggableSelectors && l.add(e(n.advanced.extraDraggableSelectors)), o.bindEvents && (e(document).add(e(!A() || top.document)).unbind("." + i), l.each(function () { e(this).unbind("." + i) }), clearTimeout(t[0]._focusTimeout), $(t[0], "_focusTimeout"), clearTimeout(o.sequential.step), $(o.sequential, "step"), clearTimeout(s[0].onCompleteTimeout), $(s[0], "onCompleteTimeout"), o.bindEvents = !1) }, M = function (t) { var o = e(this), n = o.data(a), i = n.opt, r = e("#mCSB_" + n.idx + "_container_wrapper"), l = r.length ? r : e("#mCSB_" + n.idx + "_container"), s = [e("#mCSB_" + n.idx + "_scrollbar_vertical"), e("#mCSB_" + n.idx + "_scrollbar_horizontal")], c = [s[0].find(".mCSB_dragger"), s[1].find(".mCSB_dragger")]; "x" !== i.axis && (n.overflowed[0] && !t ? (s[0].add(c[0]).add(s[0].children("a")).css("display", "block"), l.removeClass(d[8] + " " + d[10])) : (i.alwaysShowScrollbar ? (2 !== i.alwaysShowScrollbar && c[0].css("display", "none"), l.removeClass(d[10])) : (s[0].css("display", "none"), l.addClass(d[10])), l.addClass(d[8]))), "y" !== i.axis && (n.overflowed[1] && !t ? (s[1].add(c[1]).add(s[1].children("a")).css("display", "block"), l.removeClass(d[9] + " " + d[11])) : (i.alwaysShowScrollbar ? (2 !== i.alwaysShowScrollbar && c[1].css("display", "none"), l.removeClass(d[11])) : (s[1].css("display", "none"), l.addClass(d[11])), l.addClass(d[9]))), n.overflowed[0] || n.overflowed[1] ? o.removeClass(d[5]) : o.addClass(d[5]) }, O = function (t) { var o = t.type, a = t.target.ownerDocument !== document && null !== frameElement ? [e(frameElement).offset().top, e(frameElement).offset().left] : null, n = A() && t.target.ownerDocument !== top.document && null !== frameElement ? [e(t.view.frameElement).offset().top, e(t.view.frameElement).offset().left] : [0, 0]; switch (o) { case "pointerdown": case "MSPointerDown": case "pointermove": case "MSPointerMove": case "pointerup": case "MSPointerUp": return a ? [t.originalEvent.pageY - a[0] + n[0], t.originalEvent.pageX - a[1] + n[1], !1] : [t.originalEvent.pageY, t.originalEvent.pageX, !1]; case "touchstart": case "touchmove": case "touchend": var i = t.originalEvent.touches[0] || t.originalEvent.changedTouches[0], r = t.originalEvent.touches.length || t.originalEvent.changedTouches.length; return t.target.ownerDocument !== document ? [i.screenY, i.screenX, r > 1] : [i.pageY, i.pageX, r > 1]; default: return a ? [t.pageY - a[0] + n[0], t.pageX - a[1] + n[1], !1] : [t.pageY, t.pageX, !1] } }, I = function () { function t(e, t, a, n) { if (h[0].idleTimer = d.scrollInertia < 233 ? 250 : 0, o.attr("id") === f[1]) var i = "x", s = (o[0].offsetLeft - t + n) * l.scrollRatio.x; else var i = "y", s = (o[0].offsetTop - e + a) * l.scrollRatio.y; G(r, s.toString(), { dir: i, drag: !0 }) } var o, n, i, r = e(this), l = r.data(a), d = l.opt, u = a + "_" + l.idx, f = ["mCSB_" + l.idx + "_dragger_vertical", "mCSB_" + l.idx + "_dragger_horizontal"], h = e("#mCSB_" + l.idx + "_container"), m = e("#" + f[0] + ",#" + f[1]), p = d.advanced.releaseDraggableSelectors ? m.add(e(d.advanced.releaseDraggableSelectors)) : m, g = d.advanced.extraDraggableSelectors ? e(!A() || top.document).add(e(d.advanced.extraDraggableSelectors)) : e(!A() || top.document); m.bind("contextmenu." + u, function (e) { e.preventDefault() }).bind("mousedown." + u + " touchstart." + u + " pointerdown." + u + " MSPointerDown." + u, function (t) { if (t.stopImmediatePropagation(), t.preventDefault(), ee(t)) { c = !0, s && (document.onselectstart = function () { return !1 }), L.call(h, !1), Q(r), o = e(this); var a = o.offset(), l = O(t)[0] - a.top, u = O(t)[1] - a.left, f = o.height() + a.top, m = o.width() + a.left; f > l && l > 0 && m > u && u > 0 && (n = l, i = u), C(o, "active", d.autoExpandScrollbar) } }).bind("touchmove." + u, function (e) { e.stopImmediatePropagation(), e.preventDefault(); var a = o.offset(), r = O(e)[0] - a.top, l = O(e)[1] - a.left; t(n, i, r, l) }), e(document).add(g).bind("mousemove." + u + " pointermove." + u + " MSPointerMove." + u, function (e) { if (o) { var a = o.offset(), r = O(e)[0] - a.top, l = O(e)[1] - a.left; if (n === r && i === l) return; t(n, i, r, l) } }).add(p).bind("mouseup." + u + " touchend." + u + " pointerup." + u + " MSPointerUp." + u, function () { o && (C(o, "active", d.autoExpandScrollbar), o = null), c = !1, s && (document.onselectstart = null), L.call(h, !0) }) }, D = function () { function o(e) { if (!te(e) || c || O(e)[2]) return void (t = 0); t = 1, b = 0, C = 0, d = 1, y.removeClass("mCS_touch_action"); var o = I.offset(); u = O(e)[0] - o.top, f = O(e)[1] - o.left, z = [O(e)[0], O(e)[1]] } function n(e) { if (te(e) && !c && !O(e)[2] && (T.documentTouchScroll || e.preventDefault(), e.stopImmediatePropagation(), (!C || b) && d)) { g = K(); var t = M.offset(), o = O(e)[0] - t.top, a = O(e)[1] - t.left, n = "mcsLinearOut"; if (E.push(o), W.push(a), z[2] = Math.abs(O(e)[0] - z[0]), z[3] = Math.abs(O(e)[1] - z[1]), B.overflowed[0]) var i = D[0].parent().height() - D[0].height(), r = u - o > 0 && o - u > -(i * B.scrollRatio.y) && (2 * z[3] < z[2] || "yx" === T.axis); if (B.overflowed[1]) var l = D[1].parent().width() - D[1].width(), h = f - a > 0 && a - f > -(l * B.scrollRatio.x) && (2 * z[2] < z[3] || "yx" === T.axis); r || h ? (U || e.preventDefault(), b = 1) : (C = 1, y.addClass("mCS_touch_action")), U && e.preventDefault(), w = "yx" === T.axis ? [u - o, f - a] : "x" === T.axis ? [null, f - a] : [u - o, null], I[0].idleTimer = 250, B.overflowed[0] && s(w[0], R, n, "y", "all", !0), B.overflowed[1] && s(w[1], R, n, "x", L, !0) } } function i(e) { if (!te(e) || c || O(e)[2]) return void (t = 0); t = 1, e.stopImmediatePropagation(), Q(y), p = K(); var o = M.offset(); h = O(e)[0] - o.top, m = O(e)[1] - o.left, E = [], W = [] } function r(e) { if (te(e) && !c && !O(e)[2]) { d = 0, e.stopImmediatePropagation(), b = 0, C = 0, v = K(); var t = M.offset(), o = O(e)[0] - t.top, a = O(e)[1] - t.left; if (!(v - g > 30)) { _ = 1e3 / (v - p); var n = "mcsEaseOut", i = 2.5 > _, r = i ? [E[E.length - 2], W[W.length - 2]] : [0, 0]; x = i ? [o - r[0], a - r[1]] : [o - h, a - m]; var u = [Math.abs(x[0]), Math.abs(x[1])]; _ = i ? [Math.abs(x[0] / 4), Math.abs(x[1] / 4)] : [_, _]; var f = [Math.abs(I[0].offsetTop) - x[0] * l(u[0] / _[0], _[0]), Math.abs(I[0].offsetLeft) - x[1] * l(u[1] / _[1], _[1])]; w = "yx" === T.axis ? [f[0], f[1]] : "x" === T.axis ? [null, f[1]] : [f[0], null], S = [4 * u[0] + T.scrollInertia, 4 * u[1] + T.scrollInertia]; var y = parseInt(T.contentTouchScroll) || 0; w[0] = u[0] > y ? w[0] : 0, w[1] = u[1] > y ? w[1] : 0, B.overflowed[0] && s(w[0], S[0], n, "y", L, !1), B.overflowed[1] && s(w[1], S[1], n, "x", L, !1) } } } function l(e, t) { var o = [1.5 * t, 2 * t, t / 1.5, t / 2]; return e > 90 ? t > 4 ? o[0] : o[3] : e > 60 ? t > 3 ? o[3] : o[2] : e > 30 ? t > 8 ? o[1] : t > 6 ? o[0] : t > 4 ? t : o[2] : t > 8 ? t : o[3] } function s(e, t, o, a, n, i) { e && G(y, e.toString(), { dur: t, scrollEasing: o, dir: a, overwrite: n, drag: i }) } var d, u, f, h, m, p, g, v, x, _, w, S, b, C, y = e(this), B = y.data(a), T = B.opt, k = a + "_" + B.idx, M = e("#mCSB_" + B.idx), I = e("#mCSB_" + B.idx + "_container"), D = [e("#mCSB_" + B.idx + "_dragger_vertical"), e("#mCSB_" + B.idx + "_dragger_horizontal")], E = [], W = [], R = 0, L = "yx" === T.axis ? "none" : "all", z = [], P = I.find("iframe"), H = ["touchstart." + k + " pointerdown." + k + " MSPointerDown." + k, "touchmove." + k + " pointermove." + k + " MSPointerMove." + k, "touchend." + k + " pointerup." + k + " MSPointerUp." + k], U = void 0 !== document.body.style.touchAction && "" !== document.body.style.touchAction; I.bind(H[0], function (e) { o(e) }).bind(H[1], function (e) { n(e) }), M.bind(H[0], function (e) { i(e) }).bind(H[2], function (e) { r(e) }), P.length && P.each(function () { e(this).bind("load", function () { A(this) && e(this.contentDocument || this.contentWindow.document).bind(H[0], function (e) { o(e), i(e) }).bind(H[1], function (e) { n(e) }).bind(H[2], function (e) { r(e) }) }) }) }, E = function () { function o() { return window.getSelection ? window.getSelection().toString() : document.selection && "Control" != document.selection.type ? document.selection.createRange().text : 0 } function n(e, t, o) { d.type = o && i ? "stepped" : "stepless", d.scrollAmount = 10, j(r, e, t, "mcsLinearOut", o ? 60 : null) } var i, r = e(this), l = r.data(a), s = l.opt, d = l.sequential, u = a + "_" + l.idx, f = e("#mCSB_" + l.idx + "_container"), h = f.parent(); f.bind("mousedown." + u, function () { t || i || (i = 1, c = !0) }).add(document).bind("mousemove." + u, function (e) { if (!t && i && o()) { var a = f.offset(), r = O(e)[0] - a.top + f[0].offsetTop, c = O(e)[1] - a.left + f[0].offsetLeft; r > 0 && r < h.height() && c > 0 && c < h.width() ? d.step && n("off", null, "stepped") : ("x" !== s.axis && l.overflowed[0] && (0 > r ? n("on", 38) : r > h.height() && n("on", 40)), "y" !== s.axis && l.overflowed[1] && (0 > c ? n("on", 37) : c > h.width() && n("on", 39))) } }).bind("mouseup." + u + " dragend." + u, function () { t || (i && (i = 0, n("off", null)), c = !1) }) }, W = function () { function t(t, a) { if (Q(o), !z(o, t.target)) { var r = "auto" !== i.mouseWheel.deltaFactor ? parseInt(i.mouseWheel.deltaFactor) : s && t.deltaFactor < 100 ? 100 : t.deltaFactor || 100, d = i.scrollInertia; if ("x" === i.axis || "x" === i.mouseWheel.axis) var u = "x", f = [Math.round(r * n.scrollRatio.x), parseInt(i.mouseWheel.scrollAmount)], h = "auto" !== i.mouseWheel.scrollAmount ? f[1] : f[0] >= l.width() ? .9 * l.width() : f[0], m = Math.abs(e("#mCSB_" + n.idx + "_container")[0].offsetLeft), p = c[1][0].offsetLeft, g = c[1].parent().width() - c[1].width(), v = "y" === i.mouseWheel.axis ? t.deltaY || a : t.deltaX; else var u = "y", f = [Math.round(r * n.scrollRatio.y), parseInt(i.mouseWheel.scrollAmount)], h = "auto" !== i.mouseWheel.scrollAmount ? f[1] : f[0] >= l.height() ? .9 * l.height() : f[0], m = Math.abs(e("#mCSB_" + n.idx + "_container")[0].offsetTop), p = c[0][0].offsetTop, g = c[0].parent().height() - c[0].height(), v = t.deltaY || a; "y" === u && !n.overflowed[0] || "x" === u && !n.overflowed[1] || ((i.mouseWheel.invert || t.webkitDirectionInvertedFromDevice) && (v = -v), i.mouseWheel.normalizeDelta && (v = 0 > v ? -1 : 1), (v > 0 && 0 !== p || 0 > v && p !== g || i.mouseWheel.preventDefault) && (t.stopImmediatePropagation(), t.preventDefault()), t.deltaFactor < 5 && !i.mouseWheel.normalizeDelta && (h = t.deltaFactor, d = 17), G(o, (m - v * h).toString(), { dir: u, dur: d })) } } if (e(this).data(a)) { var o = e(this), n = o.data(a), i = n.opt, r = a + "_" + n.idx, l = e("#mCSB_" + n.idx), c = [e("#mCSB_" + n.idx + "_dragger_vertical"), e("#mCSB_" + n.idx + "_dragger_horizontal")], d = e("#mCSB_" + n.idx + "_container").find("iframe"); d.length && d.each(function () { e(this).bind("load", function () { A(this) && e(this.contentDocument || this.contentWindow.document).bind("mousewheel." + r, function (e, o) { t(e, o) }) }) }), l.bind("mousewheel." + r, function (e, o) { t(e, o) }) } }, R = new Object, A = function (t) { var o = !1, a = !1, n = null; if (void 0 === t ? a = "#empty" : void 0 !== e(t).attr("id") && (a = e(t).attr("id")), a !== !1 && void 0 !== R[a]) return R[a]; if (t) { try { var i = t.contentDocument || t.contentWindow.document; n = i.body.innerHTML } catch (r) { } o = null !== n } else { try { var i = top.document; n = i.body.innerHTML } catch (r) { } o = null !== n } return a !== !1 && (R[a] = o), o }, L = function (e) { var t = this.find("iframe"); if (t.length) { var o = e ? "auto" : "none"; t.css("pointer-events", o) } }, z = function (t, o) { var n = o.nodeName.toLowerCase(), i = t.data(a).opt.mouseWheel.disableOver, r = ["select", "textarea"]; return e.inArray(n, i) > -1 && !(e.inArray(n, r) > -1 && !e(o).is(":focus")) }, P = function () { var t, o = e(this), n = o.data(a), i = a + "_" + n.idx, r = e("#mCSB_" + n.idx + "_container"), l = r.parent(), s = e(".mCSB_" + n.idx + "_scrollbar ." + d[12]); s.bind("mousedown." + i + " touchstart." + i + " pointerdown." + i + " MSPointerDown." + i, function (o) { c = !0, e(o.target).hasClass("mCSB_dragger") || (t = 1) }).bind("touchend." + i + " pointerup." + i + " MSPointerUp." + i, function () { c = !1 }).bind("click." + i, function (a) { if (t && (t = 0, e(a.target).hasClass(d[12]) || e(a.target).hasClass("mCSB_draggerRail"))) { Q(o); var i = e(this), s = i.find(".mCSB_dragger"); if (i.parent(".mCSB_scrollTools_horizontal").length > 0) { if (!n.overflowed[1]) return; var c = "x", u = a.pageX > s.offset().left ? -1 : 1, f = Math.abs(r[0].offsetLeft) - u * (.9 * l.width()) } else { if (!n.overflowed[0]) return; var c = "y", u = a.pageY > s.offset().top ? -1 : 1, f = Math.abs(r[0].offsetTop) - u * (.9 * l.height()) } G(o, f.toString(), { dir: c, scrollEasing: "mcsEaseInOut" }) } }) }, H = function () { var t = e(this), o = t.data(a), n = o.opt, i = a + "_" + o.idx, r = e("#mCSB_" + o.idx + "_container"), l = r.parent(); r.bind("focusin." + i, function () { var o = e(document.activeElement), a = r.find(".mCustomScrollBox").length, i = 0; o.is(n.advanced.autoScrollOnFocus) && (Q(t), clearTimeout(t[0]._focusTimeout), t[0]._focusTimer = a ? (i + 17) * a : 0, t[0]._focusTimeout = setTimeout(function () { var e = [ae(o)[0], ae(o)[1]], a = [r[0].offsetTop, r[0].offsetLeft], s = [a[0] + e[0] >= 0 && a[0] + e[0] < l.height() - o.outerHeight(!1), a[1] + e[1] >= 0 && a[0] + e[1] < l.width() - o.outerWidth(!1)], c = "yx" !== n.axis || s[0] || s[1] ? "all" : "none"; "x" === n.axis || s[0] || G(t, e[0].toString(), { dir: "y", scrollEasing: "mcsEaseInOut", overwrite: c, dur: i }), "y" === n.axis || s[1] || G(t, e[1].toString(), { dir: "x", scrollEasing: "mcsEaseInOut", overwrite: c, dur: i }) }, t[0]._focusTimer)) }) }, U = function () { var t = e(this), o = t.data(a), n = a + "_" + o.idx, i = e("#mCSB_" + o.idx + "_container").parent(); i.bind("scroll." + n, function () { 0 === i.scrollTop() && 0 === i.scrollLeft() || e(".mCSB_" + o.idx + "_scrollbar").css("visibility", "hidden") }) }, F = function () { var t = e(this), o = t.data(a), n = o.opt, i = o.sequential, r = a + "_" + o.idx, l = ".mCSB_" + o.idx + "_scrollbar", s = e(l + ">a"); s.bind("contextmenu." + r, function (e) { e.preventDefault() }).bind("mousedown." + r + " touchstart." + r + " pointerdown." + r + " MSPointerDown." + r + " mouseup." + r + " touchend." + r + " pointerup." + r + " MSPointerUp." + r + " mouseout." + r + " pointerout." + r + " MSPointerOut." + r + " click." + r, function (a) { function r(e, o) { i.scrollAmount = n.scrollButtons.scrollAmount, j(t, e, o) } if (a.preventDefault(), ee(a)) { var l = e(this).attr("class"); switch (i.type = n.scrollButtons.scrollType, a.type) { case "mousedown": case "touchstart": case "pointerdown": case "MSPointerDown": if ("stepped" === i.type) return; c = !0, o.tweenRunning = !1, r("on", l); break; case "mouseup": case "touchend": case "pointerup": case "MSPointerUp": case "mouseout": case "pointerout": case "MSPointerOut": if ("stepped" === i.type) return; c = !1, i.dir && r("off", l); break; case "click": if ("stepped" !== i.type || o.tweenRunning) return; r("on", l) } } }) }, q = function () { function t(t) { function a(e, t) { r.type = i.keyboard.scrollType, r.scrollAmount = i.keyboard.scrollAmount, "stepped" === r.type && n.tweenRunning || j(o, e, t) } switch (t.type) { case "blur": n.tweenRunning && r.dir && a("off", null); break; case "keydown": case "keyup": var l = t.keyCode ? t.keyCode : t.which, s = "on"; if ("x" !== i.axis && (38 === l || 40 === l) || "y" !== i.axis && (37 === l || 39 === l)) { if ((38 === l || 40 === l) && !n.overflowed[0] || (37 === l || 39 === l) && !n.overflowed[1]) return; "keyup" === t.type && (s = "off"), e(document.activeElement).is(u) || (t.preventDefault(), t.stopImmediatePropagation(), a(s, l)) } else if (33 === l || 34 === l) { if ((n.overflowed[0] || n.overflowed[1]) && (t.preventDefault(), t.stopImmediatePropagation()), "keyup" === t.type) { Q(o); var f = 34 === l ? -1 : 1; if ("x" === i.axis || "yx" === i.axis && n.overflowed[1] && !n.overflowed[0]) var h = "x", m = Math.abs(c[0].offsetLeft) - f * (.9 * d.width()); else var h = "y", m = Math.abs(c[0].offsetTop) - f * (.9 * d.height()); G(o, m.toString(), { dir: h, scrollEasing: "mcsEaseInOut" }) } } else if ((35 === l || 36 === l) && !e(document.activeElement).is(u) && ((n.overflowed[0] || n.overflowed[1]) && (t.preventDefault(), t.stopImmediatePropagation()), "keyup" === t.type)) { if ("x" === i.axis || "yx" === i.axis && n.overflowed[1] && !n.overflowed[0]) var h = "x", m = 35 === l ? Math.abs(d.width() - c.outerWidth(!1)) : 0; else var h = "y", m = 35 === l ? Math.abs(d.height() - c.outerHeight(!1)) : 0; G(o, m.toString(), { dir: h, scrollEasing: "mcsEaseInOut" }) } } } var o = e(this), n = o.data(a), i = n.opt, r = n.sequential, l = a + "_" + n.idx, s = e("#mCSB_" + n.idx), c = e("#mCSB_" + n.idx + "_container"), d = c.parent(), u = "input,textarea,select,datalist,keygen,[contenteditable='true']", f = c.find("iframe"), h = ["blur." + l + " keydown." + l + " keyup." + l]; f.length && f.each(function () { e(this).bind("load", function () { A(this) && e(this.contentDocument || this.contentWindow.document).bind(h[0], function (e) { t(e) }) }) }), s.attr("tabindex", "0").bind(h[0], function (e) { t(e) }) }, j = function (t, o, n, i, r) { function l(e) { u.snapAmount && (f.scrollAmount = u.snapAmount instanceof Array ? "x" === f.dir[0] ? u.snapAmount[1] : u.snapAmount[0] : u.snapAmount); var o = "stepped" !== f.type, a = r ? r : e ? o ? p / 1.5 : g : 1e3 / 60, n = e ? o ? 7.5 : 40 : 2.5, s = [Math.abs(h[0].offsetTop), Math.abs(h[0].offsetLeft)], d = [c.scrollRatio.y > 10 ? 10 : c.scrollRatio.y, c.scrollRatio.x > 10 ? 10 : c.scrollRatio.x], m = "x" === f.dir[0] ? s[1] + f.dir[1] * (d[1] * n) : s[0] + f.dir[1] * (d[0] * n), v = "x" === f.dir[0] ? s[1] + f.dir[1] * parseInt(f.scrollAmount) : s[0] + f.dir[1] * parseInt(f.scrollAmount), x = "auto" !== f.scrollAmount ? v : m, _ = i ? i : e ? o ? "mcsLinearOut" : "mcsEaseInOut" : "mcsLinear", w = !!e; return e && 17 > a && (x = "x" === f.dir[0] ? s[1] : s[0]), G(t, x.toString(), { dir: f.dir[0], scrollEasing: _, dur: a, onComplete: w }), e ? void (f.dir = !1) : (clearTimeout(f.step), void (f.step = setTimeout(function () { l() }, a))) } function s() { clearTimeout(f.step), $(f, "step"), Q(t) } var c = t.data(a), u = c.opt, f = c.sequential, h = e("#mCSB_" + c.idx + "_container"), m = "stepped" === f.type, p = u.scrollInertia < 26 ? 26 : u.scrollInertia, g = u.scrollInertia < 1 ? 17 : u.scrollInertia; switch (o) { case "on": if (f.dir = [n === d[16] || n === d[15] || 39 === n || 37 === n ? "x" : "y", n === d[13] || n === d[15] || 38 === n || 37 === n ? -1 : 1], Q(t), oe(n) && "stepped" === f.type) return; l(m); break; case "off": s(), (m || c.tweenRunning && f.dir) && l(!0) } }, Y = function (t) { var o = e(this).data(a).opt, n = []; return "function" == typeof t && (t = t()), t instanceof Array ? n = t.length > 1 ? [t[0], t[1]] : "x" === o.axis ? [null, t[0]] : [t[0], null] : (n[0] = t.y ? t.y : t.x || "x" === o.axis ? null : t, n[1] = t.x ? t.x : t.y || "y" === o.axis ? null : t), "function" == typeof n[0] && (n[0] = n[0]()), "function" == typeof n[1] && (n[1] = n[1]()), n }, X = function (t, o) { if (null != t && "undefined" != typeof t) { var n = e(this), i = n.data(a), r = i.opt, l = e("#mCSB_" + i.idx + "_container"), s = l.parent(), c = typeof t; o || (o = "x" === r.axis ? "x" : "y"); var d = "x" === o ? l.outerWidth(!1) - s.width() : l.outerHeight(!1) - s.height(), f = "x" === o ? l[0].offsetLeft : l[0].offsetTop, h = "x" === o ? "left" : "top"; switch (c) { case "function": return t(); case "object": var m = t.jquery ? t : e(t); if (!m.length) return; return "x" === o ? ae(m)[1] : ae(m)[0]; case "string": case "number": if (oe(t)) return Math.abs(t); if (-1 !== t.indexOf("%")) return Math.abs(d * parseInt(t) / 100); if (-1 !== t.indexOf("-=")) return Math.abs(f - parseInt(t.split("-=")[1])); if (-1 !== t.indexOf("+=")) { var p = f + parseInt(t.split("+=")[1]); return p >= 0 ? 0 : Math.abs(p) } if (-1 !== t.indexOf("px") && oe(t.split("px")[0])) return Math.abs(t.split("px")[0]); if ("top" === t || "left" === t) return 0; if ("bottom" === t) return Math.abs(s.height() - l.outerHeight(!1)); if ("right" === t) return Math.abs(s.width() - l.outerWidth(!1)); if ("first" === t || "last" === t) { var m = l.find(":" + t); return "x" === o ? ae(m)[1] : ae(m)[0] } return e(t).length ? "x" === o ? ae(e(t))[1] : ae(e(t))[0] : (l.css(h, t), void u.update.call(null, n[0])) } } }, N = function (t) {
2864                    function o() { return clearTimeout(f[0].autoUpdate), 0 === l.parents("html").length ? void (l = null) : void (f[0].autoUpdate = setTimeout(function () { return c.advanced.updateOnSelectorChange && (s.poll.change.n = i(), s.poll.change.n !== s.poll.change.o) ? (s.poll.change.o = s.poll.change.n, void r(3)) : c.advanced.updateOnContentResize && (s.poll.size.n = l[0].scrollHeight + l[0].scrollWidth + f[0].offsetHeight + l[0].offsetHeight + l[0].offsetWidth, s.poll.size.n !== s.poll.size.o) ? (s.poll.size.o = s.poll.size.n, void r(1)) : !c.advanced.updateOnImageLoad || "auto" === c.advanced.updateOnImageLoad && "y" === c.axis || (s.poll.img.n = f.find("img").length, s.poll.img.n === s.poll.img.o) ? void ((c.advanced.updateOnSelectorChange || c.advanced.updateOnContentResize || c.advanced.updateOnImageLoad) && o()) : (s.poll.img.o = s.poll.img.n, void f.find("img").each(function () { n(this) })) }, c.advanced.autoUpdateTimeout)) } function n(t) {
2865                        function o(e, t) {
2866                            return function () {
2867                                return t.apply(e, arguments)
2868                            }
2869                        } function a() { this.onload = null, e(t).addClass(d[2]), r(2) } if (e(t).hasClass(d[2])) return void r(); var n = new Image; n.onload = o(n, a), n.src = t.src
2870                    } function i() { c.advanced.updateOnSelectorChange === !0 && (c.advanced.updateOnSelectorChange = "*"); var e = 0, t = f.find(c.advanced.updateOnSelectorChange); return c.advanced.updateOnSelectorChange && t.length > 0 && t.each(function () { e += this.offsetHeight + this.offsetWidth }), e } function r(e) { clearTimeout(f[0].autoUpdate), u.update.call(null, l[0], e) } var l = e(this), s = l.data(a), c = s.opt, f = e("#mCSB_" + s.idx + "_container"); return t ? (clearTimeout(f[0].autoUpdate), void $(f[0], "autoUpdate")) : void o()
2871                }, V = function (e, t, o) { return Math.round(e / t) * t - o }, Q = function (t) { var o = t.data(a), n = e("#mCSB_" + o.idx + "_container,#mCSB_" + o.idx + "_container_wrapper,#mCSB_" + o.idx + "_dragger_vertical,#mCSB_" + o.idx + "_dragger_horizontal"); n.each(function () { Z.call(this) }) }, G = function (t, o, n) { function i(e) { return s && c.callbacks[e] && "function" == typeof c.callbacks[e] } function r() { return [c.callbacks.alwaysTriggerOffsets || w >= S[0] + y, c.callbacks.alwaysTriggerOffsets || -B >= w] } function l() { var e = [h[0].offsetTop, h[0].offsetLeft], o = [x[0].offsetTop, x[0].offsetLeft], a = [h.outerHeight(!1), h.outerWidth(!1)], i = [f.height(), f.width()]; t[0].mcs = { content: h, top: e[0], left: e[1], draggerTop: o[0], draggerLeft: o[1], topPct: Math.round(100 * Math.abs(e[0]) / (Math.abs(a[0]) - i[0])), leftPct: Math.round(100 * Math.abs(e[1]) / (Math.abs(a[1]) - i[1])), direction: n.dir } } var s = t.data(a), c = s.opt, d = { trigger: "internal", dir: "y", scrollEasing: "mcsEaseOut", drag: !1, dur: c.scrollInertia, overwrite: "all", callbacks: !0, onStart: !0, onUpdate: !0, onComplete: !0 }, n = e.extend(d, n), u = [n.dur, n.drag ? 0 : n.dur], f = e("#mCSB_" + s.idx), h = e("#mCSB_" + s.idx + "_container"), m = h.parent(), p = c.callbacks.onTotalScrollOffset ? Y.call(t, c.callbacks.onTotalScrollOffset) : [0, 0], g = c.callbacks.onTotalScrollBackOffset ? Y.call(t, c.callbacks.onTotalScrollBackOffset) : [0, 0]; if (s.trigger = n.trigger, 0 === m.scrollTop() && 0 === m.scrollLeft() || (e(".mCSB_" + s.idx + "_scrollbar").css("visibility", "visible"), m.scrollTop(0).scrollLeft(0)), "_resetY" !== o || s.contentReset.y || (i("onOverflowYNone") && c.callbacks.onOverflowYNone.call(t[0]), s.contentReset.y = 1), "_resetX" !== o || s.contentReset.x || (i("onOverflowXNone") && c.callbacks.onOverflowXNone.call(t[0]), s.contentReset.x = 1), "_resetY" !== o && "_resetX" !== o) { if (!s.contentReset.y && t[0].mcs || !s.overflowed[0] || (i("onOverflowY") && c.callbacks.onOverflowY.call(t[0]), s.contentReset.x = null), !s.contentReset.x && t[0].mcs || !s.overflowed[1] || (i("onOverflowX") && c.callbacks.onOverflowX.call(t[0]), s.contentReset.x = null), c.snapAmount) { var v = c.snapAmount instanceof Array ? "x" === n.dir ? c.snapAmount[1] : c.snapAmount[0] : c.snapAmount; o = V(o, v, c.snapOffset) } switch (n.dir) { case "x": var x = e("#mCSB_" + s.idx + "_dragger_horizontal"), _ = "left", w = h[0].offsetLeft, S = [f.width() - h.outerWidth(!1), x.parent().width() - x.width()], b = [o, 0 === o ? 0 : o / s.scrollRatio.x], y = p[1], B = g[1], T = y > 0 ? y / s.scrollRatio.x : 0, k = B > 0 ? B / s.scrollRatio.x : 0; break; case "y": var x = e("#mCSB_" + s.idx + "_dragger_vertical"), _ = "top", w = h[0].offsetTop, S = [f.height() - h.outerHeight(!1), x.parent().height() - x.height()], b = [o, 0 === o ? 0 : o / s.scrollRatio.y], y = p[0], B = g[0], T = y > 0 ? y / s.scrollRatio.y : 0, k = B > 0 ? B / s.scrollRatio.y : 0 }b[1] < 0 || 0 === b[0] && 0 === b[1] ? b = [0, 0] : b[1] >= S[1] ? b = [S[0], S[1]] : b[0] = -b[0], t[0].mcs || (l(), i("onInit") && c.callbacks.onInit.call(t[0])), clearTimeout(h[0].onCompleteTimeout), J(x[0], _, Math.round(b[1]), u[1], n.scrollEasing), !s.tweenRunning && (0 === w && b[0] >= 0 || w === S[0] && b[0] <= S[0]) || J(h[0], _, Math.round(b[0]), u[0], n.scrollEasing, n.overwrite, { onStart: function () { n.callbacks && n.onStart && !s.tweenRunning && (i("onScrollStart") && (l(), c.callbacks.onScrollStart.call(t[0])), s.tweenRunning = !0, C(x), s.cbOffsets = r()) }, onUpdate: function () { n.callbacks && n.onUpdate && i("whileScrolling") && (l(), c.callbacks.whileScrolling.call(t[0])) }, onComplete: function () { if (n.callbacks && n.onComplete) { "yx" === c.axis && clearTimeout(h[0].onCompleteTimeout); var e = h[0].idleTimer || 0; h[0].onCompleteTimeout = setTimeout(function () { i("onScroll") && (l(), c.callbacks.onScroll.call(t[0])), i("onTotalScroll") && b[1] >= S[1] - T && s.cbOffsets[0] && (l(), c.callbacks.onTotalScroll.call(t[0])), i("onTotalScrollBack") && b[1] <= k && s.cbOffsets[1] && (l(), c.callbacks.onTotalScrollBack.call(t[0])), s.tweenRunning = !1, h[0].idleTimer = 0, C(x, "hide") }, e) } } }) } }, J = function (e, t, o, a, n, i, r) { function l() { S.stop || (x || m.call(), x = K() - v, s(), x >= S.time && (S.time = x > S.time ? x + f - (x - S.time) : x + f - 1, S.time < x + 1 && (S.time = x + 1)), S.time < a ? S.id = h(l) : g.call()) } function s() { a > 0 ? (S.currVal = u(S.time, _, b, a, n), w[t] = Math.round(S.currVal) + "px") : w[t] = o + "px", p.call() } function c() { f = 1e3 / 60, S.time = x + f, h = window.requestAnimationFrame ? window.requestAnimationFrame : function (e) { return s(), setTimeout(e, .01) }, S.id = h(l) } function d() { null != S.id && (window.requestAnimationFrame ? window.cancelAnimationFrame(S.id) : clearTimeout(S.id), S.id = null) } function u(e, t, o, a, n) { switch (n) { case "linear": case "mcsLinear": return o * e / a + t; case "mcsLinearOut": return e /= a, e--, o * Math.sqrt(1 - e * e) + t; case "easeInOutSmooth": return e /= a / 2, 1 > e ? o / 2 * e * e + t : (e--, -o / 2 * (e * (e - 2) - 1) + t); case "easeInOutStrong": return e /= a / 2, 1 > e ? o / 2 * Math.pow(2, 10 * (e - 1)) + t : (e--, o / 2 * (-Math.pow(2, -10 * e) + 2) + t); case "easeInOut": case "mcsEaseInOut": return e /= a / 2, 1 > e ? o / 2 * e * e * e + t : (e -= 2, o / 2 * (e * e * e + 2) + t); case "easeOutSmooth": return e /= a, e--, -o * (e * e * e * e - 1) + t; case "easeOutStrong": return o * (-Math.pow(2, -10 * e / a) + 1) + t; case "easeOut": case "mcsEaseOut": default: var i = (e /= a) * e, r = i * e; return t + o * (.499999999999997 * r * i + -2.5 * i * i + 5.5 * r + -6.5 * i + 4 * e) } } e._mTween || (e._mTween = { top: {}, left: {} }); var f, h, r = r || {}, m = r.onStart || function () { }, p = r.onUpdate || function () { }, g = r.onComplete || function () { }, v = K(), x = 0, _ = e.offsetTop, w = e.style, S = e._mTween[t]; "left" === t && (_ = e.offsetLeft); var b = o - _; S.stop = 0, "none" !== i && d(), c() }, K = function () { return window.performance && window.performance.now ? window.performance.now() : window.performance && window.performance.webkitNow ? window.performance.webkitNow() : Date.now ? Date.now() : (new Date).getTime() }, Z = function () { var e = this; e._mTween || (e._mTween = { top: {}, left: {} }); for (var t = ["top", "left"], o = 0; o < t.length; o++) { var a = t[o]; e._mTween[a].id && (window.requestAnimationFrame ? window.cancelAnimationFrame(e._mTween[a].id) : clearTimeout(e._mTween[a].id), e._mTween[a].id = null, e._mTween[a].stop = 1) } }, $ = function (e, t) { try { delete e[t] } catch (o) { e[t] = null } }, ee = function (e) { return !(e.which && 1 !== e.which) }, te = function (e) { var t = e.originalEvent.pointerType; return !(t && "touch" !== t && 2 !== t) }, oe = function (e) { return !isNaN(parseFloat(e)) && isFinite(e) }, ae = function (e) { var t = e.parents(".mCSB_container"); return [e.offset().top - t.offset().top, e.offset().left - t.offset().left] }, ne = function () { function e() { var e = ["webkit", "moz", "ms", "o"]; if ("hidden" in document) return "hidden"; for (var t = 0; t < e.length; t++)if (e[t] + "Hidden" in document) return e[t] + "Hidden"; return null } var t = e(); return t ? document[t] : !1 }; e.fn[o] = function (t) { return u[t] ? u[t].apply(this, Array.prototype.slice.call(arguments, 1)) : "object" != typeof t && t ? void e.error("Method " + t + " does not exist") : u.init.apply(this, arguments) }, e[o] = function (t) { return u[t] ? u[t].apply(this, Array.prototype.slice.call(arguments, 1)) : "object" != typeof t && t ? void e.error("Method " + t + " does not exist") : u.init.apply(this, arguments) }, e[o].defaults = i, window[o] = !0, e(window).bind("load", function () { e(n)[o](), e.extend(e.expr[":"], { mcsInView: e.expr[":"].mcsInView || function (t) { var o, a, n = e(t), i = n.parents(".mCSB_container"); if (i.length) return o = i.parent(), a = [i[0].offsetTop, i[0].offsetLeft], a[0] + ae(n)[0] >= 0 && a[0] + ae(n)[0] < o.height() - n.outerHeight(!1) && a[1] + ae(n)[1] >= 0 && a[1] + ae(n)[1] < o.width() - n.outerWidth(!1) }, mcsInSight: e.expr[":"].mcsInSight || function (t, o, a) { var n, i, r, l, s = e(t), c = s.parents(".mCSB_container"), d = "exact" === a[3] ? [[1, 0], [1, 0]] : [[.9, .1], [.6, .4]]; if (c.length) return n = [s.outerHeight(!1), s.outerWidth(!1)], r = [c[0].offsetTop + ae(s)[0], c[0].offsetLeft + ae(s)[1]], i = [c.parent()[0].offsetHeight, c.parent()[0].offsetWidth], l = [n[0] < i[0] ? d[0] : d[1], n[1] < i[1] ? d[0] : d[1]], r[0] - i[0] * l[0][0] < 0 && r[0] + n[0] - i[0] * l[0][1] >= 0 && r[1] - i[1] * l[1][0] < 0 && r[1] + n[1] - i[1] * l[1][1] >= 0 }, mcsOverflow: e.expr[":"].mcsOverflow || function (t) { var o = e(t).data(a); if (o) return o.overflowed[0] || o.overflowed[1] } }) })
2872            })
2873        });
2874
2875    })
2876    $(window).bind("load", function () {
2877        setTimeout(() => {
2878            $(".roster-container").mCustomScrollbar({
2879                axis: "x",
2880                theme: "rounded",
2881                autoExpandScrollbar: true,
2882                advanced: { autoExpandHorizontalScroll: true }
2883            });
2884        }, "2000");
2885    });
2886
2887
2888</script>
2888
2889<style>
2890    .roster__progress-indicator-container {
2891        display: none;
2892    }
2893
2894    .roster-container {
2895        width: 80vw;
2896        margin: 0 auto;
2897    }
2898
2899    ul.roster {
2900        height: 16vh;
2901    }
2902
2903    .mCSB_horizontal.mCSB_inside>.mCSB_container {
2904        display: flex;
2905
2906    }
2907
2908    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
2909    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
2910    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
2911    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
2912        background: url(/sites/g/files/g2000018231/files/2024-02/drag.svg) no-repeat;
2913        background-size: 100% auto;
2914        /* background: red; */
2915        width: 2rem !important;
2916        height: 2rem !important;
2917        bottom: -0.2rem !important;
2918    }
2919
2920    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_draggerContainer:hover .mCSB_dragger,
2921    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerContainer:hover .mCSB_dragger,
2922    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerContainer:hover .mCSB_dragger,
2923    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_draggerContainer:hover .mCSB_dragger {
2924        background: url(/sites/g/files/g2000018231/files/2024-02/drag_1.svg) no-repeat;
2925        background-size: 100% auto;
2926        /* background: red; */
2927        width: 2rem !important;
2928        height: 2rem !important;
2929        bottom: -0.2rem !important;
2930    }
2931
2932    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
2933    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
2934    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
2935    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
2936        background: transparent;
2937    }
2938
2939    .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
2940        opacity: 0;
2941    }
2942
2943    div#mCSB_1_dragger_horizontal:after {
2944        content: "drag";
2945        display: block;
2946        color: #fff;
2947        font-size: 0.75rem;
2948        display: inline-block;
2949        position: absolute;
2950        top: 0.5rem;
2951        text-transform: uppercase;
2952        left: 2.5rem;
2953    }
2954
2955    @media only screen and (min-width:1440px) {
2956
2957        .roster-container,
2958        div.artists__roster {
2959            width: 60%;
2960            padding-left: 3rem;
2961            margin-left: 0;
2962            box-sizing: border-box;
2963        }
2964
2965        .roster-container {
2966            width: 95%;
2967        }
2968
2969        div .artists__video {
2970            /* max-width:35% !important; */
2971        }
2972
2973        ul.roster {
2974            height: 35vh;
2975            height: 14vw;
2976        }
2977    }
2978
2979    @media only screen and (max-width:1023px),
2980    only screen and (max-width:1024px) and (orientation:portrait) {
2981        ul.roster {
2982            height: 25vh;
2983        }
2984
2985        div .title {
2986            font-size: 1.25rem;
2987        }
2988
2989        div .title-container {
2990            margin-bottom: 0;
2991        }
2992
2993        div .roster-container {
2994            height: 80%;
2995        }
2996    }
2997
2998    @media only screen and (max-width:1023px) and (orientation:landscape) {
2999        ul.roster {
3000            height: 9vh;
3001        }
3002    }
3003</style></div>
3004      
3005    </div>
3006  </div>
3007<div id="block-bartik-cssfortermofusepage" data-block-plugin-id="block_content:6f628dd1-2e37-4a1c-b063-cdc7e938671b" class="block block-block-content block-block-content6f628dd1-2e37-4a1c-b063-cdc7e938671b">
3008  
3009    
3010      <div class="content">
3011      
3012            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
3012<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
3012
3013<style>
3014    #pptoswrapper>div>h2 {
3015        font-family: Sharp Sans, sans-serif;
3016        font-style: normal;
3017        font-weight: 400;
3018        margin-top: 0;
3019        margin-bottom: 2rem;
3020        text-transform: uppercase;
3021        display: inline-block;
3022        line-height: 1;
3023        letter-spacing: 1px;
3024        color: white;
3025        font-size: 2.4rem;
3026        margin-top: 2vw;
3027    }
3028
3029    #block-bartik-views-block-pp-and-tos-block-1>div.content>div>div>div.view-content>div>div>div {
3030
3031        padding: 10vw;
3032        color: white;
3033        font-family: Founders Grotesk, sans-serif;
3034    }
3035
3036    body.page-node-type-pp-and-tos a {
3037        color: #fff;
3038        font-weight: bold;
3039    }
3040
3041    @media only screen and (max-width:1024px) {
3042        #pptoswrapper>div>h2 {
3043            font-size: 2rem;
3044            margin-top: 5vw;
3045        }
3046    }
3047</style></div>
3048      
3049    </div>
3050  </div>
3051<div id="block-bartik-footerblock" data-block-plugin-id="block_content:6c8867d8-8384-4836-b37f-72a159518d4a" class="block block-block-content block-block-content6c8867d8-8384-4836-b37f-72a159518d4a">
3052  
3053    
3054      <div class="content">
3055      
3056            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footerwrap">
3057    <div class="mlistwrapper">
3058      <div class="plain-ml-wrapper dtmlightbox firstMlistForm in-grid" data-success="callbackFnName1">
3059        <div class="mlisttitle">Stay in the Know</div>
3060        <div class="message">
3061          <p class="message-description">
3062            Sign-up to our newsletter for <br>
3063            exclusive Warner&nbsp;Records weekly <br class="desk">
3064            content
3065          </p>
3066        </div>
3067        <div class="mlform">
3068          <form class="mlistFormOne mlform twostep">
3069            <div class="email fieldWrap">
3070              <label for="emailAddress-footer-block" class="tiny">Enter your email address</label>
3071              <input data-type="email" data-error-text="Please enter a valid email address" required id="emailAddress-footer-block" class="email" placeholder="E-mail" name="email" aria-label="Email Address for footer block">
3072            </div>
3073            <div class="primary-list-values">
3074              <input name="Datasource" type="hidden" value="WarnerRecords_NewsletterOptIn_MainSignUp_Website">
3075              <input name="newsletterId" type="hidden" value="6518500">
3076            </div>
3077            <div class="submit">
3078              <input type="submit" class="submit mlistSubmit" value="SIGN UP">
3079            </div>
3080            <span class="consent-placeholder" data-template="artist-mktg" data-artist="Warner&nbsp;Records" data-error-text="This field is required" data-pp-link="https://www.warnerrecords.com/privacy-policy"></span>
3081          </form>
3082          
3083        </div>
3084        <div class="thankyou fadeOut">Thank you for signing up!</div>
3085        <div class="secondform fadeOut singleform">
3086          <span class="secondFormClose">x</span>
3087          <div class="welcome">
3088            <p>
3089              Welcome <span class="name"></span> to the Warner&nbsp;Records'
3090              mailing list!
3091            </p>
3092          </div>
3093          <form class="mlistFormTwo mlform">
3094            <input type="hidden" class="secondFormEmail" name="email" value>
3095            <div class="name">
3096              <div class="first fieldWrap">
3097                <label for="firstName-footer-block" class="tiny">First Name</label>
3098                <input type="text" class="first" name="firstname" placeholder="First Name" id="firstName-footer-block">
3099              </div>
3100            </div>
3101            <div class="postalcode fieldWrap">
3102                <label for="postalCode-footer-block" class="tiny">Zip</label>
3103              <input type="text" name="postalcode" placeholder="Zip" id="postalCode-footer-block">
3104            </div>
3105            <div class="postal_country">
3106              <div class="country select-drop-down-arrow">
3107                <select class="country form-control" name="country" aria-label="country-field-footer-block"></select>
3108              </div>
3109            </div>
3110            <div class="birthday">
3111              <div class="dobDay fieldWrap select-drop-down-arrow">
3112                <select name="dobDay" class id="dobDay" aria-label="Birth Date-Day-footer-block">
3113                  <option value>Day</option>
3114                  <option value="1">1</option>
3115                  <option value="2">2</option>
3116                  <option value="3">3</option>
3117                  <option value="4">4</option>
3118                  <option value="5">5</option>
3119                  <option value="6">6</option>
3120                  <option value="7">7</option>
3121                  <option value="8">8</option>
3122                  <option value="9">9</option>
3123                  <option value="10">10</option>
3124                  <option value="11">11</option>
3125                  <option value="12">12</option>
3126                  <option value="13">13</option>
3127                  <option value="14">14</option>
3128                  <option value="15">15</option>
3129                  <option value="16">16</option>
3130                  <option value="17">17</option>
3131                  <option value="18">18</option>
3132                  <option value="19">19</option>
3133                  <option value="20">20</option>
3134                  <option value="21">21</option>
3135                  <option value="22">22</option>
3136                  <option value="23">23</option>
3137                  <option value="24">24</option>
3138                  <option value="25">25</option>
3139                  <option value="26">26</option>
3140                  <option value="27">27</option>
3141                  <option value="28">28</option>
3142                  <option value="29">29</option>
3143                  <option value="30">30</option>
3144                  <option value="31">31</option>
3145                </select>
3146              </div>
3147              <div class="dobMonth fieldWrap select-drop-down-arrow">
3148                <select name="dobMonth" class id="dobMonth" aria-label="Birth Date-Month-footer-block">
3149                  <option value>Month</option>
3150                  <option value="1">January</option>
3151                  <option value="2">February</option>
3152                  <option value="3">March</option>
3153                  <option value="4">April</option>
3154                  <option value="5">May</option>
3155                  <option value="6">June</option>
3156                  <option value="7">July</option>
3157                  <option value="8">August</option>
3158                  <option value="9">September</option>
3159                  <option value="10">October</option>
3160                  <option value="11">November</option>
3161                  <option value="12">December</option>
3162                </select>
3163              </div>
3164            </div>
3165            <input name="newsletterId" type="hidden" value="14075551">
3166            <input name="Datasource" type="hidden" value="WarnerRecords_NewsletterOptIn_MainSignUp_Website">
3167  
3168            <span class="consent-placeholder" data-template="global-mktg" data-artist="Warner&nbsp;Records" data-value="6518500" data-pp-link="https://www.warnerrecords.com/privacy-policy"></span>
3169  
3170            <div class="submit">
3171              <input type="submit" class="submit mlistSubmit" value="SIGN UP">
3172            </div>
3173  
3174            
3175          </form>
3176        </div>
3177      </div>
3178    </div>
3179  
3180    <div class="footercopywrap">
3181      <div id="footerSiteLogo">
3182        <h1>
3183          <a href="/?frontpage=true">
3184            <img src="/sites/g/files/g2000018231/files/2024-04/Warner%20Records%20Logo_White.svg" alt="Warner Records" title="Warner Records">
3185          </a>
3186        </h1>
3187      </div>
3188      <div class="copyrightsection">
3189        <div class="copyrighttext">
3190          © 2026 WARNER&nbsp;RECORDS. <br class="mobile-br">ALL
3191          RIGHTS RESERVED.
3192        </div>
3193        <div class="footer-links">
3194          <a class="footer-privacy-policy" target="_blank" href="https://www.warnerrecords.com/privacy-policy">Privacy Policy</a>
3195          <span class="sep">|</span>
3196          <a target="_blank" class="footer-terms-of-use" href="https://www.warnerrecords.com/terms-of-use">Terms &amp; Conditions</a>
3197          <span class="sep mmbr">|</span>
3198          <br class="mobile-br">
3199          <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" class="cookies">Cookies Policy</a>
3200          <span class="sep mmbr cookie">|</span>
3201  
3202          <a class="ot-sdk-show-settings" style="cursor: pointer">Cookies&nbsp;Settings</a>
3203        </div>
3204      </div>
3205    </div>
3206  </div>
3207  
3208  <style>
3209    .desk {
3210      display: block;
3211    }
3212  
3213    .site-footer__bottom .block {
3214      margin: 0;
3215    }
3216  
3217    .site-footer .layout-container {
3218      padding: 0;
3219    }
3220  
3221    footer.site-footer {
3222      padding: 0;
3223      background: transparent;
3224    }
3225  
3226    .site-footer__bottom {
3227      margin: 0;
3228      border: none;
3229    }
3230  
3231    .site-footer__bottom .region {
3232      margin: 0;
3233    }
3234  
3235    footer a:hover,
3236    footer a:active,
3237    footer a:focus,
3238    footer .link:hover,
3239    footer .link:active,
3240    footer .link:focus {
3241      border: none;
3242    }
3243  
3244    .footer-links a {
3245      text-decoration: underline;
3246      border: none;
3247      text-transform: uppercase;
3248      font-size: 0.8vw;
3249      font-family: var(--default-ffname);
3250      font-weight: var(--default-ffweight);
3251      color: var(--default-ffcolor) !important;
3252    }
3253  
3254    div#footerSiteLogo a {
3255      width: 10vw;
3256      display: block;
3257    }
3258  
3259    .footercopywrap {
3260      display: flex;
3261      flex-flow: column;
3262      justify-content: space-between;
3263      margin-top: 1vw;
3264    }
3265  
3266    .footerwrap {
3267      width: 90%;
3268      margin: 0 auto;
3269    }
3270  
3271    .copyrightsection {
3272      display: flex;
3273      justify-content: space-between;
3274      align-items: center;
3275      margin-top: 1vw;
3276    }
3277  
3278    .footer-links span.sep {
3279      display: none;
3280    }
3281  
3282    .footer-links a {
3283      margin-right: 1vw;
3284    }
3285  
3286    .footer-links a:last-child {
3287      margin-right: 0;
3288    }
3289  
3290    .copyrighttext {
3291      border: none;
3292      text-transform: uppercase;
3293      font-size: 0.8vw;
3294      font-family: var(--default-ffname);
3295      font-weight: var(--default-ffweight);
3296      color: var(--default-ffcolor) !important;
3297    }
3298  
3299    .footer-links a:hover {
3300      text-decoration: none;
3301    }
3302  
3303    /* mlist CSS */
3304    div#block-bartik-footerblock .mlistwrapper {
3305      max-width: 70%;
3306      width: 100%;
3307      margin: 0 auto;
3308      margin-bottom: 3.125vw;
3309    }
3310  
3311    div#block-bartik-footerblock .mlisttitle {
3312      color: #ffffff;
3313      font-size: 3.125vw;
3314      text-transform: uppercase;
3315      text-align: center;
3316      font-family: "sharp_sansextrabold";
3317      letter-spacing: 0.6px;
3318      padding-top: 7.708333vw;
3319      padding-bottom: 2.395833vw;
3320    }
3321  
3322    div#block-bartik-footerblock div.message,
3323    div#block-bartik-footerblock div.mlform {
3324      display: inline-block;
3325      width: 32%;
3326      vertical-align: top;
3327      margin-right: 7%;
3328      vertical-align: top;
3329      display: inline-block;
3330      font-family: "founders_groteskregular";
3331    }
3332  
3333    div#block-bartik-footerblock div.message.fadeOut {
3334      display: none;
3335    }
3336  
3337    div#block-bartik-footerblock div.mlform {
3338      width: 60%;
3339      margin: 0;
3340      font-size: 0;
3341    }
3342  
3343    div#block-bartik-footerblock div.firstMlistForm,
3344    div#block-bartik-footerblock #firstMlistForm {
3345      font-size: 0;
3346      padding: 0;
3347    }
3348  
3349    div#block-bartik-footerblock .fadeOut {
3350      display: none;
3351    }
3352  
3353    div#block-bartik-footerblock
3354      :is(form#mlistFormTwo, form.mlistFormTwo)
3355      div.country:after,
3356    div#block-bartik-footerblock
3357      :is(form#mlistFormTwo, form.mlistFormTwo)
3358      > div.birthday
3359      > div.dobMonth:after,
3360    div#block-bartik-footerblock
3361      :is(form#mlistFormTwo, form.mlistFormTwo)
3362      > div.birthday
3363      > div.dobDay:after,
3364    div#block-bartik-footerblock
3365      :is(form#mlistFormTwo, form.mlistFormTwo)
3366      div.birthday
3367      div.dobMonth:after,
3368    div#block-bartik-footerblock
3369      :is(form#mlistFormTwo, form.mlistFormTwo)
3370      div.birthday
3371      div.dobDay:after {
3372      position: absolute;
3373      pointer-events: none;
3374      content: "\25BC";
3375      text-indent: initial;
3376      font-size: 1vw;
3377      right: 0.21vw;
3378      width: 1vw;
3379      top: 50%;
3380      transform: translateY(-50%);
3381      color: #ffffff;
3382    }
3383  
3384    div#block-bartik-footerblock input,
3385    div#block-bartik-footerblock select {
3386      color: #ffffff;
3387      height: 2.447917vw;
3388      line-height: 2.447917vw;
3389      margin: 0;
3390      padding: 0;
3391      text-transform: uppercase;
3392      border: none;
3393      border-bottom: 0.0520836vw solid #ffffff;
3394      background: transparent;
3395      font-size: 0.98vw;
3396      width: 100%;
3397      opacity: 1;
3398      outline: none;
3399      border-radius: 0;
3400      -webkit-appearance: none;
3401      -moz-appearance: none;
3402      letter-spacing: 0.36px;
3403      font-family: inherit;
3404      font-weight: inherit;
3405      padding-left: 1vw;
3406    }
3407  
3408    div#block-bartik-footerblock option {
3409      background: #000;
3410      color: #ffffff;
3411    }
3412  
3413    div#block-bartik-footerblock :is(form#mlistFormOne, form.mlistFormOne) > div {
3414      margin-bottom: 0;
3415      position: relative;
3416      display: inline-block;
3417      vertical-align: middle;
3418   
3419    }
3420  
3421    div#block-bartik-footerblock
3422      :is(form#mlistFormOne, form.mlistFormOne)
3423      > div.submit,
3424    div#block-bartik-footerblock
3425      :is(form#mlistFormTwo, form.mlistFormTwo)
3426      > div.submit {
3427      margin: 0;
3428      width: auto;
3429      text-align: center;
3430      font-family: "sharp_sansextrabold";
3431    }
3432  
3433    div#block-bartik-footerblock
3434      :is(form#mlistFormOne, form.mlistFormOne)
3435      > div.submit
3436      :is(input#submit, input.submit),
3437    div#block-bartik-footerblock
3438      :is(form#mlistFormTwo, form.mlistFormTwo)
3439      > div.submit
3440      :is(input#submit, input.submit) {
3441      height: 2.447917vw;
3442      line-height: 2.447917vw;
3443      background: linear-gradient(180deg, #d32a2d 0%, #db0096 100%);
3444      color: #ffffff;
3445      border: 1px solid #d32a2d;
3446      font-size: 0.989583vw;
3447      width: 100%;
3448      letter-spacing: 0.38px;
3449      font-family: inherit;
3450      font-weight: inherit;
3451    }
3452  
3453    div#block-bartik-footerblock :is(div#terms, div.terms) {
3454      width: 100%;
3455      text-align: center;
3456      position: relative;
3457      right: 0;
3458      bottom: 0;
3459    }
3460  
3461    div#block-bartik-footerblock :is(div#terms, div.terms) a.terms,
3462    div#block-bartik-footerblock :is(div#terms, div.terms) a.terms:hover,
3463    div#block-bartik-footerblock :is(div#terms, div.terms) p {
3464      color: #ffffff;
3465      opacity: 1;
3466      font-size: 0.761vw;
3467      line-height: 1.2;
3468      text-align: right;
3469      text-transform: uppercase;
3470      font-family: inherit;
3471      font-weight: inherit;
3472      border: none;
3473    }
3474  
3475    div#block-bartik-footerblock :is(div#terms, div.terms) a,
3476    div#block-bartik-footerblock :is(div#terms, div.terms) p {
3477      margin: 0.642vw 0 0;
3478      text-align: left;
3479    }
3480  
3481    div#block-bartik-footerblock input[type="submit"] {
3482      cursor: pointer;
3483    }
3484  
3485    div#block-bartik-footerblock span.input-error {
3486      color: red;
3487      font-size: 0.81vw;
3488      position: absolute;
3489      bottom: 2.32vw;
3490      left: 0;
3491      width: 100%;
3492      font-family: inherit;
3493      font-weight: 400;
3494    }
3495  
3496    div#block-bartik-footerblock :is(form#mlistFormTwo, form.mlistFormTwo) > div {
3497      margin-bottom: 1.125vw;
3498      position: relative;
3499    }
3500  
3501    div#block-bartik-footerblock
3502      :is(form#mlistFormTwo, form.mlistFormTwo)
3503      > div.name
3504      > div.first {
3505      margin: 0;
3506      width: 100%;
3507      display: block;
3508    }
3509  
3510    div#block-bartik-footerblock
3511      :is(form#mlistFormTwo, form.mlistFormTwo)
3512      > div.birthday {
3513      font-size: 0;
3514    }
3515  
3516    div#block-bartik-footerblock
3517      :is(form#mlistFormTwo, form.mlistFormTwo)
3518      > div.birthday
3519      > div {
3520      display: inline-block;
3521      width: 49%;
3522      position: relative;
3523    }
3524  
3525    div#block-bartik-footerblock
3526      :is(form#mlistFormTwo, form.mlistFormTwo)
3527      div.birthday
3528      div.dobDay {
3529      margin-right: 1.9%;
3530    }
3531  
3532    div#block-bartik-footerblock .globaloptin.fieldWrap {
3533      margin: 0 0 1vw;
3534      text-align: left;
3535      position: relative;
3536      font-size: 1vw;
3537      font-weight: normal;
3538      color: #ffffff;
3539      line-height: 1.5vw;
3540    }
3541  
3542    div#block-bartik-footerblock .globaloptin input {
3543      width: 0.9517vw;
3544      height: 0.9517vw;
3545      margin: 0;
3546      position: absolute;
3547      display: inline-block;
3548      opacity: 0;
3549      vertical-align: top;
3550      z-index: 2;
3551    }
3552  
3553    div#block-bartik-footerblock label.goptin_checkbox {
3554      display: inline-block;
3555      padding-left: calc(1.098vw + 5px);
3556      vertical-align: top;
3557      text-transform: uppercase;
3558      font-family: inherit;
3559      font-weight: inherit;
3560    }
3561  
3562    div#block-bartik-footerblock label.goptin_checkbox span {
3563      font-family: inherit;
3564      font-weight: inherit;
3565      white-space: nowrap;
3566    }
3567  
3568    div#block-bartik-footerblock .globaloptin label::before {
3569      content: "";
3570      width: 1.098vw;
3571      height: 1.098vw;
3572      top: 0;
3573      left: 0;
3574      border: 1px solid #ffffff;
3575      position: absolute;
3576      display: inline-block;
3577      box-sizing: border-box;
3578    }
3579  
3580    div#block-bartik-footerblock .globaloptin label::after {
3581      content: "\2713";
3582      height: 0.475vw;
3583      width: 0.925vw;
3584      top: 0.125vw;
3585      left: 0.125vw;
3586      position: absolute;
3587      display: inline-block;
3588    }
3589  
3590    div#block-bartik-footerblock
3591      .globaloptin
3592      input[type="checkbox"]
3593      + label::after {
3594      content: none;
3595    }
3596  
3597    div#block-bartik-footerblock
3598      .globaloptin
3599      input[type="checkbox"]:checked
3600      + label::after {
3601      content: "\2713";
3602    }
3603  
3604    div#block-bartik-footerblock :is(div#thankyou, div.thankyou) {
3605      color: #ffffff;
3606      text-align: center;
3607      font-size: 1.5vw;
3608      text-transform: uppercase;
3609      font-family: "founders_grotesksemibold";
3610    }
3611  
3612    div#block-bartik-footerblock :is(div#thankyou, div.thankyou).fadeIn {
3613      display: block;
3614    }
3615  
3616    div#block-bartik-footerblock input:-webkit-autofill,
3617    div#block-bartik-footerblock input:-webkit-autofill:hover,
3618    div#block-bartik-footerblock input:-webkit-autofill:focus,
3619    div#block-bartik-footerblock select:-webkit-autofill,
3620    div#block-bartik-footerblock select:-webkit-autofill:hover,
3621    div#block-bartik-footerblock select:-webkit-autofill:focus {
3622      -webkit-text-fill-color: #ffffff;
3623      -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
3624      transition: #000000 5000s ease-in-out 0s;
3625    }
3626  
3627    div#block-bartik-footerblock ::-webkit-input-placeholder {
3628      color: #ffffff;
3629      opacity: 1;
3630    }
3631  
3632    div#block-bartik-footerblock :-ms-input-placeholder {
3633      color: #ffffff;
3634      opacity: 1;
3635    }
3636  
3637    div#block-bartik-footerblock ::placeholder {
3638      color: #ffffff;
3639      opacity: 1;
3640    }
3641  
3642    div#block-bartik-footerblock
3643      :is(form#mlistFormOne, form.mlistFormOne)
3644      > div.email
3645      input.errored {
3646      border-color: red;
3647    }
3648  
3649    div#block-bartik-footerblock .welcome * {
3650      font-size: 1.2vw;
3651      color: #ffffff;
3652      text-transform: uppercase;
3653      text-align: center;
3654    }
3655  
3656    div#block-bartik-footerblock .copyright-bar a:hover,
3657    div#block-bartik-footerblock .nav-right a:hover,
3658    div#block-bartik-footerblock .nav-bottom a:hover,
3659    div#block-bartik-footerblock .followLink a:hover,
3660    div#block-bartik-footerblock .closePopUp:hover,
3661    div#block-bartik-footerblock
3662      :is(form#mlistFormOne, form.mlistFormOne)
3663      > div.submit
3664      :is(input#submit, input.submit):hover,
3665    div#block-bartik-footerblock
3666      :is(form#mlistFormTwo, form.mlistFormTwo)
3667      > div.submit
3668      :is(input#submit, input.submit):hover {
3669      opacity: 0.5;
3670    }
3671  
3672    div#block-bartik-footerblock :is(div#terms, div.terms) p a:focus,
3673    div#block-bartik-footerblock :is(div#terms, div.terms) p a:hover,
3674    div#block-bartik-footerblock :is(div#terms, div.terms) p a:active {
3675      color: #ffffff;
3676      opacity: 1;
3677      text-decoration: none;
3678    }
3679  
3680    div#block-bartik-footerblock :is(div#terms, div.terms) p {
3681      position: absolute;
3682      background: black;
3683      padding: 0.42vw;
3684      top: 1vw;
3685    }
3686  
3687    div#block-bartik-footerblock
3688      :is(form#mlistFormOne, form.mlistFormOne)
3689      > div
3690      label {
3691      font-size: 1vw;
3692      text-transform: uppercase;
3693      font-weight: bold;
3694      display: block;
3695      margin: 1vw auto;
3696    }
3697  
3698    div#block-bartik-footerblock .message {
3699      font-size: 1.25vw;
3700      text-transform: initial;
3701      text-align: left;
3702      color: #ffffff;
3703    }
3704  
3705    div#block-bartik-footerblock
3706      :is(form#mlistFormOne, form.mlistFormOne)
3707      > div.email {
3708      width: 69%;
3709    }
3710  
3711    div#block-bartik-footerblock
3712      :is(form#mlistFormOne, form.mlistFormOne)
3713      > div.submit {
3714      width: 30%;
3715    }
3716  
3717    div#block-bartik-footerblock
3718      :is(form#mlistFormOne, form.mlistFormOne)
3719      > div.email
3720      input {
3721      height: 2.447917vw;
3722      border: 1px solid #ffffff;
3723      line-height: 2.447917vw;
3724      padding: 0.7vw 0 0.45vw;
3725      padding: 0;
3726      padding-top: 1%;
3727      box-sizing: border-box;
3728      text-align: center;
3729    }
3730  
3731    div#block-bartik-footerblock form.mlistFormOne.mlform.twostep {
3732      position: relative;
3733    }
3734  
3735    div#block-bartik-footerblock :is(div#terms, div.terms) a.terms {
3736      display: block;
3737      margin-right: 0;
3738      text-decoration: underline;
3739    }
3740  
3741    div#block-bartik-footerblock :is(div#terms, div.terms) p a {
3742      color: #ffffff;
3743      text-decoration: underline;
3744      border: none;
3745    }
3746  
3747    div#block-bartik-footerblock :is(div#terms, div.terms) a.terms:hover,
3748    div#block-bartik-footerblock :is(div#terms, div.terms) p a:hover {
3749      text-decoration: none;
3750      color: #ffffff;
3751    }
3752  
3753    div#block-bartik-footerblock
3754      form.mlistFormTwo.mlform
3755      :is(div#terms, div.terms)
3756      a.terms,
3757    div#block-bartik-footerblock
3758      form.mlistFormTwo.mlform
3759      :is(div#terms, div.terms)
3760      a.terms:hover {
3761      text-align: center;
3762      margin-right: 0vw;
3763    }
3764  
3765    div#block-bartik-footerblock
3766      form.mlistFormTwo.mlform
3767      :is(div#terms, div.terms) {
3768      bottom: 0;
3769    }
3770  
3771    div#block-bartik-footerblock span.secondFormClose {
3772      font-size: 2vw;
3773      color: #ffffff;
3774      line-height: 1;
3775      position: absolute;
3776      cursor: pointer;
3777      top: 0;
3778      right: 0;
3779    }
3780  
3781    div#block-bartik-footerblock span.secondFormClose:hover {
3782      opacity: 0.5;
3783    }
3784  
3785    div#block-bartik-footerblock .welcome {
3786      padding: 3vw 0 0;
3787    }
3788  
3789    div#block-bartik-footerblock .secondform.singleform {
3790      position: relative;
3791      font-family: "founders_grotesksemibold";
3792    }
3793    div#footerSiteLogo a:hover {
3794      opacity: 0.72;
3795    }
3796    br.mobile-br {
3797      display: none;
3798    }
3799  #page div#block-bartik-footerblock input#artist_mktg_consent_3,
3800  #page div#block-bartik-footerblock .consent-placeholder input#global_mktg_consent_4 {
3801      width: auto;
3802  }
3803    @media only screen and (max-width: 1023px) and (orientation: landscape),
3804      only screen and (max-width: 1024px) and (orientation: portrait) {
3805      br.mobile-br {
3806        display: block;
3807      }
3808      .footer-links a.cookies {
3809        text-align: center !important;
3810        margin: 0 auto;
3811        display: block;
3812      }
3813      .footer-links a.ot-sdk-show-settings {
3814        text-align: center;
3815        margin: 0 auto;
3816        display: block;
3817      }
3818  
3819      .copyrighttext {
3820        text-align: center;
3821      }
3822      .desk {
3823        display: none;
3824      }
3825  
3826      div#block-bartik-footerblock .mlistwrapper {
3827        max-width: 100%;
3828        margin-bottom: 10.666667vw;
3829      }
3830  
3831      div#block-bartik-footerblock div.firstMlistForm,
3832      div#block-bartik-footerblock #firstMlistForm {
3833        max-width: 100%;
3834      }
3835  
3836      div#block-bartik-footerblock .mlisttitle {
3837        font-size: 15.384615vw;
3838        letter-spacing: 0.6px;
3839        line-height: 1;
3840        padding-top: 21.025641vw;
3841        padding-bottom: 4.871795vw;
3842      }
3843  
3844      div#block-bartik-footerblock div.message {
3845        display: block;
3846        width: 90%;
3847        margin: 0 auto 5.641026vw;
3848        text-align: center;
3849      }
3850  
3851      div#block-bartik-footerblock div.message p {
3852        font-size: 6.153846vw;
3853        margin: 0;
3854        line-height: 1;
3855      }
3856  
3857      div#block-bartik-footerblock div.mlform {
3858        width: 100%;
3859      }
3860  
3861      div#block-bartik-footerblock .emailWrapper {
3862        padding-bottom: 6vw;
3863      }
3864  
3865      div#block-bartik-footerblock input,
3866      div#block-bartik-footerblock select {
3867        font-size: 4.615385vw;
3868        height: 12.051282vw;
3869        line-height: 12.051282vw;
3870      }
3871  
3872      div#block-bartik-footerblock
3873        :is(form#mlistFormOne, form.mlistFormOne)
3874        > div.email
3875        input {
3876        height: 12.051282vw;
3877        line-height: 12.051282vw;
3878        height: auto;
3879        line-height: 1;
3880        padding: 4vw 3.25vw 2vw;
3881      }
3882  
3883      div#block-bartik-footerblock
3884        :is(form#mlistFormOne, form.mlistFormOne)
3885        > div.submit
3886        :is(input#submit, input.submit),
3887      div#block-bartik-footerblock
3888        :is(form#mlistFormTwo, form.mlistFormTwo)
3889        > div.submit
3890        :is(input#submit, input.submit) {
3891        height: 12.051282vw;
3892        line-height: 12.051282vw;
3893        font-size: 4.871795vw;
3894      }
3895  
3896      div#block-bartik-footerblock :is(div#terms, div.terms) a.terms,
3897      div#block-bartik-footerblock :is(div#terms, div.terms) a.terms:hover,
3898      div#block-bartik-footerblock :is(div#terms, div.terms) p {
3899        font-size: 2.33333vw;
3900      }
3901  
3902      div#block-bartik-footerblock :is(div#terms, div.terms) a.terms {
3903        margin-right: 4.5vw;
3904      }
3905  
3906      div#block-bartik-footerblock :is(div#terms, div.terms) p {
3907        padding: 2%;
3908        margin: 0;
3909      }
3910  
3911      div#block-bartik-footerblock span.input-error {
3912        font-size: 3.5vw;
3913        bottom: 12vw;
3914      }
3915  
3916      div#block-bartik-footerblock span.secondFormClose {
3917        font-size: 5vw;
3918      }
3919  
3920      div#block-bartik-footerblock .welcome {
3921        padding: 8vw 0 0;
3922      }
3923  
3924      div#block-bartik-footerblock .welcome * {
3925        font-size: 5.266667vw;
3926      }
3927  
3928      div#block-bartik-footerblock
3929        :is(form#mlistFormTwo, form.mlistFormTwo)
3930        > div {
3931        margin-bottom: 2vw;
3932      }
3933  
3934      div#block-bartik-footerblock .globaloptin input {
3935        width: 4vw;
3936        height: 4vw;
3937      }
3938  
3939      div#block-bartik-footerblock .globaloptin.fieldWrap {
3940        font-size: 3vw;
3941        line-height: 1.2;
3942        margin: 0 0 2vw;
3943      }
3944  
3945      div#block-bartik-footerblock label.goptin_checkbox {
3946        padding-left: calc(4.098vw + 5px);
3947        line-height: 1.2;
3948      }
3949  
3950      div#block-bartik-footerblock .globaloptin label::before {
3951        width: 4vw;
3952        height: 4vw;
3953      }
3954  
3955      div#block-bartik-footerblock .globaloptin label::after {
3956        height: 1.5vw;
3957        width: 3vw;
3958        top: 0.85vw;
3959      }
3960  
3961      div#block-bartik-footerblock
3962        :is(form#mlistFormTwo, form.mlistFormTwo)
3963        div.country:after,
3964      div#block-bartik-footerblock
3965        :is(form#mlistFormTwo, form.mlistFormTwo)
3966        > div.birthday
3967        > div.dobMonth:after,
3968      div#block-bartik-footerblock
3969        :is(form#mlistFormTwo, form.mlistFormTwo)
3970        > div.birthday
3971        > div.dobDay:after,
3972      div#block-bartik-footerblock
3973        :is(form#mlistFormTwo, form.mlistFormTwo)
3974        div.birthday
3975        div.dobMonth:after,
3976      div#block-bartik-footerblock
3977        :is(form#mlistFormTwo, form.mlistFormTwo)
3978        div.birthday
3979        div.dobDay:after {
3980        font-size: 4vw;
3981        right: 2vw;
3982      }
3983  
3984      div#block-bartik-footerblock :is(div#thankyou, div.thankyou) {
3985        font-size: 4.7vw;
3986      }
3987    }
3988    @media only screen and (max-width: 1023px),
3989      only screen and (max-width: 1024px) and (orientation: portrait) {
3990      div#footerSiteLogo a {
3991        width: 23.414634146341463vw;
3992        display: block;
3993        margin: 0 auto;
3994      }
3995      .copyrightsection {
3996        flex-direction: column-reverse;
3997        margin-top: 2vw;
3998      }
3999  
4000      .copyrighttext {
4001        font-size: 1.951219512195122vw;
4002        margin-top: 3vw;
4003        margin-bottom: 2vw;
4004      }
4005      .footer-links a {
4006        font-size: 1.951219512195122vw;
4007      }
4008    }
4009    @media only screen and (max-width: 767px) {
4010      div#footerSiteLogo a {
4011        width: 50.51282051282051vw;
4012      }
4013      .footer-links {
4014        text-align: center;
4015        margin: 2vw;
4016      }
4017      .footer-links a,
4018      .copyrighttext {
4019        font-size: 3.002564102564102vw;
4020        text-align: center;
4021      }
4022    }
4023  
4024    @media only screen and (min-width: 1024px) and (max-width: 1024px) {
4025      a.cookies {
4026        display: inline-block !important;
4027      }
4028      a.ot-sdk-show-settings {
4029        display: inline-block !important;
4030        padding-left: 1vw;
4031      }
4032    }
4033  </style>
4034  
4034<script>
4035    window.callbackFnName1 = function () {
4036      jQuery("div#block-bartik-footerblock div.message").addClass("fadeOut");
4037    };
4038  </script>
4038
4039  <style>
4040    div#block-bartik-footerblock
4041      :is(form#mlistFormOne, form.mlistFormOne)
4042      > div.email
4043      label {
4044      display: none;
4045    }
4046    #page div#block-bartik-footerblock input#artist_mktg_consent_1,
4047    #page div#block-bartik-footerblock input#global_mktg_consent_2,
4048    #page div#block-bartik-footerblock .consent-placeholder input {
4049      border: 0;
4050  }
4051    #page .footerwrap .consent-placeholder {
4052      position: relative;
4053      margin: 3.5vh auto 0;
4054      display: block;
4055      color: #ffffff;
4056    }
4057    #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder label a{
4058      border: 0;
4059    }
4060    .plain-ml-wrapper label:not(.goptin_checkbox) {
4061      position: static;
4062      transform: none;
4063    }
4064    #page .footerwrap
4065      .plain-ml-wrapper
4066      .consent-placeholder
4067      input[type="checkbox"]:not(:checked),
4068    #page .footerwrap
4069      .plain-ml-wrapper
4070      .consent-placeholder
4071      input[type="checkbox"]:checked {
4072      position: absolute;
4073      left: 0px;
4074      width: 1.8vw;
4075      height: 1.8vw;
4076      z-index: 10;
4077      top: 0px;
4078      opacity: 0;
4079      cursor: pointer;
4080      margin: 0;
4081      -webkit-appearance: none;
4082      padding: 0;
4083    }
4084  
4085    #page .footerwrap
4086      .plain-ml-wrapper
4087      .consent-placeholder
4088      input[type="checkbox"]:not(:checked)
4089      + label:before,
4090    #page .footerwrap
4091      .plain-ml-wrapper
4092      .consent-placeholder
4093      input[type="checkbox"]:checked
4094      + label:before {
4095      content: "";
4096      position: absolute;
4097      left: 0px;
4098      top: auto;
4099      width: 1.8vw;
4100      height: 1.8vw;
4101      border: 2px solid #fff;
4102      background: transparent;
4103      border-radius: 0px;
4104      box-sizing: border-box;
4105    }
4106  
4107    #page .footerwrap
4108      .plain-ml-wrapper
4109      .consent-placeholder
4110      input[type="checkbox"].errored:not(:checked)
4111      + label:before {
4112      border-color: red;
4113    }
4114  
4115    #page .footerwrap
4116      .plain-ml-wrapper
4117      .mlform
4118      .consent-placeholder
4119      input[type="checkbox"]
4120      + label {
4121      display: inline-block;
4122      box-sizing: border-box;
4123      line-height: 1;
4124      text-align: left;
4125      text-transform: uppercase;
4126      letter-spacing: 0;
4127      font-size: 0.82vw;
4128      padding-left: 2.54vw;
4129      vertical-align: top;
4130      font-weight: 400;
4131      position: static;
4132      transform: none;
4133      pointer-events: auto;
4134    }
4135  
4136    #page .footerwrap
4137      .plain-ml-wrapper
4138      .consent-placeholder
4139      input[type="checkbox"]:checked
4140      + label:after {
4141      content: "\2713";
4142      position: absolute;
4143      top: 0.8vh;
4144      line-height: 1;
4145      left: 0.45vw;
4146      font-size: 1.4vw;
4147      color: #fff;
4148      font-weight: 700;
4149      text-align: center;
4150    }
4151  
4152    #page .footerwrap
4153      .plain-ml-wrapper
4154      .consent-placeholder
4155      input[type="checkbox"]:checked
4156      + label:after {
4157      color: #ffffff;
4158    }
4159  
4160    #page .footerwrap .consent-placeholder span.input-error {
4161      color: red;
4162      position: absolute;
4163      top: -3.25vh;
4164      left: 0;
4165      bottom: auto;
4166    }
4167  
4168    #page .footerwrap .secondform .consent-placeholder {
4169      margin: 2vh auto;
4170    }
4171    #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder label a,
4172    #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder label span {
4173      color: #ffffff;
4174    }
4175    #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder label a {
4176      text-decoration: underline;
4177    }
4178    #page .footerwrap .plain-ml-wrapper .mlform .consent-placeholder label a:hover {
4179      opacity: 0.5;
4180    }
4181    @media only screen and (max-width: 1024px) and (orientation: portrait) {
4182      #page .footerwrap
4183        .plain-ml-wrapper
4184        .mlform
4185        .consent-placeholder
4186        input[type="checkbox"]
4187        + label {
4188        font-size: 3.524vw;
4189        padding-left: 7.94vw;
4190      }
4191  
4192      #page .footerwrap
4193        .plain-ml-wrapper
4194        .consent-placeholder
4195        input[type="checkbox"]:not(:checked),
4196      #page .footerwrap
4197        .plain-ml-wrapper
4198        .consent-placeholder
4199        input[type="checkbox"]:checked,
4200      #page .footerwrap
4201        .plain-ml-wrapper
4202        .consent-placeholder
4203        input[type="checkbox"]:not(:checked)
4204        + label:before,
4205      #page .footerwrap
4206        .plain-ml-wrapper
4207        .consent-placeholder
4208        input[type="checkbox"]:checked
4209        + label:before {
4210        width: 5.8vw;
4211        height: 5.8vw;
4212      }
4213  
4214      #page .footerwrap
4215        .plain-ml-wrapper
4216        .consent-placeholder
4217        input[type="checkbox"]:checked
4218        + label:after {
4219        top: 0.528vh;
4220        left: 1.5vw;
4221        font-size: 4vw;
4222      }
4223    }
4224@media only screen and (max-width: 1023px) and (orientation: landscape), only screen and (max-width: 1024px) and (orientation: portrait) {
4225    div#block-bartik-footerblock :is(form#mlistFormOne, form.mlistFormOne) > div.email input {
4226        padding: 4vw 3.25vw 2.2vw;
4227    }
4228}
4229  </style>
4230  </div>
4231      
4232    </div>
4233  </div>
4234
4235  </div>
4236
4237          </div>
4238              </div>
4239    </footer>
4240  </div>
4241</div>
4242
4243  </div>
4244
4245    
4245<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>
vendor: 1 bytes, line 4245
4245
4246<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="WR"></script>
4246
4247
4248    
4249  </body>
4250</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.