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="BLUR - Official Website" /> 6<meta name="keywords" content="BLUR" /> 7<link rel="canonical" href="https://www.blur.co.uk/" /> 8<meta name="robots" content="index, follow" /> 9<link rel="shortlink" href="https://www.blur.co.uk/" /> 10<meta property="og:site_name" content="Blur" /> 11<meta property="og:type" content="website" /> 12<meta property="og:url" content="https://www.blur.co.uk/" /> 13<meta property="og:title" content="BLUR - Official Website" /> 14<meta property="og:description" content="BLUR - Official Website" /> 15<meta property="og:image" content="https://www.blur.co.uk/sites/g/files/g2000022371/files/2026-03/OG.jpg" /> 16<meta name="twitter:card" content="summary_large_image" /> 17<meta name="twitter:description" content="BLUR - Official Website" /> 18<meta name="twitter:site" content="@blur" /> 19<meta name="twitter:title" content="BLUR - Official Website" /> 20<meta name="twitter:image" content="https://www.blur.co.uk/sites/g/files/g2000022371/files/2026-03/OG.jpg" /> 21<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 22<meta name="MobileOptimized" content="width" /> 23<meta name="HandheldFriendly" content="true" /> 24<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 25<link rel="stylesheet" href="https://use.typekit.net/lae6hxw.css" /> 26<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/" /="/" /> 27<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css" /="/" /> 28<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.2/css/all.css" /> 29<link rel="stylesheet" href="https://libraries.wmgartistservices.com/custom_css/icon_Library/icomoon-library.css" /> 30<link rel="preconnect" href="https://fonts.googleapis.com" /> 31<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" /> 32<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet" /> 33<meta name="robots" content="noimageai,noai" /> 34<link rel="icon" href="/sites/g/files/g2000022371/files/2026-03/fav.png" type="image/png" />
35<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="ab21d135-b098-4d33-9e95-dbada7b96763" data-document-language="true"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript">function OptanonWrapper() { 37 var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/'; 38 var allLinks = document.querySelectorAll('a'); 39 for(i = 0; i < allLinks.length; i++) { 40 let href = allLinks[i].href; 41 if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) { 42 href = href + '?ot=ab21d135-b098-4d33-9e95-dbada7b96763&url=' + window.location.hostname; 43 allLinks[i].setAttribute("href", href); 44 allLinks[i].setAttribute("target", "_blank"); 45 } 46 } 47 var eOT = new Event("OneTrustGroupsUpdated"); 48 document.dispatchEvent(eOT); 49 var regCheckPerformance = /,C0002,/; 50 var regCheckFunctional = /,C0003,/; 51 var regCheckTargeting = /,C0004,/; 52 var regCheckSocial = /,C0008,/; 53}</script>
53 54<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
55<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmggbglobal,wmgprl,wmgprlgb,wmgblur.co.uk"},"content":{"artist":"Blur","label":"Warner Music International","sublabel":"Parlophone Records"},"page":{"pageInfo":{"pageName":"Blur:Homepage","server":"Blur:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Blur:Home","pageType":"homepage"}}}</script>
vendor: 1 bytes, line 55
55
56<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 56
56
57<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 57
57
58<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js?gfg" defer="defer">�</script>
vendor: 1 bytes, line 58
58
59<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js" defer="defer">�</script>
vendor: 1 bytes, line 59
59
60<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js" defer="defer">�</script>
vendor: 1 bytes, line 60
60
61<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js" defer="defer">�</script>
vendor: 1 bytes, line 61
61
62<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js" defer="defer"></script>
62 63 64 <title>BLUR - Official Website</title> 65 <link rel="stylesheet" media="all" href="/sites/g/files/g2000022371/files/css/css_Wh_kzMUrmahW5oy4Dnxrc3BwFHlqM_KWI4U5sxrY8ms.css?delta=0&language=en&theme=bartik&include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" /> 66<link rel="stylesheet" media="all" href="/sites/g/files/g2000022371/files/css/css_-1DoZuVTsmHDw4iihCLFyQEPyxPqyaNb1GfOZwUGPIc.css?delta=1&language=en&theme=bartik&include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" /> 67<link rel="stylesheet" media="print" href="/sites/g/files/g2000022371/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&language=en&theme=bartik&include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" /> 68<link rel="stylesheet" media="all" href="/sites/g/files/g2000022371/files/css/css_Cox213fzNLziLCWJLofE9-JzaECR1sPnFUmbMXH-fks.css?delta=3&language=en&theme=bartik&include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" /> 69 70 71 </head> 72 <body class="page-node-506 page-node-type-page layout-no-sidebars path-frontpage"> 73 <a href="#main-content" class="visually-hidden focusable skip-link"> 74 Skip to main content 75 </a> 76 77 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 78 <div id="page-wrapper"> 79 <div id="page"> 80 <header id="header" class="header" role="banner"> 81 <div class="section layout-container clearfix"> 82 83 <div class="clearfix region region-header"> 84 <div id="block-bartik-sitecssjs" class="block block-block-content block-block-content93449290-c630-49f9-937a-3343034eaaa0"> 85 86 87 <div class="content"> 88 89 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 90 @import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap"); 91 92 :root { 93 --site-color: #ffffff; 94 --site-text-color: #ffffff; 95 --site-background-color: #000000; 96 --site-hover-color: #ffffff; 97 --site-button-color: #ffffff; 98 --site-primary-font: "Poppins", sans-serif; 99 --site-secondary-font: "Ubuntu", sans-serif; 100 --site-white-color: #ffffff; 101 --site-black-color: #000000; 102 --font-weight-light: 300; 103 --font-weight-regular: 400; 104 --font-weight-medium: 500; 105 --font-weight-bold: 700; 106 } 107 108 * { 109 margin: 0; 110 padding: 0; 111 box-sizing: border-box; 112 } 113 114 body { 115 font-family: var(--site-primary-font); 116 font-size: 18px; 117 color: var(--site-white-color); 118 background: var(--site-background-color); 119 width: 100vw; 120 margin: 0 auto; 121 overflow-x: hidden; 122 position: relative; 123 font-weight: var(--font-weight-light); 124 text-transform: lowercase; 125 } 126 127 body.overflow { 128 overflow: hidden; 129 } 130 131 img { 132 width: 100%; 133 height: auto; 134 } 135 136 a { 137 transition: 0.5s ease-in-out; 138 } 139 140 a:hover { 141 opacity: 0.7; 142 } 143 144 .main-wrapper.active { 145 left: -100%; 146 } 147 148 .poster_wrap { 149 max-width: 45%; 150 margin: 0 auto; 151 } 152 153 .latest-desc { 154 text-transform: initial; 155 } 156 157 .main-wrapper { 158 position: relative; 159 width: 100%; 160 left: 0; 161 transition: 1s; 162 } 163 164 .header-wrapper { 165 display: flex; 166 justify-content: space-between; 167 align-items: center; 168 width: 100%; 169 position: fixed; 170 top: 2vw; 171 z-index: 102; 172 left: 2vw; 173 width: 94vw; 174 } 175 176 .site-logo { 177 width: 8.3229vw; 178 } 179 180 .nav-wrapper .nav-items { 181 width: 100%; 182 display: flex; 183 justify-content: space-between; 184 gap: 3vw; 185 } 186 187 .nav-wrapper .nav-items a { 188 color: var(--site-white-color); 189 font-weight: var(--font-weight-medium); 190 font-size: 1.3021vw; 191 text-decoration: none; 192 line-height: 1.6146vw; 193 } 194 195 .nav-wrapper .nav-items a:hover, 196 .footer a:hover { 197 color: var(--site-hover-color); 198 } 199 200 .overlay { 201 position: absolute; 202 top: 0; 203 bottom: 0; 204 left: 0; 205 right: 0; 206 height: 100%; 207 width: 100%; 208 opacity: 0; 209 background: var(--listen-overlay-color); 210 align-items: center; 211 justify-content: center; 212 transition: 0.5s linear all; 213 cursor: pointer; 214 } 215 216 .slider-overlay-content { 217 color: #fff; 218 text-align: center; 219 width: 100%; 220 cursor: pointer; 221 display: flex; 222 justify-content: center; 223 align-items: center; 224 height: 100%; 225 } 226 227 .slider-overlay-content a, 228 .footer-actions a { 229 border: 0.1vw solid; 230 border-radius: 5px; 231 cursor: pointer; 232 color: #fff; 233 width: 9.011vw; 234 border-radius: 0.2604vw; 235 height: 3.334vw; 236 line-height: 3.334vw; 237 display: flex; 238 justify-content: center; 239 align-items: center; 240 appearance: none; 241 -webkit-appearance: none; 242 -moz-appearance: none; 243 transition: 0.5s ease-in-out; 244 text-decoration: none; 245 font-size: 1.5625vw; 246 } 247 248 .sidebar-content .signup-section-content-wrapper input:-webkit-autofill { 249 -webkit-box-shadow: 0 0 0px 1000px white inset !important; 250 -webkit-text-fill-color: black !important; 251 caret-color: black; 252 } 253 254 div#block-bartik-emailsection input:-webkit-autofill { 255 -webkit-box-shadow: 0 0 0px 1000px black inset !important; 256 -webkit-text-fill-color: white !important; 257 caret-color: white; 258 } 259 260 .slider-overlay-content a { 261 margin: 0 auto; 262 } 263 264 .slider-overlay-content a:hover, 265 .footer-actions a:hover { 266 background: #fff; 267 border-color: #fff; 268 color: var(--listen-color); 269 opacity: 1; 270 } 271 272 section.home { 273 background: var(--album-color); 274 height: 100vh; 275 padding: 0 2vw; 276 transition: 2.2s linear all; 277 } 278 279 section.merch { 280 background: #0d625c; 281 padding: 6vw 2vw; 282 } 283 284 .merch-items-grid-wrapper { 285 display: grid; 286 grid-template-columns: 1fr 1fr 1fr; 287 align-items: center; 288 padding-bottom: 12vw; 289 } 290 291 .merch-items-grid-wrapper:last-child { 292 padding-bottom: 0; 293 } 294 295 .merch-content-section:not(.first) { 296 padding-left: 9vw; 297 } 298 299 .merch-image { 300 width: 23.23vw; 301 } 302 303 .merch-image:not(.first) { 304 float: right; 305 } 306 307 .merch-image a img { 308 transition: 0.7s; 309 } 310 311 .merch-image a:hover { 312 opacity: 1; 313 } 314 315 .merch-image a:hover img { 316 transform: scale(1.1); 317 } 318 319 .section-title { 320 font-size: 2.6042vw; 321 line-height: 3.2292vw; 322 } 323 324 .tickets-btn { 325 position: absolute; 326 top: 82vh; 327 left: calc(50% - 5vw); 328 } 329 330 .merch-desc, 331 .latest-desc { 332 font-size: 2.0833vw; 333 line-height: 2.6042vw; 334 opacity: 1; 335 padding: 2vw 0; 336 } 337 338 .order-1 { 339 order: 1; 340 } 341 342 .order-2 { 343 order: 2; 344 } 345 346 .order-minus1 { 347 order: -1; 348 } 349 350 .button { 351 border: 0.1vw solid rgb(255, 48, 15); 352 cursor: pointer; 353 color: #fff; 354 width: 14.2083vw; 355 border-radius: 0.2604vw; 356 font-size: 1.5625vw; 357 height: 3.4896vw; 358 line-height: 3.4896vw; 359 display: flex; 360 justify-content: center; 361 align-items: center; 362 text-decoration: none; 363 text-transform: lowercase; 364 background: rgb(255, 48, 15); 365 transition: 0.5s ease-in-out; 366 font-family: "Poppins", sans-serif; 367 } 368 369 .button:hover { 370 opacity: 0.5; 371 background: rgb(255, 48, 15); 372 color: #fff; 373 374 } 375 376 section.tour { 377 background: #000; 378 padding: 6vw 2vw; 379 position: relative; 380 z-index: 1; 381 } 382 383 .border-section { 384 background-size: cover; 385 position: absolute; 386 top: 0; 387 width: 62vw; 388 height: 100%; 389 left: -37vw; 390 overflow: hidden; 391 z-index: -1; 392 border-radius: 100%; 393 border: 12vw solid #11687f; 394 } 395 396 section.tour .section-title { 397 padding: 2vw 0; 398 text-align: center; 399 } 400 401 .tour-wrapper { 402 width: 90vw; 403 margin: 0 auto; 404 } 405 406 .latest-wrapper { 407 display: grid; 408 grid-template-columns: 1fr 2.4fr; 409 } 410 411 div#block-bartik-merchsection { 412 background: url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center #3076b6; 413 background-size: cover; 414 padding: 6vw 0; 415 background: #08a7e1; 416 } 417 418 .latest-grid { 419 display: grid; 420 grid-template-columns: 1fr 2fr; 421 gap: 5vw; 422 align-items: center; 423 } 424 425 .latest-wrapper-image-section { 426 width: 26.7708vw; 427 } 428 429 .latest-section-wrapper { 430 width: 80vw; 431 margin: 0 auto; 432 display: flex; 433 justify-content: center; 434 align-items: center; 435 } 436 437 .latest-wrapper { 438 display: grid; 439 grid-template-columns: 1fr 1.58fr; 440 padding-left: 2vw; 441 } 442 443 .latest-right-content { 444 width: 100%; 445 height: 100%; 446 background: #11687f; 447 border-bottom-left-radius: 62%; 448 padding-top: 7vw; 449 overflow: hidden; 450 } 451 452 .latest-image-section { 453 width: 85%; 454 margin-left: auto; 455 overflow: hidden; 456 background: #06364d; 457 margin-bottom: -1vw; 458 } 459 460 .latest-left-content .section-title { 461 padding: 7vw 0; 462 } 463 464 div#block-bartik-emailsection { 465 background: #000; 466 text-align: center; 467 height: 100vh; 468 display: flex; 469 align-items: center; 470 justify-content: center; 471 } 472 473 .signup-section-content-wrapper { 474 width: 70vw; 475 margin: 0 auto; 476 padding-top: 2.5vw; 477 } 478 479 .signup-content-wrapper { 480 display: grid; 481 grid-template-columns: 1fr 3fr; 482 } 483 484 /* Mailing List */ 485 486 .form-section .heading { 487 font-size: 1.5625vw; 488 line-height: 1.9271vw; 489 padding: 2vw 0; 490 width: 36.1458vw; 491 margin: 0 auto; 492 } 493 494 .mlform form { 495 width: 100%; 496 margin: 0 auto; 497 } 498 499 .mlform { 500 width: 37.5vw; 501 margin: 0 auto; 502 } 503 504 .input-fields { 505 display: flex; 506 gap: 1vw; 507 } 508 509 .fieldWrap { 510 padding-bottom: 1vw; 511 position: relative; 512 width: 100%; 513 } 514 515 .fieldWrap input, 516 .fieldWrap select { 517 background: #fff; 518 border: 0.1vw solid #000; 519 color: #000; 520 border-radius: 0.2604vw; 521 font-size: 1.5625vw; 522 height: 3.4896vw; 523 line-height: 3.4896vw; 524 min-height: 60px; 525 padding: 0; 526 box-sizing: border-box; 527 outline: none; 528 width: 100%; 529 padding: 0 2vw; 530 -webkit-appearance: none; 531 appearance: none; 532 text-align: left; 533 text-transform: lowercase; 534 font-family: var(--site-primary-font); 535 } 536 537 .submit1 { 538 width: 20.4167vw; 539 } 540 541 input[type="submit"] { 542 background-color: #000; 543 color: #fff; 544 border: 0.1vw solid #000; 545 border-radius: 0.2604vw; 546 font-size: 1.5625vw; 547 height: 3.4896vw; 548 line-height: 3.4896vw; 549 min-height: 67px; 550 width: 100%; 551 display: block; 552 appearance: none; 553 -webkit-appearance: none; 554 -moz-appearance: none; 555 text-decoration: none; 556 transition: 0.5s ease-in-out; 557 cursor: pointer; 558 padding: 0 2vw; 559 margin: 0 auto; 560 text-align: center; 561 text-transform: lowercase; 562 font-family: var(--site-primary-font); 563 } 564 565 div#block-bartik-emailsection input[type="submit"] { 566 border: 0.1vw solid #fff; 567 background: #fff; 568 color: #000; 569 } 570 571 input[type="submit"]:hover { 572 opacity: 0.5; 573 } 574 575 .custom-field-section { 576 margin-bottom: 2vw; 577 } 578 579 .fieldWrap .errored { 580 border: 1px solid #ff0000 !important; 581 } 582 583 .input-error { 584 position: relative; 585 bottom: -2px; 586 width: 100%; 587 left: 0; 588 line-height: normal; 589 color: #ff0000; 590 font-size: 1vw; 591 text-transform: lowercase; 592 display: block; 593 text-align: left; 594 } 595 596 .fadeOut { 597 display: none; 598 } 599 600 .fadeIn { 601 display: block; 602 } 603 604 .thankyou { 605 font-size: 2.084vw; 606 text-align: center; 607 padding: 0; 608 text-transform: lowercase; 609 line-height: normal; 610 } 611 612 ::-webkit-input-placeholder { 613 /* Chrome/Opera/Safari */ 614 color: #000; 615 opacity: 1; 616 } 617 618 ::-moz-placeholder { 619 /* Firefox 19+ */ 620 color: #000; 621 opacity: 1; 622 } 623 624 :-ms-input-placeholder { 625 /* IE 10+ */ 626 color: #000; 627 opacity: 1; 628 } 629 630 :-moz-placeholder { 631 /* Firefox 18- */ 632 color: #000; 633 opacity: 1; 634 } 635 636 input:-webkit-autofill, 637 input:-webkit-autofill:hover, 638 input:-webkit-autofill:focus, 639 textarea:-webkit-autofill, 640 textarea:-webkit-autofill:hover, 641 textarea:-webkit-autofill:focus, 642 select:-webkit-autofill, 643 select:-webkit-autofill:hover, 644 select:-webkit-autofill:focus { 645 transition: background-color 5000s ease-in-out 0s; 646 -webkit-text-fill-color: #000 !important; 647 /* -webkit-text-fill-color: var(--site-background-color); */ 648 /* -webkit-box-shadow: 0 0 0px 1000px var(--site-background-color) inset; */ 649 } 650 651 .termsfaq { 652 display: flex; 653 width: 100%; 654 justify-content: space-around; 655 position: relative; 656 } 657 658 div.terms, 659 div.faq { 660 text-align: center; 661 padding-top: 1vw; 662 color: #000; 663 } 664 665 div.terms a, 666 div.faq a { 667 color: #000; 668 } 669 670 span.faqq { 671 display: block; 672 font-weight: 700; 673 margin-top: 10px; 674 } 675 676 span.faqq:first-child { 677 border: none; 678 margin: 0; 679 padding-top: 2px; 680 } 681 682 .terms-view { 683 width: 100%; 684 font-size: 1.0417vw; 685 padding-top: 1vw; 686 padding-left: 0; 687 text-align: center; 688 text-transform: lowercase; 689 line-height: 1.3021vw; 690 position: absolute; 691 left: 0; 692 background: #fff; 693 } 694 695 .faq .terms-view { 696 text-align: left; 697 bottom: 40px; 698 } 699 700 #signup-popup .terms-view { 701 bottom: 35px; 702 } 703 704 .terms-view a { 705 color: #000; 706 text-decoration: underline; 707 transition: 0.5s ease-in-out; 708 } 709 710 .terms-view a:hover { 711 opacity: 0.5; 712 } 713 714 section.video { 715 display: none !important; 716 position: relative; 717 background: url(/sites/g/files/g2000022371/files/2026-03/background-slide.png), 718 url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center; 719 background-size: cover; 720 width: 100%; 721 height: 100vh; 722 left: 0; 723 display: block; 724 transform: translateY(0); 725 transition: 1s linear all; 726 } 727 728 section.video.active { 729 transform: translateY(-100%); 730 } 731 732 section.video.active.hide { 733 display: none; 734 } 735 736 video.position { 737 position: relative; 738 } 739 740 video { 741 position: absolute; 742 top: 0; 743 left: 0; 744 width: 100%; 745 height: 100vh; 746 z-index: -1; 747 object-fit: cover; 748 } 749 750 section.video video { 751 position: absolute; 752 top: 0; 753 left: 0; 754 width: 100%; 755 height: 100%; 756 z-index: -1; 757 object-fit: cover; 758 } 759 760
760 .owl-carousel .owl-item { 761 opacity: 0.7; 762 } 763 764 body .nav-btn { 765 width: 3.4896vw; 766 } 767 768 body .nav-btn svg { 769 width: 100%; 770 height: auto; 771 transition: 0.5s ease-in-out; 772 } 773 774 body .nav-btn svg rect { 775 fill: rgb(0 0 0 / 70%); 776 transition: 0.5s ease-in-out; 777 } 778 779 body .nav-btn svg path { 780 transition: 0.5s ease-in-out; 781 } 782 783 body .owl-theme .owl-nav { 784 width: 27.5vw; 785 margin: 0 auto; 786 display: flex; 787 justify-content: space-between; 788 /* padding-top: 2vw; */ 789 } 790 791 body .owl-theme .owl-nav [class*="owl-"] { 792 background: transparent; 793 border: none; 794 margin: 0; 795 padding: 0; 796 transition: 0.5s ease-in-out; 797 opacity: 0.5; 798 } 799 800 body .owl-theme .owl-nav [class*="owl-"]:hover { 801 opacity: 1; 802 background: transparent; 803 transition: 0.5s ease-in-out; 804 } 805 806 body .owl-theme .owl-nav [class*="owl-"]:hover .nav-btn svg rect { 807 fill: rgb(0 0 0); 808 } 809 810 body .owl-carousel .owl-item { 811 transform: scale(0.8); 812 transition: 0.5s linear all; 813 } 814 815 body .owl-carousel .owl-item:hover { 816 opacity: 0.5; 817 } 818 819 .owl-carousel .owl-item.active.center:hover .overlay { 820 opacity: 1; 821 } 822 823 .owl-carousel .owl-item.active.center { 824 opacity: 1; 825 transform: scale(1); 826 } 827 828 div#block-bartik-views-block-music-section-block-1 { 829 background: url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center var(--listen-color); 830 transition: 1s linear all; 831 height: 100vh; 832 display: flex; 833 flex-direction: column; 834 justify-content: center; 835 } 836 837 div#block-bartik-views-block-music-section-block-1::after { 838 content: ""; 839 background: url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center; 840 background-size: cover; 841 } 842 843 .listen-section-title { 844 font-size: 2.6042vw; 845 text-align: center; 846 padding: 2.3vw 0; 847 } 848 849 .listen-title { 850 font-size: 1.5625vw; 851 text-align: center; 852 padding: 1vw 0; 853 display: none; 854 line-height: 1.9271vw; 855 } 856 857 .owl-item.active.center .listen-title { 858 display: block; 859 } 860 861 .image-section { 862 position: relative; 863 } 864 865 .footer { 866 width: 100%; 867 text-align: center; 868 background: #000; 869 margin-top: -1vw; 870 padding: 1vw 0; 871 font-family: var(--site-primary-font); 872 } 873 874 .socials-nav, 875 .footer-bottom { 876 padding-bottom: 1vw; 877 } 878 879 .socials-nav ul { 880 list-style: none; 881 display: flex; 882 justify-content: center; 883 width: 100%; 884 max-width: 100%; 885 padding: 0; 886 margin: 0; 887 align-items: center; 888 gap: 1vw; 889 } 890 891 .socials-nav ul li { 892 display: flex; 893 } 894 895 .socials-nav ul a { 896 font-size: 1.263vw; 897 transition: 0.5s ease-in-out; 898 color: var(--site-color); 899 } 900 901 .copyright-links { 902 font-size: 0.7813vw; 903 line-height: 0.8854vw; 904 } 905 906 .copyright-links span.link { 907 display: inline-block; 908 } 909 910 .copyright-links a { 911 color: var(--site-color); 912 transition: 0.5s ease-in-out; 913 text-decoration: none; 914 font-family: var(--site-primary-font); 915 } 916 917 .site-name .menu-text { 918 display: none; 919 } 920 921 span.sep { 922 padding: 0.5vw; 923 } 924 925 #close-wrapper { 926 display: none; 927 } 928 929 .sidepanel { 930 display: none; 931 } 932 933 .desktop-only { 934 display: block; 935 } 936 937 .mobile-only { 938 display: none; 939 } 940 941 .site-logo img.logo { 942 display: none; 943 } 944 945 .site-logo img.logo.active { 946 display: block; 947 } 948 949 .sidebar { 950 height: 100%; 951 width: 100%; 952 position: fixed; 953 z-index: 999; 954 top: 0; 955 right: 0; 956 background: transparent; 957 background-size: cover; 958 overflow-x: hidden; 959 transition: 0.5s; 960 display: block; 961 } 962 963 .sidebar-content-wrapper { 964 padding: 0 3vw; 965 height: 100%; 966 } 967 968 .section-content-wrapper { 969 position: relative; 970 text-align: center; 971 } 972 973 .closebtn { 974 position: absolute; 975 color: #000; 976 font-size: clamp(3vw, 3vw, 5vw); 977 top: 0; 978 right: 1vw; 979 line-height: clamp(3vw, 3vw, 5vw); 980 text-decoration: none; 981 transition: 0.5s ease-in-out; 982 } 983 984 .closebtn:hover { 985 opacity: 0.5; 986 } 987 988 .sidebar-content { 989 display: flex; 990 flex-direction: column; 991 justify-content: center; 992 height: 100%; 993 width: 45vw; 994 margin: 0 auto; 995 animation: fadeIn 0.5s; 996 -webkit-animation: fadeIn 0.5s; 997 -moz-animation: fadeIn 0.5s; 998 -o-animation: fadeIn 0.5s; 999 -ms-animation: fadeIn 0.5s; 1000 position: relative; 1001 } 1002 1003 .sidebar-content .signup-section-content-wrapper { 1004 width: 100%; 1005 background: #fff; 1006 border: 1px solid #000; 1007 padding: 2.5vw 0; 1008 color: #000; 1009 } 1010 1011 .sidebar.active .section-title { 1012 display: none; 1013 } 1014 1015 .popup-title { 1016 display: none; 1017 font-size: 2.042vw; 1018 line-height: 3.292vw; 1019 } 1020 1021 .sidebar.active .popup-title { 1022 display: block; 1023 padding-bottom: 2vw; 1024 } 1025 1026 .sidebar.active .heading { 1027 display: none; 1028 } 1029 1030 @media only screen and (max-width: 1024px) and (orientation: portrait) { 1031 .mobile-only { 1032 display: block; 1033 } 1034 1035 span.sep.mobile-only { 1036 display: inline-block; 1037 } 1038 1039 .nav-wrapper .nav-items.desktop-only { 1040 display: none; 1041 } 1042 1043 .desktop-only { 1044 display: none; 1045 } 1046 1047 .mobile-menu { 1048 width: 8.2564vw; 1049 cursor: pointer; 1050 z-index: 9; 1051 } 1052 1053 .site-logo { 1054 width: 12.5641vw; 1055 z-index: 9; 1056 } 1057 1058 .header-wrapper { 1059 top: 6vw; 1060 z-index: 102; 1061 left: 5vw; 1062 width: 90vw; 1063 } 1064 1065 .menu-icon { 1066 width: 9.4872vw; 1067 transform: rotate(45deg); 1068 transition: 1s; 1069 } 1070 1071 .menu-icon.active { 1072 transform: none; 1073 } 1074 1075 .menu-icon.active rect { 1076 fill: var(--site-white-color); 1077 transition: 1s; 1078 } 1079 1080 .menu-icon rect { 1081 fill: var(--site-background-color); 1082 } 1083 1084 .arrow-down-icon { 1085 width: 3.0769vw; 1086 margin: 0 auto; 1087 } 1088 1089 /* The sidepanel menu */ 1090 .sidepanel { 1091 height: 100vh; 1092 width: 100vw; 1093 position: fixed; 1094 z-index: 5; 1095 top: 0; 1096 left: 100%; 1097 background-color: var(--site-white-color); 1098 overflow-x: hidden; 1099 transition: 1s; 1100 display: block; 1101 } 1102 1103 .sidepanel.open { 1104 left: 0; 1105 } 1106 1107 .sidepanel .mobile-menu-items a { 1108 padding: 0; 1109 text-decoration: none; 1110 font-size: 6.4103vw; 1111 line-height: 8.7179vw; 1112 color: var(--site-black-color); 1113 font-weight: var(--site-primary-font); 1114 display: block; 1115 transition: 0.3s; 1116 padding-bottom: 8vw; 1117 } 1118 1119 .sidepanel .mobile-menu-items a.active { 1120 font-family: var(--site-primary-font-bold); 1121 } 1122 1123 .mobile-menu-wrapper { 1124 display: grid; 1125 /* grid-template-rows: 2fr 1fr; */ 1126 grid-template-columns: 1fr; 1127 height: 100%; 1128 align-items: center; 1129 justify-content: center; 1130 text-align: center; 1131 } 1132 1133 .mobile-menu-items { 1134 height: 100%; 1135 align-items: center; 1136 display: flex; 1137 flex-direction: column; 1138 justify-content: center; 1139 } 1140 1141 .mobile-menu-footer { 1142 display: flex; 1143 gap: 3vw; 1144 justify-content: flex-start; 1145 flex-direction: column; 1146 align-items: center; 1147 position: absolute; 1148 bottom: 6vh; 1149 width: 100%; 1150 } 1151 1152 .mobile-menu-footer .socials-nav ul a, 1153 .mobile-menu-footer .copyright-links, 1154 .mobile-menu-footer .copyright-links a { 1155 color: var(--site-black-color); 1156 } 1157 1158 .header-content-wrapper { 1159 font-size: 7.6923vw; 1160 width: 100%; 1161 flex-direction: column; 1162 } 1163 1164 .left-items a { 1165 width: 30.5128vw; 1166 padding-left: 3vw; 1167 } 1168 1169 .header-items.right { 1170 padding-right: 3vw; 1171 } 1172 1173 .socials-nav ul { 1174 gap: 5vw; 1175 } 1176 1177 .socials-nav ul a { 1178 font-size: 4.6154vw; 1179 } 1180 1181 .copyright-links { 1182 font-size: 2.5641vw; 1183 line-height: 3.5897vw; 1184 } 1185 1186 .footer-bottom .copyright-text { 1187 padding: 2vw 0; 1188 display: inline-block; 1189 } 1190 1191 section.video { 1192 background: url(/sites/g/files/g2000022371/files/2026-03/mobile-background-slider.png), 1193 url(/sites/g/files/g2000022371/files/2026-03/grunge.png) no-repeat center; 1194 background-size: cover; 1195 } 1196 1197 div#block-bartik-merchsection, 1198 div#block-bartik-emailsection, 1199 div#block-bartik-views-block-music-section-block-1 { 1200 padding: 16vw 0; 1201 } 1202 1203 div#block-bartik-views-block-music-section-block-1 { 1204 margin-top: -3vw; 1205 } 1206 1207 .listen-slider { 1208 width: 90vw; 1209 margin: 0 auto; 1210 } 1211 1212 .listen-title { 1213 font-size: 5.8974vw; 1214 padding: 4vw 0; 1215 line-height: 7.1795vw; 1216 } 1217 1218 .image-section { 1219 padding-bottom: 6vw; 1220 } 1221 1222 body .owl-theme .owl-nav { 1223 width: 100%; 1224 position: absolute; 1225 bottom: 0; 1226 } 1227 1228 body .nav-btn { 1229 width: 13.5897vw; 1230 } 1231 1232 .latest-grid { 1233 grid-template-columns: 1fr; 1234 } 1235 1236 .input-fields { 1237 flex-direction: column; 1238 gap: 0; 1239 } 1240 1241 .signup-section-content-wrapper { 1242 width: 90vw; 1243 margin: 0 auto; 1244 } 1245 1246 .closebtn { 1247 font-size: clamp(8vw, 15vw, 5vw); 1248 line-height: clamp(3vw, 15vw, 5vw); 1249 top: 3vw; 1250 right: 3vw; 1251 } 1252 1253 .fieldWrap { 1254 width: 100%; 1255 padding-bottom: 2vw; 1256 } 1257 1258 .submit { 1259 padding-top: 2vw; 1260 } 1261 1262 .mlform { 1263 width: 100%; 1264 } 1265 1266 .signup-section-content-wrapper .mlform { 1267 width: 90%; 1268 } 1269 1270 .input-error { 1271 text-align: left; 1272 font-size: 3vw; 1273 } 1274 1275 .terms-view { 1276 width: 100%; 1277 font-size: 3.042vw; 1278 line-height: 3.302vw; 1279 padding-top: 2vw; 1280 padding-bottom: 2vw; 1281 border: 1px solid #000; 1282 } 1283 1284 .copyright-links { 1285 font-size: 2.5641vw; 1286 line-height: 3.3333vw; 1287 text-transform: capitalize; 1288 font-family: var(--site-primary-font); 1289 padding: 2vw 0; 1290 } 1291 1292 .socials-nav ul { 1293 gap: 5vw; 1294 } 1295 1296 .socials-nav ul a { 1297 font-size: 5.263vw; 1298 } 1299 1300 div#block-bartik-merchsection .section-title, 1301 div#block-bartik-emailsection .section-title, 1302 .listen-section-title, 1303 section.tour .section-title { 1304 font-size: 7.6923vw; 1305 text-align: center; 1306 text-transform: lowercase; 1307 padding-bottom: 6vw; 1308 line-height: 9.4872vw; 1309 width: 100%; 1310 } 1311 1312 .form-section .heading { 1313 font-size: 5.8974vw; 1314 line-height: 7.1795vw; 1315 padding: 8vw 0; 1316 width: 81.5385vw; 1317 } 1318 1319 .thankyou { 1320 font-size: 5.8974vw; 1321 line-height: 7.1795vw; 1322 padding: 12vw 0; 1323 } 1324 1325 .fieldWrap input, 1326 .fieldWrap select, 1327 input[type="submit"] { 1328 font-size: 5.8974vw; 1329 height: 13.5897vw; 1330 line-height: 13.5897vw; 1331 text-align: center; 1332 min-height: auto; 1333 border: 2px solid #000; 1334 } 1335 1336 section.merch { 1337 text-align: center; 1338 padding: 80vw 0; 1339 padding-top: 30vw; 1340 } 1341 1342 .merch-items-grid-wrapper { 1343 grid-template-columns: 1fr; 1344 padding-bottom: 50vw; 1345 } 1346 1347 .merch-content-section { 1348 width: 81.5385vw; 1349 margin: 0 auto; 1350 } 1351 1352 .section-title { 1353 width: 63.0769vw; 1354 padding-bottom: 15vw; 1355 } 1356 1357 div#mySidebar .section-title { 1358 font-size: 7.6923vw; 1359 text-align: center; 1360 text-transform: lowercase; 1361 padding-bottom: 6vw; 1362 line-height: 9.4872vw; 1363 width: 100%; 1364 } 1365 1366 .merch-image { 1367 width: 81.5385vw; 1368 margin: 0 auto; 1369 } 1370 1371 .merch-image:not(.first) { 1372 float: none; 1373 } 1374 1375 .merch-title { 1376 font-size: 6.4103vw; 1377 line-height: 7.4359vw; 1378 text-align: left; 1379 padding-top: 5vw; 1380 width: 100%; 1381 } 1382 1383 .merch-desc, 1384 .latest-desc { 1385 font-size: 5.8974vw; 1386 line-height: 7.1795vw; 1387 text-align: left; 1388 padding: 5vw 0; 1389 text-align: center; 1390 } 1391 1392 .button { 1393 width: 100%; 1394 height: 13.5897vw; 1395 line-height: 13.5897vw; 1396 font-size: 5.8974vw; 1397 border-radius: 1.2821vw; 1398 } 1399 1400 .mobile-order1 { 1401 order: 1; 1402 } 1403 1404 .merch-content-section:not(.first) { 1405 padding-left: 0; 1406 } 1407 1408 .latest-left-content { 1409 background: #11687f; 1410 padding: 0 10vw; 1411 } 1412 1413 .latest-image-section { 1414 padding-right: 6vw; 1415 background: #11687f; 1416 } 1417 1418 .tour-wrapper, 1419 .latest-wrapper { 1420 display: grid; 1421 grid-template-columns: 1fr; 1422 padding: 0; 1423 } 1424 1425 .latest-right-content { 1426 border-bottom-left-radius: 100%; 1427 } 1428 1429 .border-section { 1430 display: none; 1431 } 1432 1433 section.tour .section-title { 1434 width: 39.7436vw; 1435 margin: 0 auto; 1436 display: block; 1437 padding-top: 20vw; 1438 padding-bottom: 7vw; 1439 } 1440 1441 .latest-left-content .section-title { 1442 padding: 7vw 0; 1443 display: block; 1444 margin: 0 auto; 1445 width: 52.8205vw; 1446 } 1447 1448 .latest-title { 1449 font-size: 6.4103vw; 1450 line-height: 7.4359vw; 1451 width: 81.5385vw; 1452 display: block; 1453 margin: 0 auto; 1454 } 1455 1456 .latest-wrapper-image-section { 1457 width: 100%; 1458 } 1459 1460 div#block-bartik-emailsection, 1461 div#block-bartik-views-block-music-section-block-1 { 1462 height: auto; 1463 padding: 10vw 0; 1464 } 1465 1466 div.terms, 1467 div.faq { 1468 padding-top: 2vw; 1469 font-size: 5vw; 1470 } 1471 1472 .tickets-btn .button { 1473 width: 30.2083vw; 1474 } 1475 1476 .tickets-btn { 1477 top: 74vh;
1478 left: calc(50% - 15vw); 1479 } 1480 1481 .sidebar-content { 1482 width: 90vw; 1483 } 1484 1485 .sidebar.active .popup-title { 1486 margin: 0 auto; 1487 padding: 6vw 0; 1488 font-size: 6vw; 1489 line-height: 8vw; 1490 padding-top: 12vw; 1491 } 1492 1493 .slider-overlay-content a { 1494 font-size: 6vw; 1495 width: 32vw; 1496 height: 11vw; 1497 } 1498 } 1499 1500 @media only screen and (max-width: 1024px) and (orientation: landscape) { 1501 .tickets-btn .button { 1502 width: 30.2083vw; 1503 } 1504 1505 .sidebar { 1506 height: 90%; 1507 overflow: auto; 1508 top: 2vw; 1509 } 1510 1511 .popup-title { 1512 font-size: 4.042vw; 1513 line-height: 3.292vw; 1514 } 1515 1516 .sidebar-content { 1517 width: 100%; 1518 justify-content: inherit; 1519 } 1520 1521 .signup-section-content-wrapper { 1522 width: 90vw; 1523 margin: 0 auto; 1524 } 1525 1526 .closebtn { 1527 font-size: clamp(5vw, 4vw, 5vw); 1528 line-height: clamp(5vw, 4vw, 5vw); 1529 top: 1vw; 1530 } 1531 1532 .tickets-btn { 1533 top: 74vh; 1534 left: calc(50% - 15vw); 1535 } 1536 1537 .nav-wrapper .nav-items a { 1538 font-size: 2.0417vw; 1539 } 1540 1541 div#block-bartik-merchsection .section-title, 1542 div#block-bartik-emailsection .section-title, 1543 .listen-section-title, 1544 section.tour .section-title { 1545 font-size: 4.6923vw; 1546 text-transform: lowercase; 1547 padding-bottom: 3vw; 1548 line-height: 6.4872vw; 1549 width: 100%; 1550 } 1551 1552 div#block-bartik-merchsection .latest-content .section-title { 1553 padding-bottom: 0; 1554 } 1555 1556 .merch-desc, 1557 .latest-desc { 1558 font-size: 2.8974vw; 1559 line-height: 4.1795vw; 1560 padding-bottom: 2vw; 1561 } 1562 1563 .button { 1564 width: 25vw; 1565 height: 6.5897vw; 1566 line-height: 6.5897vw; 1567 font-size: 2.8974vw; 1568 border-radius: 0.6821vw; 1569 } 1570 1571 .copyright-links { 1572 font-size: 1.4813vw; 1573 line-height: 0.8854vw; 1574 } 1575 1576 body .owl-theme .owl-nav { 1577 width: 48vw; 1578 } 1579 1580 .form-section .heading { 1581 font-size: 2.8974vw; 1582 line-height: 3.1795vw; 1583 padding: 4vw 0; 1584 width: 61.5385vw; 1585 } 1586 1587 .mlform .fieldWrap input { 1588 text-align: left; 1589 } 1590 1591 .fieldWrap input, 1592 .fieldWrap select, 1593 input[type="submit"] { 1594 font-size: 2.8974vw; 1595 height: 8.5897vw; 1596 line-height: 8.5897vw; 1597 text-align: center; 1598 } 1599 1600 .input-error { 1601 font-size: 2.1026vw; 1602 } 1603 1604 .mlform { 1605 width: 67.5vw; 1606 margin: 0 auto; 1607 } 1608 1609 .fieldWrap { 1610 width: 100%; 1611 } 1612 1613 .terms-view { 1614 width: 100%; 1615 font-size: 1.417vw; 1616 padding-top: 2vw; 1617 line-height: 2.021vw; 1618 } 1619 1620 .listen-title { 1621 font-size: 3.563vw; 1622 padding: 2vw 0; 1623 } 1624 1625 body .nav-btn { 1626 width: 4.052vw; 1627 } 1628 1629 .listen-slider { 1630 width: 100vw; 1631 margin: 0 auto; 1632 } 1633 1634 .socials-nav ul { 1635 gap: 2vw; 1636 } 1637 1638 .socials-nav ul a { 1639 font-size: 2.263vw; 1640 } 1641 1642 div#block-bartik-emailsection, 1643 div#block-bartik-views-block-music-section-block-1 { 1644 height: auto; 1645 padding: 5vw 0; 1646 } 1647 1648 div.terms { 1649 padding-top: 2vw; 1650 font-size: 2.5vw; 1651 } 1652 1653 } 1654 1655 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { 1656 .menu-icon { 1657 width: 5.487vw; 1658 } 1659 1660 .site-logo { 1661 width: 12vw; 1662 z-index: 9; 1663 } 1664 1665 .mobile-menu-footer { 1666 bottom: 2vw; 1667 } 1668 1669 .listen-slider { 1670 width: 100vw; 1671 } 1672 1673 body .owl-theme .owl-nav { 1674 width: 90% !important; 1675 left: 5%; 1676 } 1677 1678 .signup-section-content-wrapper .section-title, 1679 .popup-title { 1680 margin: 0 auto; 1681 padding: 2vw 0; 1682 font-size: 4vw; 1683 line-height: 8vw; 1684 padding-top: 6vw; 1685 } 1686 1687 .form-section .heading { 1688 font-size: 3.8974vw; 1689 line-height: 5.1795vw; 1690 padding: 8vw 0; 1691 width: 81.5385vw; 1692 } 1693 1694 .fieldWrap input, 1695 .fieldWrap select, 1696 input[type="submit"] { 1697 font-size: 4.8974vw; 1698 height: 11.5897vw; 1699 line-height: 11.5897vw; 1700 text-align: center; 1701 } 1702 } 1703 1704 @media only screen and (max-width: 767px) and (orientation: portrait) { 1705 #signup-popup .faq .terms-view { 1706 min-height: 70vh; 1707 bottom: 37px; 1708 padding: 2vw; 1709 } 1710 1711 span.faqq { 1712 line-height: 1.2; 1713 font-size: 14px; 1714 margin-top: 20px; 1715 } 1716 } 1717 1718 div#block-bartik-emailsection div.terms, 1719 div#block-bartik-emailsection div.faq { 1720 color: #fff; 1721 } 1722 1723 div#block-bartik-emailsection div.terms a, 1724 div#block-bartik-emailsection div.faq a { 1725 color: #fff; 1726 } 1727 1728 div#block-bartik-emailsection .fieldWrap input, 1729 div#block-bartik-emailsection .fieldWrap select { 1730 background: #000; 1731 border-color: #fff; 1732 color: #fff; 1733 } 1734 1735 div#block-bartik-emailsection .terms-view { 1736 background: #000; 1737 } 1738 1739 div#block-bartik-emailsection .fieldWrap input::-webkit-input-placeholder { 1740 /* Chrome/Opera/Safari */ 1741 color: #fff; 1742 opacity: 1; 1743 } 1744 1745 div#block-bartik-emailsection .fieldWrap input::-moz-placeholder { 1746 /* Firefox 19+ */ 1747 color: #fff; 1748 opacity: 1; 1749 } 1750 1751 div#block-bartik-emailsection .fieldWrap input:-ms-input-placeholder { 1752 /* IE 10+ */ 1753 color: #fff; 1754 opacity: 1; 1755 } 1756 1757 div#block-bartik-emailsection .fieldWrap input:-moz-placeholder { 1758 /* Firefox 18- */ 1759 color: #fff; 1760 opacity: 1; 1761 } 1762 1763 video#landing_video_mobile { 1764 display: none; 1765 } 1766 1767 @media only screen and (max-width: 1023px) and (orientation: portrait) { 1768 video#landing_video_desktop { 1769 display: none; 1770 } 1771 1772 body video#landing_video_mobile { 1773 display: block; 1774 } 1775 } 1776
1777 .signup-section-content-wrapper .mlform .globaloptin { 1778 margin: 0; 1779 padding-bottom: 0.8vw; 1780 } 1781 1782 .signup-section-content-wrapper .mlform .globaloptin, 1783 .signup-section-content-wrapper .mlform input#artist_mktg_consent { 1784 position: relative; 1785 } 1786 1787 input#artist_mktg_consent.errored { 1788 border: 0.1vw solid red; 1789 } 1790 1791 div#block-bartik-emailsection input#artist_mktg_consent.errored { 1792 border: 0.1vw solid red; 1793 } 1794 1795 .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] { 1796 width: 1vw; 1797 height: 1vw; 1798 margin-top: 0; 1799 display: inline-block; 1800 vertical-align: top; 1801 border: 0.1vw solid #000; 1802 margin-right: 0.4vw; 1803 opacity: 1; 1804 -webkit-appearance: none; 1805 color: #000; 1806 -webkit-text-fill-color: #000; 1807 font-size: 1.2vw; 1808 font-family: var(--site-primary-font); 1809 border-radius: 0; 1810 } 1811 1812 div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] { 1813 color: #fff; 1814 -webkit-text-fill-color: #fff; 1815 border: 0.1vw solid #fff; 1816 } 1817 1818 .signup-section-content-wrapper .mlform .globaloptin label { 1819 width: 89%; 1820 padding-left: 1%; 1821 text-align: left; 1822 display: inline-block; 1823 } 1824 1825 .signup-section-content-wrapper .mlform .globaloptin label, 1826 .signup-section-content-wrapper .mlform .globaloptin label a { 1827 font-size: 0.9vw; 1828 text-transform: none; 1829 color: #000; 1830 font-family: var(--site-primary-font); 1831 text-transform: initial; 1832 line-height: 1.2; 1833 letter-spacing: 0; 1834 } 1835 1836 .signup-section-content-wrapper .mlform .globaloptin label a:hover { 1837 opacity: 0.7; 1838 } 1839 1840 .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after { 1841 content: "\2713"; 1842 color: #000; 1843 display: block; 1844 text-align: center; 1845 font-size: 0.7vw; 1846 line-height: 12px; 1847 /* margin-top: 2px; */ 1848 margin-top: 2px; 1849 margin-left: -3px; 1850 box-sizing: border-box; 1851 left: 72%; 1852 position: absolute; 1853 top: 46%; 1854 transform: translate(-50%, -50%); 1855 font-weight: 800; 1856 } 1857 1858 div#block-bartik-emailsection .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after { 1859 color: #fff; 1860 } 1861 1862 div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin label, 1863 div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin label a { 1864 color: #fff; 1865 } 1866 1867 @media only screen and (max-width: 1024px) and (orientation: portrait) { 1868 1869 .signup-section-content-wrapper .mlform .globaloptin label, 1870 .signup-section-content-wrapper .mlform .globaloptin label a { 1871 font-size: 13px; 1872 } 1873 1874 .signup-section-content-wrapper .mlform .globaloptin { 1875 margin: 0; 1876 padding-bottom: 0; 1877 } 1878 1879 .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] { 1880 width: 20px; 1881 height: 20px; 1882 border: 1px solid #000; 1883 margin-right: 6px; 1884 } 1885 1886 div#block-bartik-emailsection .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] { 1887 border: 1px solid #fff; 1888 } 1889 1890 .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after { 1891 font-size: 13px; 1892 } 1893 1894 .signup-section-content-wrapper .mlform .globaloptin label { 1895 width: 87%; 1896 padding-left: 1%; 1897 } 1898 1899 .signup-section-content-wrapper .mlform .globaloptin label, 1900 .signup-section-content-wrapper .mlform .globaloptin label a { 1901 line-height: 1; 1902 } 1903 } 1904 1905 .signup-section-content-wrapper .mlform .globaloptin label a { 1906 text-decoration: underline; 1907 } 1908 1909 @media only screen and (max-width: 1024px) and (min-width: 767px) and (orientation: portrait) {
1910 .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] { 1911 width: 40px; 1912 height: 40px; 1913 border: 1px solid #000; 1914 margin-right: 6px; 1915 } 1916 1917 .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after { 1918 font-size: 30px; 1919 } 1920 1921 .signup-section-content-wrapper .mlform .globaloptin label, 1922 .signup-section-content-wrapper .mlform .globaloptin label a { 1923 line-height: 1.2; 1924 font-size: 20px; 1925 } 1926 } 1927 1928 1929 @media only screen and (max-width: 1024px) and (orientation: landscape) { 1930 1931 .signup-section-content-wrapper .mlform .globaloptin input[type="checkbox"] { 1932 width: 2vw; 1933 height: 2vw; 1934 } 1935 1936 .signup-section-content-wrapper .mlform input#artist_mktg_consent:checked:after { 1937 font-size: 1.5vw; 1938 line-height: 1.2; 1939 margin-top: 0; 1940 margin-left: 0; 1941 left: 50%; 1942 top: 50%; 1943 } 1944 1945 .signup-section-content-wrapper .mlform .globaloptin label, 1946 .signup-section-content-wrapper .mlform .globaloptin label a { 1947 font-size: 1.25vw; 1948 } 1949 } 1950</style>
1951<script> 1952 jQuery(document).ready(function () { 1953 1954 var faqTerms = document.querySelectorAll('.plain-ml-wrapper .faq a.faq'); 1955 termsEle(faqTerms); 1956 1957 function termsEle(faqTerms) { 1958 for (l = 0; l < faqTerms.length; l++) { 1959 faqTerms[l].addEventListener('click', togglefaq, false); 1960 } 1961 } 1962 1963 function togglefaq(event) { 1964 if (event.target.nextElementSibling.classList.contains('fadeOut')) { 1965 event.target.nextElementSibling.classList.remove('fadeOut'); 1966 event.target.nextElementSibling.classList.add('fadeIn'); 1967 event.target.innerText = 'Hide'; 1968 } else { 1969 event.target.nextElementSibling.classList.remove('fadeIn'); 1970 event.target.nextElementSibling.classList.add('fadeOut'); 1971 event.target.innerText = 'faq'; 1972 } 1973 } 1974 jQuery("#close-wrapper").click(function () { 1975 jQuery("#nav").toggleClass("active"); 1976 jQuery('.open-icon,.close-icon,.menu-text,#site-name a,.header-wrapper').toggleClass('active'); 1977 }); 1978 1979 // jQuery('#nav-items .menu-link,.mobile-menu-item').click(function (event) { 1980 // var href = jQuery(this).attr('href'); 1981 // if ($(this).hasClass('mobile-menu-item')) { 1982 // $('.mobile-menu').trigger("click"); 1983 // } 1984 1985 // if (href.indexOf('#') == 0) { 1986 // event.preventDefault(); 1987 // if (jQuery(href).length > 0) { 1988 1989 // jQuery("html, body").animate({ scrollTop: jQuery(href).offset().top - 0 }, 1990 // 1500 1991 // ); 1992 // } 1993 // } 1994 // }); 1995jQuery('.nav-items a#nav-9').click(function (event) { 1996 if ($(this).hasClass('mobile-menu-item')) { 1997 $('.mobile-menu').trigger("click"); 1998 } 1999 var oftop = jQuery("div#home").offset().top; 2000 jQuery("html, body").stop().animate({ 2001 scrollTop: oftop 2002 }, 1500); 2003 2004 }); 2005 2006 jQuery('.nav-items a#nav-10').click(function (event) { 2007 if ($(this).hasClass('mobile-menu-item')) { 2008 $('.mobile-menu').trigger("click"); 2009 } 2010 var oftop = jQuery("div#listen").offset().top; 2011 jQuery("html, body").stop().animate({ 2012 scrollTop: oftop 2013 }, 1500); 2014 2015 }); 2016 2017 2018 jQuery('.nav-items a#nav-12').click(function (event) { 2019 if ($(this).hasClass('mobile-menu-item')) { 2020 $('.mobile-menu').trigger("click"); 2021 } 2022 var oftop = jQuery("div#block-bartik-merchsection").offset().top; 2023 jQuery("html, body").stop().animate({ 2024 scrollTop: oftop 2025 }, 1500); 2026 2027 }); 2028 2029 jQuery('.nav-items a#nav-13').click(function (event) { 2030 if ($(this).hasClass('mobile-menu-item')) { 2031 $('.mobile-menu').trigger("click"); 2032 } 2033 var oftop = jQuery("div#block-bartik-emailsection").offset().top; 2034 jQuery("html, body").stop().animate({ 2035 scrollTop: oftop 2036 }, 1500); 2037 2038 }); 2039 $("#mutebtn,.audio-waves").click(function () { 2040 if ($("audio#album_audio_snippet").prop('muted')) { 2041 $("audio#album_audio_snippet").trigger('play'); 2042 $("audio#album_audio_snippet").prop('muted', false); 2043 $(this).removeClass('on'); 2044 } else { 2045 $("audio#album_audio_snippet").prop('muted', true); 2046 $(this).addClass('on'); 2047 2048 } 2049 }); 2050 $('.mobile-menu').click(function () { 2051 $("#mySidenav").toggleClass("open"); 2052 $(".site-logo img,.menu-icon,.main-wrapper").toggleClass("active"); 2053 $("body").toggleClass("overflow"); 2054 2055 }); 2056 2057 window.signupsuccess = function () { 2058 $(".terms,.faq").hide(); 2059 $(".mlist-wrapper .mailing-list-title,.form-section .heading, .signup-section-content-wrapper .title-section").hide(); 2060 } 2061 var listen_owl_carousel = jQuery('.listen-wrapper'); 2062 var left_arrow = `<svg id="left-arrow-svg" xmlns="https://www.w3.org/2000/svg" width="67" height="67" viewBox="0 0 67 67"> 2063 <rect id="Rectangle_20" data-name="Rectangle 20" width="67" height="67" rx="5" fill="#8b541b"/> 2064 <path id="Path_24" data-name="Path 24" d="M5017.889,15466.705l-9.344,8.455,9.344,9.35" transform="translate(-4979.608 -15442.217)" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/> 2065 </svg>`; 2066 var right_arrow = `<svg id="right-arrow-svg" xmlns="https://www.w3.org/2000/svg" width="67" height="67" viewBox="0 0 67 67"> 2067 <rect id="Rectangle_20" data-name="Rectangle 20" width="67" height="67" rx="5" fill="#8b541b"/> 2068 <path id="Path_24" data-name="Path 24" d="M5008.544,15466.705l9.344,8.455-9.344,9.35" transform="translate(-4979.608 -15442.217)" fill="none" stroke="#fff" stroke-linejoin="bevel" stroke-width="2"/> 2069</svg> 2070`; 2071 2072 listen_owl_carousel.owlCarousel({ 2073 center: true, 2074 dots: false, 2075 items: 1, 2076 nav: true, 2077 loop: true, 2078 margin: 0, 2079 merge: true, 2080 stagePadding: 200, 2081 navText: ["<div class='nav-btn prev-slide'>" + left_arrow + "</div>", "<div class='nav-btn next-slide'>" + right_arrow + "</div>"], 2082 responsive: { 2083 0: { 2084 items: 1, 2085 stagePadding: 0, 2086 merge: false, 2087 }, 2088 600: { 2089 items: 2, 2090 stagePadding: 0, 2091 merge: false, 2092 }, 2093 2094 1025: { 2095 items: 3, 2096 stagePadding: 120 2097 }, 2098 1920: { 2099 items: 3, 2100 stagePadding: 120 2101 }, 2102 2103 } 2104 2105 }); 2106 2107 listen_owl_carousel.on('changed.owl.carousel', function (event) { 2108 console.log(event); 2109 setTimeout(function () { 2110 const doc = document.documentElement; 2111 2112 var color_code = $('.owl-item.active.center').find('.image-section').data('color'); 2113 var overlay_color_code = color_code + "b3"; 2114 doc.style.setProperty('--listen-color', color_code); 2115 doc.style.setProperty('--listen-overlay-color', overlay_color_code); 2116 }, 200); 2117 }); 2118 2119 var color_code = $('.owl-item.active.center').find('.image-section').data('color'); 2120 2121 var width = $('.owl-item.active.center').innerWidth(); 2122 $("body .owl-theme .owl-nav").css("width", width); 2123 const doc = document.documentElement; 2124 var overlay_color_code = color_code + "b3"; 2125 doc.style.setProperty('--listen-color', color_code); 2126 doc.style.setProperty('--listen-overlay-color', overlay_color_code); 2127 2128 }); 2129 2130 /* setTimeout( function(){ 2131 $("section.video").addClass("active"); 2132 }, 2500 ); 2133 setTimeout( function(){ 2134 $("section.video.active").addClass("hide"); 2135 $("video").addClass("position"); 2136 }, 5000 ); */ 2137 2138 setTimeout(() => { 2139 $("section.video.active").addClass("hide"); 2140 $("video").addClass("position"); 2141 $(".closebtn").click(function () { 2142 $("#mySidebar").fadeOut(); 2143 }); 2144 $(".signupbox a").click(function () { 2145 $("#mySidebar").show(); 2146 }); 2147 }, 2000); 2148 2149 2150 2151 $(window).resize(function () { 2152 var width = $('.owl-item.active.center').innerWidth(); 2153 $("body .owl-theme .owl-nav").css("width", width); 2154 }); 2155</script>
2155</div> 2156 2157 </div> 2158 </div> 2159<div id="block-bartik-navigationmenu" class="block block-block-content block-block-contente7d29c8d-d9a0-4289-8af0-3829c92d20f4"> 2160 2161 2162 <div class="content"> 2163 2164 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="header-wrapper"> 2165 <h1 id="site-name" class="site-name site-logo"> 2166 <a href="/?frontpage=true" custom-link-name="LOGO" rel="home"> 2167 <img class="logo active" src="/sites/g/files/g2000022371/files/2026-03/logo-orange.png" alt="home" > 2168 </a> 2169 <div class="menu-text">Menu</div> 2170 </h1> 2171 <div class="nav-wrapper"> 2172 2173 <div class="nav-items desktop-only" id="nav-items"> 2174 <a id="nav-9" href="#home" class="menu-link">home</a> 2175 <!-- <a id="nav-106" href="#tour" class="menu-link">tour</a> --> 2176 <a id="nav-10" href="/#listen" class="menu-link">listen</a> 2177 <a id="nav-74" href="https://shop.blur.co.uk/gb/" class="menu-link" target="_blank">shop</a> 2178 <a id="nav-12" href="/#block-bartik-merchsection" class="menu-link">latest</a> 2179 <a id="nav-13" href="/#block-bartik-emailsection" class="menu-link">signup</a> 2180 2181 </div> 2182 2183 </div> 2184 <div class="mobile-menu mobile-only"> 2185 <svg class="menu-icon active" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 37 37"> 2186 <g id="Group_80" data-name="Group 80" transform="translate(-317 -43)"> 2187 <rect id="Rectangle_18" data-name="Rectangle 18" width="37" height="3" transform="translate(337 43) rotate(90)" fill="#fff" /> 2188 <rect id="Rectangle_19" data-name="Rectangle 19" width="37" height="3" transform="translate(317 60)" fill="#fff" /> 2189 </g> 2190 </svg> 2191 2192 2193 </div> 2194 <div id="mySidenav" class="sidepanel"> 2195 <div class="mobile-menu-wrapper"> 2196 <div class="mobile-menu-items"> 2197 <a class="mobile-menu-item home " href="/?frontpage=true">home</a> 2198 <!-- <a class="mobile-menu-item tour " href="#tour">tour</a> --> 2199 <a class="mobile-menu-item listen " href="/#listen">listen</a> 2200 <a class="mobile-menu-item shop " href="https://shop.blur.co.uk/gb/" target="_blank">shop</a> 2201 <a class="mobile-menu-item latest " href="/#block-bartik-merchsection">latest</a> 2202 <a class="mobile-menu-item signup " href="/#block-bartik-emailsection">signup</a> 2203 </div> 2204 <div class="mobile-menu-footer"> 2205 <div class="socials-nav"> 2206 <ul> 2207 <li> 2208 <a target="_blank" href="https://www.facebook.com/blur" class="facebook" aria-label="facebook" data-track="facebook-ftr"> 2209 <i class="fab fa-facebook"></i> 2210 </a> 2211 </li> 2212 <li> 2213 <a target="_blank" href="https://www.instagram.com/blurofficial" class="instagram" aria-label="instagram" data-track="instagram-ftr"> 2214 <i class="fab fa-instagram"></i> 2215 </a> 2216 </li> 2217 <li> 2218 <a target="_blank" href="https://twitter.com/blurofficial" class="twitter" aria-label="twitter" data-track="twitter-ftr"> 2219 <i class="fa-brands fa-x-twitter"></i> 2220 </a> 2221 </li> 2222 <li> 2223 <a target="_blank" href="https://www.youtube.com/channel/UCLdfTpBoh9G_DI3OURnIFOQ" class="youtube" aria-label="youtube" data-track="youtube-ftr"> 2224 <i class="fab fa-youtube"></i> 2225 </a> 2226 </li> 2227 </ul> 2228 </div> 2229 <div class="copyright-links">
2230 <span class="copyright-text">© 2026 Parlophone Records Limited</span> <span class="sep"></span> <br class="mobile-only" /> 2231 <span class="link"><a href="https://privacy.wmg.com/wmi/privacy/" target="_blank" rel="noopener noreferrer">Privacy Policy</a></span> 2232 <span class="sep"> </span> 2233 <span class="link"><a href="https://privacy.wmg.com/wmi/terms-of-use" target="_blank" rel="noopener noreferrer">Terms Of Use</a></span> 2234 <span class="sep"> </span> 2235 <span class="link"><a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" rel="noopener noreferrer">Cookies Policy</a></span> 2236 <span class="sep"> </span> 2237 <span class="link"><a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a></span> 2238 </div> 2239 </div> 2240 </div> 2241 </div> 2242 </div></div> 2243 2244 </div> 2245 </div> 2246<div id="block-bartik-headervideo" class="block block-block-content block-block-content96de308f-06f9-4831-b2e4-de8e2db8f25c"> 2247 2248 2249 <div class="content"> 2250 2251 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="main-wrapper" id="home"> 2252 <video class="landing-video desktop-only1 position" preload="yes" 2253 src="https://d2cstorage-a.akamaihd.net/wmi/blur/trimmed.mp4" type="video/mp4" id="landing_video_desktop" 2254 autoplay loop muted playsinline></video> 2255 <video class="landing-video mobile position" preload="yes" 2256 src="https://d2cstorage-a.akamaihd.net/wmi/blur/trimmed.mp4" type="video/mp4" id="landing_video_mobile" autoplay 2257 loop muted playsinline></video> 2258</div></div> 2259 2260 </div> 2261 </div> 2262<div id="block-bartik-lightbox" class="block block-block-content block-block-content9d84cb04-a888-488e-a286-1121d68aeddd"> 2263 2264 2265 <div class="content"> 2266 2267 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div id="mySidebar" class="sidebar"> 2268 <div class="sidebar-content-wrapper"> 2269 <div class="sidebar-content" id="signup-popup"> 2270 <div class="section-content-wrapper"> 2271 <a href="javascript:void(0)" class="closebtn">X</a> 2272 <div class="signup-section-content-wrapper"> 2273 <div class="title-section"> 2274 <div class="section-title">sign up</div> 2275 <div class="popup-title">sign-up for wembley pre-sale access</div> 2276 </div> 2277 <div class="form-section"> 2278 <!-- <div class="heading"> 2279 Join blurâs mailing list to keep up to date with the latest news and for exclusive pre-sale access to the uk warm up shows. 2280 </div> --> 2281 2282 <div class="heading">join blurâs mailing list to keep up to date with the latest news</div> 2283 <div class="plain-ml-wrapper firstMlistForm" data-success="signupsuccess"> 2284 <div class="mlform"> 2285 <form id="mlistFormOne" autocomplete="off" class="mlistFormOne mlform singleform"> 2286 <div class="input-fields"> 2287 <div class="name fieldWrap"> 2288 <label for="firstname_1" class=""></label> 2289 <input data-type="text" placeholder="First Name" class="field" data-error-text="Please enter a valid First name" required="" id="firstname_1" name="firstname"> 2290 </div> 2291 <div class="name fieldWrap"> 2292 <label for="lastname_1" class=""></label> 2293 <input data-type="text" placeholder="Last Name" class="field" data-error-text="Please enter a valid Last name" required="" id="lastname_1" name="lastname"> 2294 </div> 2295 </div> 2296 <div class="input-fields"> 2297 <div class="email fieldWrap"> 2298 <label for="email_1" class="tiny"></label> 2299 <input id="email_1" data-type="email" type="email" autocomplete="off" data-error-text="Please enter a valid email address" required name="email" placeholder="enter email address"> 2300 </div> 2301 </div> 2302 2303 <div class="primary-list-values"> 2304 <input type="hidden" name="newsletterId" value="14074822"> 2305 <input type="hidden" name="Datasource" value="Blur_website_newsletter_optin"> 2306 <input type="hidden" name="_trigger" value="62954:6223345"> 2307 2308 </div> 2309 <!-- <div class="globaloptin"> 2310 <input type="checkbox" name="artist_mktg_consent" id="artist_mktg_consent" required="" 2311 value="True" data-error-text="This field is required"> 2312 <label for="artist_mktg_consent" class="goptin_checkbox">By submitting my information, I agree
2313 to receive personalized updates and marketing messages about blur based on my 2314 information, interests, activities, website visits and device data and in accordance with 2315 the <a href="https://privacy.wmg.com/wmi/privacy" target="_blank" class="external-link" 2316 rel="nofollow" title="">Privacy Policy</a>. I understand that I can opt-out at any 2317 time by emailing <a href="mailto:[email protected]">[email protected]</a>.</label> 2318 </div> --> 2319 <span class="consent-placeholder" data-template="artist-mktg" data-artist="blur" data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/wmi/privacy"></span> 2320 2321 <div class="submit"> 2322 <input type="submit" class="submit mlistSubmit" value="signup"> 2323 </div> 2324 2325 2326 </form> 2327 <div class="thankyou fadeOut">Thank you for signing up!</div> 2328 2329 </div> 2330 </div> 2331 </div> 2332</div> 2333 2334 2335 2336 2337 </div> 2338 </div> 2339 </div> 2340</div></div> 2341 2342 </div> 2343 </div> 2344 2345 </div> 2346 2347 2348 </div> 2349 </header> 2350 <div class="highlighted"> 2351 <aside class="layout-container section clearfix" role="complementary"> 2352 <div class="region region-highlighted"> 2353 <div data-drupal-messages-fallback class="hidden"></div> 2354 2355 </div> 2356 2357 </aside> 2358 </div> 2359 <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix"> 2360 <div id="main" class="layout-main clearfix"> 2361 2362 <main id="content" class="column main-content" role="main"> 2363 <section class="section"> 2364 <a id="main-content" tabindex="-1"></a> 2365 <div class="region region-content"> 2366 <div id="block-bartik-content" class="block block-system block-system-main-block"> 2367 2368 2369 <div class="content"> 2370 2371<article data-history-node-id="506" about="/homepage" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix"> 2372 <header> 2373 2374 <span property="schema:name" content="Homepage" class="rdf-meta hidden"></span> 2375 2376 </header> 2377 <div class="node__content clearfix"> 2378 2379 </div> 2380</article> 2381 2382 </div> 2383 </div> 2384<div class="views-element-container block block-views block-views-blockmusic-section-block-1" id="block-bartik-views-block-music-section-block-1"> 2385 2386 2387 <div class="content"> 2388 <div><div class="view view-music-section view-id-music_section view-display-id-block_1 js-view-dom-id-e3f76e4ff7e84c7ccb415bde0d8451ded15d916f68ea7a6f009b34c68937c769"> 2389 2390 2391 <div class="view-header"> 2392 <div class="listen-section-title" id="listen">Listen</div> 2393 </div> 2394 2395 <div class="view-content"> 2396 <div class="listen-slider"> 2397 2398 <ul class="listen-wrapper owl-carousel owl-theme"> 2399 2400 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E"> 2401 <a custom-link-name="Blur Page" href="https://blur.lnk.to/theballadofdarren"> 2402 <img src="/sites/g/files/g2000022371/files/2026-03/BLUR_BOD_FRONT.jpg" alt="Blur"> 2403 </a> 2404 <div class="overlay"> 2405 <div class="slider-overlay-content"> 2406 <div><a href="https://blur.lnk.to/theballadofdarren" target="_blank" class="stream">Listen </a></div> 2407 </div> 2408 </div> 2409 2410</div> 2411<div class="listen-title">Blur</div></span></div></li> 2412 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000"> 2413 <a custom-link-name="Blur Page" href="https://blur.lnk.to/BlurAlbum"> 2414 <img src="/sites/g/files/g2000022371/files/2026-03/blur_0.jpg" alt="Blur Album"> 2415 </a> 2416 <div class="overlay"> 2417 <div class="slider-overlay-content"> 2418 <div><a href="https://blur.lnk.to/BlurAlbum" target="_blank" class="stream">Listen </a></div> 2419 </div> 2420 </div> 2421 2422</div> 2423<div class="listen-title">Blur Album</div></span></div></li> 2424 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#08A7E1"> 2425 <a custom-link-name="Parklive Page" href="https://blur.lnk.to/Parklive"> 2426 <img src="/sites/g/files/g2000022371/files/2026-03/parklive_0.png" alt="Parklive"> 2427 </a> 2428 <div class="overlay"> 2429 <div class="slider-overlay-content"> 2430 <div><a href="https://blur.lnk.to/Parklive" target="_blank" class="stream">Listen </a></div> 2431 </div> 2432 </div> 2433 2434</div> 2435<div class="listen-title">Parklive</div></span></div></li> 2436 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E"> 2437 <a custom-link-name="Bustin and Dronin Page" href="https://blur.lnk.to/bustinanddronin"> 2438 <img src="/sites/g/files/g2000022371/files/2026-03/blur-BD.png" alt="Bu
2438stin and Dronin"> 2439 </a> 2440 <div class="overlay"> 2441 <div class="slider-overlay-content"> 2442 <div><a href="https://blur.lnk.to/bustinanddronin" target="_blank" class="stream">Listen </a></div> 2443 </div> 2444 </div> 2445 2446</div> 2447<div class="listen-title">Bustin and Dronin</div></span></div></li> 2448 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000"> 2449 <a custom-link-name="Think Tank Page" href="https://blur.lnk.to/ThinkTank"> 2450 <img src="/sites/g/files/g2000022371/files/2026-03/ThinkTank.jpg" alt="Think Tank"> 2451 </a> 2452 <div class="overlay"> 2453 <div class="slider-overlay-content"> 2454 <div><a href="https://blur.lnk.to/ThinkTank" target="_blank" class="stream">Listen </a></div> 2455 </div> 2456 </div> 2457 2458</div> 2459<div class="listen-title">Think Tank</div></span></div></li> 2460 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#08A7E1"> 2461 <a custom-link-name="Modern Life Is Rubbish Page" href="https://blur.lnk.to/ModernLifeIsRubbish"> 2462 <img src="/sites/g/files/g2000022371/files/2026-03/modern.jpg" alt="Modern Life Is Rubbish"> 2463 </a> 2464 <div class="overlay"> 2465 <div class="slider-overlay-content"> 2466 <div><a href="https://blur.lnk.to/ModernLifeIsRubbish" target="_blank" class="stream">Listen </a></div> 2467 </div> 2468 </div> 2469 2470</div> 2471<div class="listen-title">Modern Life Is Rubbish</div></span></div></li> 2472 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E"> 2473 <a custom-link-name="Leisure Page" href="https://blur.lnk.to/LeisureAlbum"> 2474 <img src="/sites/g/files/g2000022371/files/2026-03/leisure-1.jpg" alt="Leisure"> 2475 </a> 2476 <div class="overlay"> 2477 <div class="slider-overlay-content"> 2478 <div><a href="https://blur.lnk.to/LeisureAlbum" target="_blank" class="stream">Listen </a></div> 2479 </div> 2480 </div> 2481 2482</div> 2483<div class="listen-title">Leisure</div></span></div></li> 2484 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000"> 2485 <a custom-link-name="13 Page" href="https://blur.lnk.to/13album"> 2486 <img src="/sites/g/files/g2000022371/files/2026-03/blur-13.jpg" alt="13"> 2487 </a> 2488 <div class="overlay"> 2489 <div class="slider-overlay-content"> 2490 <div><a href="https://blur.lnk.to/13album" target="_blank" class="stream">Listen </a></div> 2491 </div> 2492 </div> 2493 2494</div> 2495<div class="listen-title">13</div></span></div></li> 2496 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#08A7E1"> 2497 <a custom-link-name="The Great Escape Page" href="https://blur.lnk.to/TheGreatEscape"> 2498 <img src="/sites/g/files/g2000022371/files/2026-03/TheGreatEscape.jpg" alt="The Great Escape"> 2499 </a> 2500 <div class="overlay"> 2501 <div class="slider-overlay-content"> 2502 <div><a href="https://blur.lnk.to/TheGreatEscape" target="_blank" class="stream">Listen </a></div> 2503 </div> 2504 </div> 2505 2506</div> 2507<div class="listen-title">The Great Escape</div></span></div></li> 2508 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#FF300E"> 2509 <a custom-link-name="The Magic Whip Page" href="https://blur.lnk.to/TheMagicWhipAlbum"> 2510 <img src="/sites/g/files/g2000022371/files/2026-03/TheMagicWhip.jpg" alt="The Magic Whip"> 2511 </a> 2512 <div class="overlay"> 2513 <div class="slider-overlay-content"> 2514 <div><a href="https://blur.lnk.to/TheMagicWhipAlbum" target="_blank" class="stream">Listen </a></div> 2515 </div> 2516 </div> 2517 2518</div> 2519<div class="listen-title">The Magic Whip</div></span></div></li> 2520 <li class="listen-grid"><div class="views-field views-field-nothing"><span class="field-content"><div class="image-section" data-color="#000000"> 2521 <a custom-link-name="Parklife Page" href="https://blur.lnk.to/Parklife"> 2522 <img src="/sites/g/files/g2000022371/files/2026-03/parklife.jpg" alt="Parklife"> 2523 </a> 2524 <div class="overlay"> 2525 <div class="slider-overlay-content"> 2526 <div><a href="https://blur.lnk.to/Parklife" target="_blank" class="stream">Listen </a></div> 2527 </div> 2528 </div> 2529 2530</div> 2531<div class="listen-title">Parklife</div></span></div></li> 2532 2533 </ul> 2534 2535</div> 2536 2537 </div> 2538 2539 </div> 2540</div> 2541 2542 </div> 2543 </div> 2544<div id="block-bartik-merchsection" class="block block-block-content block-block-contentb286fc59-bdcf-453f-bc1d-1dc0aff3d95d"> 2545 2546 2547 <div class="content"> 2548 2549 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="latest-section-wrapper" id="latest"> 2550 <div class="latest-grid"> 2551 <div class="section-title mobile-only">latest</div> 2552 <div class="latest-wrapper-image-section"> 2553 <img src="/sites/g/files/g2000022371/files/2026-03/blur3.gif" alt=""> 2554 </div> 2555 <div class="latest-content"> 2556 <div class="section-title desktop-only">Latest</div> 2557 <div class="latest-desc">The Magic Whip 10th Anniversary. <br> 2558 New vinyl and merchandise collection out 25th April</div> 2559 <div class="merch-details"><a class="button" href="https://wmg.lnk.to/bluroriginals" target="_blank">shop</a></div> 2560 </div> 2561 </div> 2562 </div></div> 2563 2564 </div> 2565 </div> 2566<div id="block-bartik-emailsection" class="block block-block-content block-block-contentf1348698-64a7-4cf1-9413-f01c21307054"> 2567 2568 2569 <div class="content"> 2570 2571 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="signup-section-content-wrapper"> 2572 <div class="title-section"> 2573 <div class="section-title">sign up</div> 2574 2575 </div> 2576 <div class="form-section"> 2577 <!-- <div class="heading">join blurâs mailing list to keep up to date with the latest news and for exclusive pre-sale access to the UK warm up shows. Pre-sale begins at 10am BST on 26th April 2023</div> --> 2578 2579 <div class="heading">join blurâs mailing list to keep up to date with the latest news</div> 2580 <div class="plain-ml-wrapper firstMlistForm" data-success="signupsuccess"> 2581 <div class="mlform"> 2582 <form id="mlistFormOne" autocomplete="off" class="mlistFormOne mlform singleform"> 2583 <div class="input-fields"> 2584 <div class="name fieldWrap"> 2585 <label for="firstname" class=""></label> 2586 <input data-type="text" placeholder="First Name" class="field" 2587 data-error-text="Please enter a valid First name" required="" id="firstname" name="firstname"> 2588 </div> 2589 <div class="name fieldWrap"> 2590 <label for="lastname" class=""></label> 2591 <input data-type="text" placeholder="Last Name" class="field" 2592 data-error-text="Please enter a valid Last name" required="" id="lastname" name="lastname"> 2593 </div> 2594 </div> 2595 <div class="input-fields"> 2596 <div class="email fieldWrap"> 2597 <label for="emailAddress" class="tiny">Email</label> 2598 <input id="emailAddress" data-type="email" type="email" autocomplete="off" 2599 data-error-text="Please enter a valid email address" required name="email" 2600 placeholder="enter email address"> 2601 </div> 2602 </div> 2603 2604 <div class="primary-list-values"> 2605 <input type="hidden" name="newsletterId" value="14074822"> 2606 <input type="hidden" name="Datasource" value="Blur_website_newsletter_optin"> 2607 <input type="hidden" name="_trigger" value="62954:6223345"> 2608 </div> 2609
2610 <span class="consent-placeholder" data-template="artist-mktg" data-artist="blur" 2611 data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/wmi/privacy"></span> 2612 2613 <div class="submit"> 2614 <input type="submit" class="submit mlistSubmit" value="sign up"> 2615 </div> 2616 2617 2618 </form> 2619 <div class="thankyou fadeOut">Thank you for signing up!</div> 2620 2621 2622 </div> 2623 </div> 2624 </div> 2625</div> 2626<style> 2627 #mySidebar .consent-placeholder, 2628 div#block-bartik-emailsection .consent-placeholder { 2629 position: relative; 2630 margin: 1.5vh auto; 2631 display: block; 2632 } 2633 2634 .fieldWrap span.error { 2635 padding: 0 2636 } 2637 2638 .plain-ml-wrapper label:not(.goptin_checkbox) { 2639 position: static; 2640 transform: none; 2641 font-size: 0; 2642 } 2643 2644 .plain-ml-wrapper label.tiny { 2645 font-size: 0; 2646 display: none; 2647 } 2648 2649 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 2650 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 2651 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 2652 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked { 2653 position: absolute; 2654 left: 0px; 2655 width: 1.428vw; 2656 height: 1.428vw; 2657 z-index: 10; 2658 top: 0px; 2659 opacity: 0; 2660 cursor: pointer; 2661 margin: 0; 2662 -webkit-appearance: none; 2663 padding: 0; 2664 } 2665 2666 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2667 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 2668 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2669 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 2670 content: ""; 2671 position: absolute; 2672 left: 0px; 2673 top: auto; 2674 width: 1.428vw; 2675 height: 1.428vw; 2676 border: 2px solid #fff; 2677 background: transparent; 2678 border-radius: 0px; 2679 box-sizing: border-box; 2680 } 2681 2682 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2683 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 2684 border: 2px solid #000; 2685 } 2686 2687 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before, 2688 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before { 2689 border-color: red; 2690 } 2691 2692 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label, 2693 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 2694 display: inline-block; 2695 box-sizing: border-box; 2696 line-height: 1; 2697 text-align: left; 2698 text-transform: lowercase; 2699 letter-spacing: 0; 2700 font-size: 0.868vw; 2701 padding-left: 2.04vw; 2702 vertical-align: top; 2703 font-weight: 400; 2704 position: static; 2705 transform: none; 2706 pointer-events: auto; 2707 cursor: default; 2708 } 2709 2710 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after, 2711 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 2712 content: "\2713"; 2713 position: absolute; 2714 top: 0.58vh; 2715 line-height: 1; 2716 left: 0.25vw; 2717 font-size: 1vw; 2718 color: #fff; 2719 font-weight: 700; 2720 text-align: center; 2721 } 2722 2723 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after, 2724 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 2725 color: #000; 2726 } 2727 2728 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 2729 color: #ffffff; 2730 } 2731 2732 #mySidebar .consent-placeholder span.input-error, 2733 div#block-bartik-emailsection .consent-placeholder span.input-error { 2734 color: red; 2735 position: absolute; 2736 top: -3.25vh; 2737 left: 0; 2738 bottom: auto; 2739 } 2740 2741 div#block-bartik-emailsection .consent-placeholder span.input-error { 2742 top: -3.25vh; 2743 } 2744 2745 #mySidebar .secondform .consent-placeholder, 2746 div#block-bartik-emailsection .secondform .consent-placeholder { 2747 margin: 2vh auto; 2748 } 2749 2750 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label a, 2751 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label span { 2752 color: #000; 2753 } 2754 2755 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label a, 2756 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label span { 2757 color: #fff; 2758 } 2759 2760 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label a, 2761 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label a { 2762 text-decoration: underline; 2763 cursor: pointer; 2764 } 2765 2766 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder label a:hover, 2767 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder label a:hover { 2768 opacity: 0.5; 2769 } 2770 2771 @media only screen and (max-width: 1023px) and (orientation:portrait) { 2772 2773 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label, 2774 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 2775 font-size: 3vw; 2776 padding-left: 6vw; 2777 } 2778 2779 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 2780 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 2781 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2782 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 2783 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 2784 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 2785 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2786 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 2787 width: 4vw; 2788 height: 4vw; 2789 } 2790 2791 #mySidebar .consent-placeholder span.input-error, 2792 .input-error, 2793 div#block-bartik-emailsection .consent-placeholder span.input-error { 2794 font-size: 3.25vw; 2795 } 2796 2797 #mySidebar .consent-placeholder span.input-error, 2798 div#block-bartik-emailsection .consent-placeholder span.input-error { 2799 top: -2.5vh; 2800 } 2801 2802 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after, 2803 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 2804 top: 0.2vh; 2805 left: 0.5vw; 2806 font-size: 3.15vw; 2807 } 2808 } 2809 2810 @media only screen and (max-width:1023px) and (orientation:landscape) { 2811 .input-error { 2812 font-size: 1.65vw; 2813 } 2814 2815 #mySidebar .consent-placeholder span.input-error, 2816 div#block-bartik-emailsection .consent-placeholder span.input-error { 2817 top: -4.25vh; 2818 } 2819 2820 #mySidebar .consent-placeholder, 2821 div#block-bartik-emailsection .consent-placeholder { 2822 margin: 2.5vh auto; 2823 } 2824 2825 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label, 2826 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 2827 font-size: 1.68vw; 2828 padding-left: 4.04vw; 2829 } 2830 2831 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2832 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 2833 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2834 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 2835 width: 2.28vw; 2836 height: 2.28vw; 2837 } 2838 2839 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after, 2840 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 2841 font-size: 2vw; 2842 } 2843 } 2844 2845 @media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 2846 2847 #mySidebar .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label, 2848 div#block-bartik-emailsection .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 2849 font-size: 2.1vw; 2850 padding-left: 3.054vw; 2851 } 2852 2853 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after, 2854 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 2855 top: 0; 2856 font-size: 2vw; 2857 } 2858 2859 #mySidebar .consent-placeholder, 2860 div#block-bartik-emailsection .consent-placeholder { 2861 position: relative; 2862 margin: 1vh auto; 2863 } 2864 2865 .input-error { 2866 font-size: 2.4vw; 2867 } 2868 2869 #mySidebar .consent-placeholder span.input-error, 2870 div#block-bartik-emailsection .consent-placeholder span.input-error { 2871 top: -3vh; 2872 } 2873 2874 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2875 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 2876 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 2877 #mySidebar .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 2878 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 2879 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 2880 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 2881 div#block-bartik-emailsection .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked { 2882 width: 2.28vw; 2883 height: 2.28vw; 2884 } 2885 2886 } 2887 2888 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { 2889 .copyright-links { 2890 font-size: 1.2813vw; 2891 } 2892 } 2893</style></div> 2894 2895 </div> 2896 </div> 2897 2898 </div> 2899 2900 </section> 2901 </main> 2902 </div> 2903 </div> 2904 <footer class="site-footer"> 2905 <div class="layout-container"> 2906 <div class="site-footer__bottom"> 2907 <div class="region region-footer-fifth"> 2908 <div id="block-footer" class="block block-block-content block-block-contentece3ee2a-8756-4b0d-9a29-31c175ed16da"> 2909 2910 2911 <div class="content"> 2912 2913 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footer"> 2914 <div class="signup-wrapper menu-wrapper"> 2915 <div class="social-wrapper"> 2916 <div class="socials-nav"> 2917 <ul> 2918 <li> 2919 <a target="_blank" href="https://www.facebook.com/blur" data-track="facebook-ftr" aria-label="facebook"> 2920 <i class="fab fa-facebook"></i> 2921 </a> 2922 </li> 2923 <li> 2924 <a target="_blank" href="https://www.instagram.com/blurofficial" data-track="instagram-ftr" aria-label="instagram"> 2925 <i class="fab fa-instagram"></i> 2926 </a> 2927 </li> 2928 <li> 2929 <a target="_blank" href="https://twitter.com/blurofficial" data-track="twitter-ftr" aria-label="twitter"> 2930 <i class="fa-brands fa-x-twitter"></i> 2931 </a> 2932 </li> 2933 <li> 2934 <a target="_blank" href="https://www.youtube.com/channel/UCLdfTpBoh9G_DI3OURnIFOQ" 2935 data-track="youtube-ftr" aria-label="youtube"> 2936 <i class="fab fa-youtube"></i> 2937 </a> 2938 </li> 2939 </ul> 2940 </div> 2941 </div> 2942 <div class="footer-bottom"> 2943 <div class="copyright-links">
2944 <span class="copyright-text">© 2945 2026 Parlophone Records Limited 2946 </span> <span class="sep"></span> <br class="mobile-only" /> 2947 <span class="link"><a href="https://privacy.wmg.com/wmi/privacy/" target="_blank" 2948 rel="noopener noreferrer">Privacy Policy</a></span> 2949 <span class="sep">|</span> 2950 <span class="link"><a href="https://privacy.wmg.com/wmi/terms-of-use" target="_blank" 2951 rel="noopener noreferrer">Terms Of Use</a></span> 2952 <span class="sep sep-mob">|</span> 2953 <span class="link"><a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" 2954 rel="noopener noreferrer">Cookies Policy</a></span> 2955 <span class="sep">|</span> 2956 <span class="link"><a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a></span> 2957 </div> 2958 </div> 2959 </div> 2960</div></div> 2961 2962 </div> 2963 </div> 2964<div id="block-bartik-cleanupcss" class="block block-block-content block-block-content6b823c9e-a219-48c9-bc2d-8ae5338101b8"> 2965 2966 2967 <div class="content"> 2968 2969 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2970 *, 2971 *::before, 2972 *::after { 2973 box-sizing: border-box; 2974 -moz-box-sizing: border-box; 2975 -webkit-box-sizing: border-box; 2976 } 2977.node--unpublished { 2978 background: transparent; 2979 padding: 0; 2980} 2981 body #page, 2982 body #main-wrapper, 2983 body .region-primary-menu .menu-item a.is-active, 2984 body .region-primary-menu .menu-item--active-trail a { 2985 background: transparent; 2986 line-height: unset; 2987 } 2988 2989 .page-node-type-miscellaneous-pages div#main, 2990 .page-node-type-miscellaneous-pages .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field { 2991 background: transparent; 2992 } 2993 2994 body .region-header { 2995 padding: 0; 2996 font-size: 0; 2997 } 2998 2999 body #header { 3000 background-color: transparent; 3001 background-image: unset; 3002 } 3003 3004 body #page #header { 3005 padding-bottom: 0px; 3006 } 3007 3008 3009 body #header { 3010 background-color: transparent; 3011 background-image: unset; 3012 } 3013 3014 form#content-moderation-entity-moderation-form { 3015 display: none; 3016 } 3017 3018 body { 3019 line-height: unset; 3020 } 3021 3022 html { 3023 line-height: 1; 3024 } 3025 3026 a.visually-hidden.focusable.skip-link { 3027 display: none; 3028 } 3029 3030 img { 3031 width: 100%; 3032 height: auto; 3033 } 3034 3035 #page, 3036 #main-wrapper, 3037 .region-primary-menu .menu-item a.is-active, 3038 .region-primary-menu .menu-item--active-trail a, 3039 #header, 3040 .site-footer { 3041 background: transparent; 3042 } 3043 3044 .item-list ul li { 3045 margin: 0; 3046 padding: 0; 3047 } 3048 3049 .layout-container { 3050 max-width: 100%; 3051 } 3052 3053 .region-header { 3054 padding: 0; 3055 line-height: 0; 3056 font-size: 0; 3057 } 3058 3059 .layout-main-wrapper { 3060 min-height: auto; 3061 } 3062 3063 .layout-main { 3064 margin: 0; 3065 } 3066 3067 .main-content { 3068 float: none; 3069 } 3070 3071 .main-content .section { 3072 padding: 0; 3073 } 3074 3075 .block .content { 3076 margin: 0; 3077 } 3078 3079 div#block-bartik-page-title { 3080 display: none; 3081 } 3082 3083 .region-header .block:not(.site-branding) { 3084 margin: 0; 3085 font-size: 0; 3086 float: none; 3087 clear: none; 3088 } 3089 3090 .node__content { 3091 margin: 0; 3092 font-size: 0; 3093 } 3094 3095 .item-list ul { 3096 margin: 0; 3097 } 3098 3099 footer.site-footer { 3100 background: transparent; 3101 padding: 0; 3102 } 3103 3104 .site-footer__bottom { 3105 margin: 0; 3106 border: 0; 3107 } 3108#header,.site-footer { 3109 font-family: unset; 3110} 3111 .site-footer .layout-container { 3112 max-width: 100%; 3113 } 3114 3115 .site-footer .layout-container, 3116 .site-footer__bottom .content { 3117 padding: 0; 3118 } 3119 3120 .site-footer__bottom { 3121 margin: 0; 3122 border: none; 3123 letter-spacing: 0; 3124 } 3125 3126 .site-footer__bottom .region, 3127 .site-footer__bottom .block { 3128 margin: 0; 3129 } 3130 3131 .site-footer .content { 3132 font-size: 0; 3133 } 3134 3135 li { 3136 list-style-type: none; 3137 } 3138 3139 .text-formatted ul, 3140 .text-formatted ol, 3141 ul, 3142 ol { 3143 padding: 0; 3144 margin: 0; 3145 } 3146 3147 a:hover, 3148 a:active, 3149 a:focus, 3150 .link:hover, 3151 .link:active, 3152 .link:focus, 3153 a, 3154 a.link { 3155 border: none; 3156 transform: none; 3157 color: unset; 3158 } 3159 3160 p { 3161 margin: 0; 3162 } 3163 3164 input, 3165 select { 3166 font: inherit; 3167 padding: 0; 3168 margin: 0; 3169 border: none; 3170 } 3171 3172 h1, 3173 .heading-a { 3174 margin: 0; 3175 color: inherit; 3176 } 3177 3178 .site-footer .content a, 3179 .site-footer .content, 3180 .site-footer .content a.is-active, 3181 .site-footer .content a:hover, 3182 .site-footer .content a:focus { 3183 color: #ffffff; 3184 } 3185 3186 #toolbar-administration { 3187 display: none; 3188 } 3189 3190 .layout-main-wrapper { 3191 min-height: unset; 3192 } 3193 3194 .toolbar-tray-open.toolbar-vertical.toolbar-fixed { 3195 margin-inline-start: 0; 3196 } 3197 3198 body .site-footer .block { 3199 margin: 0; 3200 padding: 0; 3201 border: unset; 3202 border-color: unset; 3203 } 3204div#block-bartik-cleanupcss { 3205 display: none; 3206} 3207 @media (min-width: 851px) { 3208 .layout-container { 3209 max-width: unset; 3210 } 3211 } 3212 3213 @media (min-width: 461px) { 3214 body .region-header .block { 3215 float: unset !important; 3216 margin-top: 0.357em; 3217 } 3218 } 3219</style></div> 3220 3221 </div> 3222 </div> 3223 3224 </div> 3225 3226 </div> 3227 </div> 3228 </footer> 3229 </div> 3230</div> 3231 3232 </div> 3233 3234
3234<script src="/sites/g/files/g2000022371/files/custom_js_1.js?cache=69ca25c73a5ce"></script>
vendor: 1 bytes, line 3234
3234
3235<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>
3235 3236 3237
3237<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/506","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxdzEEOwjAMRNELpfWRkNNakcGOUSZQ0tODukCUzSyeRj9z63qjxRgYc2ZIyidyAbgI_rjG-n0Wi8w2oQ_TWtISTahGczbdJWGgi9ORfqpsoGNnvvLrBB7rwyRtXi5x7-q6c9eo9IHpF95RBkXc","theme":"bartik","theme_token":null},"ajaxTrustedUrl":[],"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:e3f76e4ff7e84c7ccb415bde0d8451ded15d916f68ea7a6f009b34c68937c769":{"view_name":"music_section","view_display_id":"block_1","view_args":"","view_path":"\/node\/506","view_base_path":null,"view_dom_id":"e3f76e4ff7e84c7ccb415bde0d8451ded15d916f68ea7a6f009b34c68937c769","pager_element":0}}},"user":{"uid":0,"permissionsHash":"977d839ca5bfc2ac596c4cfbf9256b88ea2e4f5569498bc67d73cec554154d4d"}}</script>
vendor: 1 bytes, line 3237
3237
3238<script src="/sites/g/files/g2000022371/files/js/js_um5EFUKqL3l205mARq_gcWX1aScJatKGPDhRLVNs5b8.js?scope=footer&delta=0&language=en&theme=bartik&include=eJwry0wtL9YvA5F6iVmJFQA22wZe"></script>
3238 3239 3240 </body> 3241</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.