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&language=en&theme=bartik&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&language=en&theme=bartik&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&language=en&theme=bartik&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 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 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 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 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 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 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 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 >></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 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 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 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 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 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 & 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 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.