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<style>/* @see https://github.com/aFarkas/lazysizes#broken-image-symbol */.js img.b-lazy:not([src]) { visibility: hidden; }/* @see https://github.com/aFarkas/lazysizes#automatically-setting-the-sizes-attribute */.js img.lazyloaded[data-sizes=auto] { display: block; width: 100%; }</style> 6<meta name="description" content="The official Trivium website. New song âBury Me With My Screamsâ available now" /> 7<meta name="keywords" content="Trivium" /> 8<link rel="canonical" href="https://www.trivium.org/tour" /> 9<meta name="robots" content="index, follow" /> 10<meta property="og:site_name" content="Trivium" /> 11<meta property="og:type" content="website" /> 12<meta property="og:url" content="https://www.trivium.org/tour" /> 13<meta property="og:title" content="Trivium | Tour" /> 14<meta property="og:description" content="The official Trivium website. New song âBury Me With My Screamsâ available now" /> 15<meta property="og:image" content="https://www.trivium.org//sites/g/files/g2000023411/files/2026-07/trivium-Og_g3ept4ce.png" /> 16<meta name="twitter:card" content="summary_large_image" /> 17<meta name="twitter:description" content="The official Trivium website. New song âBury Me With My Screamsâ available now" /> 18<meta name="twitter:title" content="Trivium | Tour" /> 19<meta name="twitter:image" content="https://www.trivium.org//sites/g/files/g2000023411/files/2026-07/trivium-Og_g3ept4ce.png" /> 20<meta name="google-site-verification" content="sgdfhgfh323232gf" /> 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/xpg6lls.css" async="async" defer="defer" /> 26<link rel="stylesheet" href="https://use.typekit.net/nwi5kpp.css" /> 27<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/" /="/" /> 28<link rel="stylesheet" href="https://libraries.wmgartistservices.com/externalJS/owl.carousel2.3.4.css" /="/" /> 29<link rel="stylesheet" href="https://use.typekit.net/elv4uud.css" /> 30<meta name="robots" content="noimageai,noai" /> 31<link rel="icon" href="/sites/g/files/g2000023411/files/trivium-fav_a4e1aten.png" type="image/png" />
32<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="070263ab-649c-47b9-a8cc-76b3f5920200" data-document-language="true"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript">function OptanonWrapper() { 34 var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/'; 35 var allLinks = document.querySelectorAll('a'); 36 for(i = 0; i < allLinks.length; i++) { 37 let href = allLinks[i].href; 38 if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) { 39 href = href + '?ot=070263ab-649c-47b9-a8cc-76b3f5920200&url=' + window.location.hostname; 40 allLinks[i].setAttribute("href", href); 41 allLinks[i].setAttribute("target", "_blank"); 42 } 43 } 44 var eOT = new Event("OneTrustGroupsUpdated"); 45 document.dispatchEvent(eOT); 46 var regCheckPerformance = /,C0002,/; 47 var regCheckFunctional = /,C0003,/; 48 var regCheckTargeting = /,C0004,/; 49 var regCheckSocial = /,C0008,/; 50}</script>
50 51<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
52<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmgtrivium,wmgrrglobal,wmg"},"content":{"artist":"Trivium","label":"Elektra Music Group","sublabel":"Roadrunner Records"},"page":{"pageInfo":{"pageName":"Trivium:Tour","server":"Trivium:Site","platform":"Drupal 10","devTeam":"WMAS"},"category":{"primaryCategory":"Trivium:Tour","pageType":"tour:upcoming"}}}</script>
vendor: 1 bytes, line 52
52
53<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 53
53
54<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 54
54
55<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js" async="async">�</script>
vendor: 1 bytes, line 55
55
56<script src="https://libraries.wmgartistservices.com/externalJS/owl.carousel2.3.2.js">�</script>
vendor: 1 bytes, line 56
56
57<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js" defer="defer">�</script>
vendor: 1 bytes, line 57
57
58<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js" defer="defer">�</script>
vendor: 1 bytes, line 58
58
59<script></script>
vendor: 1 bytes, line 59
59
60<script src="/sites/g/files/g2000023411/files/custom_js_6.js?cache=6a59d7050e16e"></script>
60 61 62 <title>Trivium | Tour</title> 63 <link rel="stylesheet" media="all" href="/sites/g/files/g2000023411/files/css/css_d0ybdkF7tf9r-ab2ELDK5yYv8ZkPifTWOC5E8UILt7g.css?delta=0&language=en&theme=bartik&include=eJxdzd0KwjAMQOEX6swjjbQLJZgfabJJ9_SKF-K8_ThwKo7kOzTBiHmrGFTqhZQisFP8sfn2Lbt4RVkip7D10nwQmA9F4ZOK4PQ9142j-UFjghs1lxIzkhQ-y6f21R_Jyicmu8Ebll94AUWUQZg" /> 64<link rel="stylesheet" media="all" href="/sites/g/files/g2000023411/files/css/css_ozUa9ZTQ3VDbJ2BXa9okZOkpKxt44CIc45-0ukQWZRo.css?delta=1&language=en&theme=bartik&include=eJxdzd0KwjAMQOEX6swjjbQLJZgfabJJ9_SKF-K8_ThwKo7kOzTBiHmrGFTqhZQisFP8sfn2Lbt4RVkip7D10nwQmA9F4ZOK4PQ9142j-UFjghs1lxIzkhQ-y6f21R_Jyicmu8Ebll94AUWUQZg" /> 65<link rel="stylesheet" media="print" href="/sites/g/files/g2000023411/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&language=en&theme=bartik&include=eJxdzd0KwjAMQOEX6swjjbQLJZgfabJJ9_SKF-K8_ThwKo7kOzTBiHmrGFTqhZQisFP8sfn2Lbt4RVkip7D10nwQmA9F4ZOK4PQ9142j-UFjghs1lxIzkhQ-y6f21R_Jyicmu8Ebll94AUWUQZg" /> 66 67 68 </head> 69 <body class="page-node-391 page-node-type-page layout-no-sidebars path-node"> 70 <a href="#main-content" class="visually-hidden focusable skip-link"> 71 Skip to main content 72 </a> 73 74 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 75 <div id="page-wrapper"> 76 <div id="page"> 77 <header id="header" class="header" role="banner"> 78 <div class="section layout-container clearfix"> 79 80 <div class="clearfix region region-header"> 81 <div id="block-customcss" data-block-plugin-id="block_content:64ac3968-eaac-4387-9eb9-3007eeedf5e4" class="block block-block-content block-block-content64ac3968-eaac-4387-9eb9-3007eeedf5e4"> 82 83 84 <div class="content"> 85 86 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="preconnect" href="https://fonts.googleapis.com"> 87<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 88<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,600&display=swap" rel="stylesheet"> 89<style> 90 /*Generic CSS*/ 91 92 :root, 93 html { 94 --button-font-color: #fff; 95 --button-font-hover-color: #000; 96 --button-background-color: #ff0000; 97 --blur: #0000ff; 98 --green: #00ff00; 99 --yellow: #ffff00; 100 --magenta: #ff00ff; 101 --cyan: #00ffff; 102 --social: #d2cac7; 103 --bright-red: #f70606; 104 --light-blue: #acd2e1; 105 --cyan-blue: #295a6f; 106 --light-grey: #cccccc; 107 --grey: #bdbdbd; 108 --dark-grey: #333333; 109 --site-text-color: #000; 110 --default-font-color: #fff; 111 --default-font-family: "bebas-neue-pro", sans-serif; 112 --default-submit-color: #f70606; 113 --default-submit-font-color: #000000; 114 --default-submit-hover-color: #ff0000; 115 --default-submit-font-color-hover: #f70606; 116 --default-bg-color: #ffffff; 117 } 118 119 body, 120 a, 121 div, 122 p, 123 section, 124 article, 125 footer, 126 h2, 127 h1, 128 span { 129 font-family: "bebas-neue-pro", sans-serif; 130 color: var(--default-font-color); 131 } 132 133 a { 134 border: none !important; 135 } 136 137 body{ 138 font-family: "bebas-neue-pro", sans-serif; 139 font-weight: 400; 140 font-style: normal; 141 } 142 .main-content h2 { 143 text-transform: uppercase; 144 text-align: center; 145 color: #fff; 146 font-weight: 700; 147 letter-spacing: 1px; 148 margin: 0 !important; 149 padding: 0px 0px 30px; 150 } 151 152 #page #header { 153 background: none; 154 } 155 156 #header .region-header { 157 padding: 0px; 158 } 159 160 .layout-main, 161 #header .region-header .block:not(.site-branding) { 162 margin: 0 ; 163 padding: 0; 164 } 165 166 div#main-wrapper { 167 margin: 0px; 168 max-width: 100%; 169 } 170 171 .layout-container.section { 172 max-width: 100vw; 173 } 174 175 .block.block-block-content, 176 .block.block-views { 177 padding: 50px 0px; 178 } 179 180 .block .content { 181 max-width: 100%; 182 } 183 184 .header .block .content { 185 max-width: 100%; 186 } 187 188 .item-list ul, 189 .item-list ul li, 190 .main-content .section { 191 margin: 0 !important; 192 padding: 0 !important; 193 } 194 195 .site-footer .site-footer__top .region { 196 width: 100%; 197 padding: 0; 198 float: none; 199 } 200 201 .custom-pager { 202 display: block; 203 text-align: center; 204 margin-top: 50px; 205 } 206 207 208 .in-grid { 209 max-width: 100%; 210 margin: 0 auto !important; 211 padding: 0 10%; 212 } 213 214 /*plain mailing list css*/ 215 216 217 #mlform, 218 #secondform { 219 margin: 0px auto; 220 text-align: center; 221 padding: 5px 0px; 222 transition: all .5s ease-in-out; 223 color: #FFFFFF; 224 } 225 226 #mlform .message-header { 227 font-size: 25px; 228 text-transform: uppercase; 229 } 230 231 div.plain-ml-wrapper form div.birth-date-title { 232 text-align: left; 233 } 234 235 .singleStepForm .birth-date-title { 236 margin-bottom: 10px; 237 } 238 239 #secondform .birth-date-title { 240 font-size: 12px; 241 } 242 243 #mlform input { 244 245 width: 100%; 246 box-sizing: border-box; 247 248 } 249 250 .plain-ml-wrapper input:focus, 251 *:focus { 252 outline: none; 253 } 254 255 256 257 input#submit { 258 color: #FFFFFF; 259 background-color: transparent; 260 border: none; 261 } 262 263 264 /* first form style ends */ 265 266 .singleStepForm .name { 267 display: block 268 } 269 270 .singleStepForm .name input { 271 width: 100%; 272 padding: 0px 5px; 273 font-size: 12px; 274 } 275 276 .singleStepForm input#goptin { 277 width: 15px; 278 height: 15px; 279 } 280 281 .singleStepForm select { 282 width: 100%; 283 height: 35px; 284 padding: 0px 5px; 285 color: #fff; 286 font-size: 12px; 287 border: 1px solid #fff; 288 } 289 290 #secondform { 291 width: 100%; 292 text-align: center; 293 } 294 295 #secondform .name { 296 display: block 297 } 298 299 form#mlistFormTwo .postal_country, 300 form#mlistFormTwo .postalcode, 301 form#mlistFormTwo .dobMonth, 302 form#mlistFormTwo .dobDay { 303 display: inline-block; 304 width: 49%; 305 } 306 307 #secondform .name input { 308 width: 100%; 309 padding: 0px 5px; 310 font-size: 12px; 311 } 312 313 #secondform input#goptin { 314 width: 15px; 315 height: 15px; 316 } 317 318 #secondform select { 319 width: 100%; 320 padding: 10px 0px; 321 height: 35px; 322 padding: 0px 5px; 323 } 324 325 #secondform input:not([type="submit"]) { 326 width: 100%; 327 padding: 10px 0px; 328 height: 35px; 329 padding: 0px 5px; 330 border: 1px solid #fff; 331 } 332 333 #secondform input[type="checkbox"] { 334 width: 18px; 335 height: 18px; 336 vertical-align: middle; 337 } 338
339 #secondform .globaloptin { 340 width: 100%; 341 margin: 0px auto; 342 text-align: justify; 343 } 344 345 #secondform .welcome { 346 text-transform: uppercase; 347 font-size: 12px; 348 width: 85%; 349 margin: 0 auto; 350 } 351 352 #thankyou { 353 text-align: center; 354 text-transform: uppercase; 355 margin: 0px auto; 356 } 357 358 #mlform { 359 text-align: center; 360 margin: 0px auto; 361 } 362 363 #secondform { 364 margin: 0px auto; 365 } 366 367 #thankyou { 368 color: black; 369 } 370 371 .plain-ml-wrapper input { 372 color: #fff; 373 background: transparent; 374 } 375 376 #mlform #terms .terms-message, 377 #secondform #terms .terms-message { 378 color: white; 379 } 380 381 #secondform select { 382 color: #fff; 383 font-size: 12px; 384 border: 1px solid #fff; 385 } 386 387 #secondform input#goptin { 388 vertical-align: middle; 389 /* font-size: 10px; */ 390 } 391 392 #secondform .globaloptin { 393 font-size: 11px; 394 } 395 396 div#thankyou { 397 color: #fff; 398 } 399 400 @media only screen and (min-width: 768px) { 401 #mlform #terms .terms-message, 402 #secondform #terms .terms-message { 403 width: 100%; 404 } 405 406 div#secondform { 407 width: 100%; 408 } 409 #secondform .name { 410 width: 100%; 411 text-align: center; 412 font-size: 0px; 413 } 414 .first { 415 font-size: 0px; 416 } 417 #secondform .name div { 418 font-size: 0px; 419 } 420 #secondform input, 421 #secondform select { 422 margin: 0; 423 } 424 input#goptin { 425 margin: 0; 426 display: inline-block; 427 vertical-align: middle; 428 } 429 #secondform .globaloptin { 430 margin-top: 10px; 431 } 432 #secondform div.birthday { 433 font-size: 0; 434 } 435 #secondform label.goptin_checkbox { 436 position: static; 437 transform: none; 438 font-size: 10px; 439 display: inline-block; 440 pointer-events: all; 441 } 442 #secondform .globaloptin span { 443 /** padding-left: 10px; **/ 444 } 445 #mlform #terms .terms-message, 446 #secondform #terms .terms-message { 447 font-size: 11px; 448 } 449 div#thankyou { 450 width: 100%; 451 font-size: 20px; 452 } 453 } 454 455 #secondform .postalcode.first, 456 #secondform div.dobMonth.fieldWrap, 457 form#mlistFormTwo .postalcode.fieldWrap { 458 margin-right: 2%; 459 } 460 461 .plain-ml-wrapper #terms { 462 position: relative; 463 } 464 465 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, 466 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message { 467 background: #C2CFD9; 468 } 469 470 #block-plainjsmailinglist option { 471 background: #c2b59b; 472 } 473 474 .fadeOut { 475 display: none; 476 } 477 478 .fadeIn { 479 display: block; 480 } 481 482 483 484 #block-plainjsmailinglist input:-webkit-autofill, 485 #block-plainjsmailinglist select:-webkit-autofill { 486 -webkit-box-shadow: 0 0 0px 1000px transparent inset; 487 -webkit-text-fill-color: #FBF26F; 488 } 489 490 491 #block-plainjsmailinglist #mlform p.terms-message a, 492 #block-plainjsmailinglist .singleform p.terms-message a { 493 color: #fff; 494 } 495 496 #block-plainjsmailinglist #mlform p.terms-message a:hover, 497 #block-plainjsmailinglist .singleform p.terms-message a:hover { 498 color: #fff; 499 opacity: .5 500 } 501 502 #block-plainjsmailinglist .singleform p.terms-message a { 503 color: #000; 504 } 505 506 #block-plainjsmailinglist .singleform p.terms-message a:hover { 507 color: #000; 508 opacity: .5; 509 } 510 511 div.plain-ml-wrapper { 512 position: relative; 513 } 514 515 div.plain-ml-wrapper span#secondFormClose { 516 position: absolute; 517 right: 3px; 518 font-size: 20px; 519 cursor: pointer; 520 } 521 522 span.input-error { 523 font-size: 10px; 524 color: red; 525 position: absolute; 526 bottom: -7px; 527 left: 8px; 528 padding: 0 2px; 529 animation: fadein 2s; 530 -moz-animation: fadein 2s; 531 -webkit-animation: fadein 2s; 532 -o-animation: fadein 2s; 533 } 534 535 536 #block-plainjsmailinglist span.input-error { 537 background: #555; 538 } 539 540 .page-node-type-miscellaneous-pages span.input-error { 541 background: transparent; 542 } 543 544 input#submit:hover { 545 opacity: .5; 546 } 547 548 form#mlistFormTwo { 549 font-size: 0; 550 } 551 552 input[type="checkbox"]:focus { 553 outline: 0; 554 } 555 556 select::-ms-expand { 557 display: none; 558 } 559 560 .plain-ml-wrapper select { 561 background: url() no-repeat right center transparent; 562 -webkit-appearance: none; 563 -moz-appearance: none; 564 } 565 /*Bandsintown Tour CSS*/ 566 567 #block-tourdates { 568 background: #070707; 569 } 570 571 a.ticket_link.link_text.link_background.sold-out { 572 pointer-events: none; 573 opacity: .5; 574 } 575 576 .featuring-artists.plain_text.hidden { 577 display: block; 578 } 579 580 #block-tourbandsintown { 581 float: none; 582 } 583 584 .TourWrapperBandsintown { 585 max-width: 600px; 586 margin: 0 auto; 587 } 588 589 .bit-widget-container .bit-widget .bit-top-track-button { 590 display: none; 591 } 592 593 .bit-widget-container .bit-widget .bit-play-my-city-button { 594 display: block; 595 margin: 0 0 0 auto; 596 width: 273px 597 } 598 599 .bit-widget-container .bit-widget.bit-layout-ipad .bit-event .bit-details { 600 justify-content: start; 601 } 602 603 .bit-upcoming-events-container span.bit-date, 604 .bit-upcoming-events-container div.bit-location { 605 color: #000; 606 } 607 608 .bit-widget-container .bit-widget .bit-event .bit-rsvp { 609 color: #fff; 610 background-color: #000; 611 } 612 /*Videos Block CSS*/ 613 614 615 [class *=" block-views-blockvideos-block-"] h2 { 616 left: 50%; 617 z-index: 9; 618 transform: translateX(-50%); 619 } 620 621 [class *=" block-views-blockvideos-block-"] .view-footer { 622 left: 50%; 623 transform: translateX(-50%); 624 } 625 626 627 [class *=" block-views-blockvideos-block-"] .views-field-field-video-embed-1 .field-content { 628 width: 60vw; 629 margin: 0 auto; 630 } 631 632 [class *=" block-views-blockvideos-block-"] .views-field-field-video-embed-1 { 633 margin: 0px auto; 634 } 635
636 /*Merch Section CSS*/ 637 638 [class*="block-views-blockmerch-block-"] .item-list ul.items, 639 [class*="block-views-blockmerch-block-"] .item-list ul.items li { 640 margin: 0; 641 padding: 0; 642 } 643 644 [class*="block-views-blockmerch-block-"] .item-list ul.items { 645 display: flex; 646 flex-wrap: wrap; 647 } 648 649 650 .merchWrapper .productImage { 651 position: relative; 652 text-align: center; 653 } 654 655 [class*="block-views-blockmerch-block-"] .item-list ul.items { 656 line-height: 0; 657 } 658 659 @media only screen and (min-width: 768px) { 660 661 .merchWrapper .productImage { 662 margin-bottom: 18px; 663 } 664 } 665 666 @media only screen and (max-width: 420px) { 667 [class*="block-views-blockmerch-block-"].block .content { 668 padding: 0; 669 } 670 } 671 /*Icon and Footer CSS*/ 672 673 @font-face { 674 font-family: 'icomoon'; 675 src: url('/sites/g/files/g2000023411/files/2020-04/icomoon.eot?yzw53z'); 676 src: url('/sites/g/files/g2000023411/files/2020-04/icomoon.eot?yzw53z#iefix') format('embedded-opentype'), url('/sites/g/files/g2000023411/files/2020-04/icomoon.ttf?yzw53z') format('truetype'), url('/sites/g/files/g2000023411/files/2020-04/icomoon.woff?yzw53z') format('woff'), url('/sites/g/files/g2000023411/files/2020-04/icomoon.svg?yzw53z#icomoon') format('svg'); 677 font-weight: normal; 678 font-style: normal; 679 font-display: block; 680 } 681 682 [class^="icon-"], 683 [class*=" icon-"] { 684 /* use !important to prevent issues with browser extensions that change fonts */ 685 font-family: 'icomoon' !important; 686 speak: none; 687 font-style: normal; 688 font-weight: normal; 689 font-variant: normal; 690 text-transform: none; 691 line-height: 1; 692 /* Better Font Rendering =========== */ 693 -webkit-font-smoothing: antialiased; 694 -moz-osx-font-smoothing: grayscale; 695 } 696 697 .icon-keyboard_arrow_up:before { 698 content: "\e914"; 699 } 700 701 .icon-keyboard_arrow_down:before { 702 content: "\e915"; 703 } 704 705 .icon-arrow_drop_down:before { 706 content: "\e900"; 707 } 708 709 .icon-arrow-right:before { 710 content: "\e901"; 711 } 712 713 .icon-chevron-right:before { 714 content: "\e902"; 715 } 716 717 .icon-arrow-left:before { 718 content: "\e903"; 719 } 720 721 .icon-chevron-left:before { 722 content: "\e904"; 723 } 724 725 .icon-x-altx-alt:before { 726 content: "\e905"; 727 } 728 729 .icon-cancel:before { 730 content: "\e905"; 731 } 732 733 .icon-close:before { 734 content: "\e905"; 735 } 736 737 .icon-cancel-circle:before { 738 content: "\ea0d"; 739 } 740 741 .icon-cross:before { 742 content: "\ea0f"; 743 } 744 745 .icon-play2:before { 746 content: "\ea15"; 747 } 748 749 .icon-play3:before { 750 content: "\ea1c"; 751 } 752 753 .icon-amazon:before { 754 content: "\ea87"; 755 } 756 757 .icon-facebook:before { 758 content: "\ea90"; 759 } 760 761 .icon-facebook2:before { 762 content: "\ea91"; 763 } 764 765 .icon-instagram:before { 766 content: "\ea92"; 767 } 768 769 .icon-spotify:before { 770 content: "\ea94"; 771 } 772 773 .icon-twitter:before { 774 content: "\ea96"; 775 } 776 777 .icon-youtube:before { 778 content: "\ea9d"; 779 } 780 781 .icon-appleinc:before { 782 content: "\eabe"; 783 } 784 785 .icon-mail-envelope-closed:before { 786 content: "\e906"; 787 } 788 789 .icon-googleplay:before { 790 content: "\e907"; 791 color: #607d8b; 792 } 793 794 .icon-tidal:before { 795 content: "\e908"; 796 } 797 798 .icon-deezer:before { 799 content: "\e909"; 800 color: #00c7f2; 801 } 802 803 .icon-long-arrow-right:before { 804 content: "\e90a"; 805 } 806 807 .icon-chevron-circle-right:before { 808 content: "\e90b"; 809 } 810 811 .icon-arrow-right1:before { 812 content: "\e90c"; 813 } 814 815 .icon-chevron-right1:before { 816 content: "\e90d"; 817 } 818 819 .icon-long-arrow-left:before { 820 content: "\e90e"; 821 } 822 823 .icon-chevron-circle-left:before { 824 content: "\e90f"; 825 } 826 827 .icon-arrow-left1:before { 828 content: "\e910"; 829 } 830 831 .icon-chevron-left1:before { 832 content: "\e911"; 833 } 834 835 .icon-snapchat-ghost:before { 836 content: "\e912"; 837 } 838 839 .icon-soundcloud:before { 840 content: "\e913"; 841 } 842 843 @font-face { 844 font-family: 'twt-x'; 845 src: url('/sites/g/files/g2000023411/files/2023-09/twt-x.eot?jjyo3s'); 846 src: url('/sites/g/files/g2000023411/files/2023-09/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'), 847 url('/sites/g/files/g2000023411/files/2023-09/twt-x.ttf?jjyo3s') format('truetype'), 848 url('/sites/g/files/g2000023411/files/2023-09/twt-x.woff?jjyo3s') format('woff'), 849 url('/sites/g/files/g2000023411/files/2023-09/twt-x.svg?jjyo3s#twt-x') format('svg'); 850 font-weight: normal; 851 font-style: normal; 852 font-display: block; 853} 854 855[class^="twt-"], [class*=" twt-"] { 856 /* use !important to prevent issues with browser extensions that change fonts */ 857 font-family: 'twt-x' !important; 858 speak: never; 859 font-style: normal; 860 font-weight: normal; 861 font-variant: normal; 862 text-transform: none; 863 line-height: 1; 864 865 /* Better Font Rendering =========== */ 866 -webkit-font-smoothing: antialiased; 867 -moz-osx-font-smoothing: grayscale; 868} 869 870.twt-x:before { 871 content: "\e901"; 872} 873 874 /** other styles **/ 875 876 .site-footer .layout-container { 877 padding: 0px; 878 max-width:none; 879 } 880 881 div#block-footer { 882 border: none; 883 text-align: center; 884 } 885
886 .region.region-footer-first { 887 width: 100%; 888 } 889 890 .site-footer__top h2 { 891 border: none; 892 } 893 894 footer.site-footer { 895 background: #000; 896 } 897 /*Music Block CSS*/ 898 899 900 901 [class *=" block-views-blockmusic-block-"] .field-content { 902 display: block; 903 text-align: center; 904 color: #fff; 905 font-weight: 700; 906 letter-spacing: 1px; 907 } 908 909 910 /*Drawer CSS*/ 911 912 #drawer-wrap { 913 display: block; 914 position: fixed; 915 top: 0px; 916 height: 100vh; 917 right: -350px; 918 width: 350px; 919 -webkit-overflow-scrolling: touch; 920 overflow-y: scroll; 921 z-index: 100000; 922 background: url("") no-repeat scroll center center #fff; 923 } 924 925 #drawer-overlay { 926 position: fixed; 927 width: 100%; 928 height: 100%; 929 background: rgba(0, 0, 0, 0.6); 930 top: 0px; 931 left: 0px; 932 z-index: 10000; 933 } 934 935 .drawer-on, 936 #drawer-wrap, 937 .drawer-off { 938 transition: right 0.5s ease-in-out; 939 } 940 941 #drawer-wrap.show-drawer { 942 right: 0px; 943 overflow: hidden; 944 } 945 946 div#close-btn { 947 position: fixed; 948 color: #fff; 949 top: 13px; 950 right: 368px; 951 z-index: 100001; 952 font-size: 50px; 953 cursor: pointer; 954 height: 28px; 955 width: 32px; 956 } 957 958 #drawer-wrap iframe { 959 width: 100%; 960 height: 100%; 961 } 962 963 #close-btn span { 964 display: block; 965 position: relative; 966 cursor: pointer; 967 height: 3px; 968 width: 34px; 969 background: #fff; 970 border-radius: 9px; 971 opacity: 1; 972 left: 0; 973 -webkit-transform: rotate(135deg); 974 -moz-transform: rotate(135deg); 975 -o-transform: rotate(135deg); 976 transform: rotate(135deg); 977 -webkit-transition: 0.5s ease-in-out; 978 -moz-transition: 0.5s ease-in-out; 979 -o-transition: 0.5s ease-in-out; 980 transition: 1s ease-in-out; 981 top: 13px; 982 } 983 984 #close-btn.close-anime span:nth-child(1) { 985 -webkit-transform: rotate(-135deg); 986 -moz-transform: rotate(-135deg); 987 -o-transform: rotate(-135deg); 988 transform: rotate(-135deg); 989 } 990 991 #close-btn.close-anime span:nth-child(2) { 992 -webkit-transform: rotate(135deg); 993 -moz-transform: rotate(135deg); 994 -o-transform: rotate(135deg); 995 transform: rotate(135deg); 996 } 997 998 #close-btn span:nth-child(2) { 999 -webkit-transform: rotate(-135deg); 1000 -moz-transform: rotate(-135deg); 1001 -o-transform: rotate(-135deg); 1002 transform: rotate(-135deg); 1003 top: 10px; 1004 } 1005 1006 .drawer-mainwrap { 1007 overflow: hidden; 1008 } 1009 1010 @media only screen and (max-width: 400px) { 1011 #drawer-wrap { 1012 right: -250px; 1013 width: 250px; 1014 } 1015 div#close-btn { 1016 right: 286px; 1017 } 1018 } 1019 /*User Login Page CSS*/ 1020 1021 .content h1 { 1022 text-align: center; 1023 text-transform: uppercase; 1024 } 1025 1026 ul.tabs.primary { 1027 padding: 20px; 1028 text-align: center; 1029 background: none; 1030 } 1031 1032 nav.tabs ul.primary li { 1033 float: none; 1034 clear: both; 1035 display: inline-block; 1036 margin: 0px; 1037 text-align: center; 1038 width: auto; 1039 color: black; 1040 border: 1px solid black; 1041 } 1042 1043 form>div { 1044 text-align: center; 1045 } 1046 1047 form#user-login-form>div>input { 1048 width: 50%; 1049 text-align: center; 1050 } 1051 1052 input#edit-submit { 1053 background: black; 1054 border: 1px solid black; 1055 border-radius: 0px; 1056 color: white; 1057 text-align: center; 1058 padding: 5px; 1059 text-transform: uppercase; 1060 } 1061 1062 input#edit-submit:hover { 1063 color: black; 1064 background: white; 1065 border: 1px solid black; 1066 } 1067 1068 div#edit-pass--description { 1069 color: red; 1070 } 1071 1072 form#user-register-form div { 1073 color: black; 1074 } 1075 1076 form#user-register-form input { 1077 width: 100%; 1078 } 1079 1080 input#edit-contact--2 { 1081 text-align: left; 1082 width: 10%; 1083 } 1084 1085 form#user-pass p { 1086 color: black; 1087 text-align: center; 1088 } 1089 1090 nav.tabs ul.primary li.is-active { 1091 pointer-events: none; 1092 } 1093 1094 li a:hover { 1095 color: black; 1096 } 1097 1098 #page nav.tabs ul.primary li a:hover { 1099 color: white !important; 1100 opacity: 1; 1101 background: black; 1102 border-top-left-radius: 0px; 1103 border-top-right-radius: 0px; 1104 transition: none; 1105 } 1106 1107 nav.tabs ul.primary li a { 1108 background-color: white; 1109 border-top-left-radius: 0px; 1110 border-top-right-radius: 0px; 1111 } 1112 1113 /*Lightbox CSS*/ 1114 1115 input:-webkit-autofill, 1116 input:-webkit-autofill:hover, 1117 input:-webkit-autofill:focus, 1118 textarea:-webkit-autofill, 1119 textarea:-webkit-autofill:hover, 1120 textarea:-webkit-autofill:focus, 1121 select:-webkit-autofill, 1122 select:-webkit-autofill:hover, 1123 select:-webkit-autofill:focus { 1124 border: 1px solid #000; 1125 -webkit-text-fill-color: #000; 1126 -webkit-box-shadow: 0 0 0px 1000px #000 inset; 1127 transition: background-color 5000s ease-in-out 0s; 1128 } 1129 1130 1131 .no-dates { 1132 font-size: 18px; 1133 } 1134 1135 1136 .termsContent { 1137 color: #000; 1138 } 1139 1140 #secondform .terms { 1141 color: #000; 1142 } 1143 1144 1145 /*Turnkey CSS*/ 1146 1147 1148 @keyframes fadein { 1149 from { 1150 opacity: 0; 1151 } 1152 to { 1153 opacity: 1; 1154 } 1155 } 1156 1157 @-moz-keyframes fadein { 1158 /* Firefox */ 1159 from { 1160 opacity: 0; 1161 } 1162 to { 1163 opacity: 1; 1164 } 1165 } 1166 1167 @-webkit-keyframes fadein { 1168 /* Safari and Chrome */ 1169 from { 1170 opacity: 0; 1171 } 1172 to { 1173 opacity: 1; 1174 } 1175 } 1176 1177 @-o-keyframes fadein { 1178 /* Opera */ 1179 from { 1180 opacity: 0; 1181 } 1182 to { 1183 opacity: 1; 1184 } 1185 } 1186 1187 1188 1189 1190 1191 a:hover { 1192 opacity: 0.85; 1193 } 1194 1195 a:active { 1196 opacity: 1.0; 1197 transform: scale(0.98); 1198 } 1199 1200 a:visited { 1201 opacity: 1.0; 1202 } 1203 1204 1205 .plain-ml-wrapper div.fieldWrap { 1206 position: relative; 1207 margin: 10px 0; 1208 } 1209 1210 .plain-ml-wrapper input { 1211 margin: 0; 1212 } 1213 1214 .plain-ml-wrapper label:not(.goptin_checkbox) { 1215 font-weight: normal; 1216 -webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); 1217 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); 1218 transition-duration: 0.7s; 1219 transition: all 0.3s ease-in; 1220 position: absolute; 1221 top: 50%; 1222 transform: translate(-50%, -50%); 1223 pointer-events: none; 1224 left: 50%; 1225 width: 100%; 1226 text-align: center; 1227 color: #fff; 1228 font-size: 12px; 1229 } 1230 1231 div.plain-ml-wrapper .moveUp { 1232 position: absolute; 1233 top: -8px; 1234 transform: translateX(-50%) scale(.9); 1235 } 1236 1237 1238 div.postalcode.fieldWrap { 1239 margin-top: 0; 1240 vertical-align: top; 1241 margin: 0 auto; 1242 } 1243 1244 div.fieldWrap #error-notvalid, 1245 div.fieldWrap #error-required { 1246 position: absolute; 1247 bottom: -7px; 1248 left: 8px; 1249 padding: 0 2px; 1250 animation: fadein 2s; 1251 -moz-animation: fadein 2s; 1252 -webkit-animation: fadein 2s; 1253 -o-animation: fadein 2s; 1254 background: #444b51; 1255 } 1256 1257 1258 #mlform .email.fieldWrap input#email.error { 1259 border: 1px solid red; 1260 } 1261 1262 .plain-ml-wrapper .moveUp { 1263 display: block; 1264 width: 80%; 1265 } 1266 1267 #block-plainjsmailinglist .plain-ml-wrapper .moveUp { 1268 background: transparent; 1269 } 1270 1271 #mlform .moveUpWrapper input#email, 1272 #mlform .email.fieldWrap.moveUpWrapper input#email.error { 1273 border-top: 0; 1274 border-color: #fff; 1275 } 1276 1277 .plain-ml-wrapper .moveUp+.lineup-anime, 1278 .plain-ml-wrapper .moveUp+.lineup-anime+.linedown-anime { 1279 width: 21%; 1280 height: 1px; 1281 background: #fff; 1282 display: block; 1283 top: 2px; 1284 position: relative; 1285 } 1286 1287 .plain-ml-wrapper .moveUp+.lineup-anime+.linedown-anime { 1288 float: right; 1289 top: 1px; 1290 } 1291 1292 .plain-ml-wrapper .hasValue .moveUp+.lineup-anime, 1293 .plain-ml-wrapper .hasValue .moveUp+.lineup-anime+.linedown-anime { 1294 background: red; 1295 } 1296 1297 #mlform .email.fieldWrap.moveUpWrapper.hasValue input#email.error { 1298 border-color: red; 1299 } 1300 1301 .plain-ml-wrapper label.goptin_checkbox { 1302 position: static; 1303 transform: none; 1304 text-align: left; 1305 width: 90%; 1306 } 1307 1308 .plain-ml-wrapper label.goptin_checkbox { 1309 position: static; 1310 transform: none; 1311 text-align: left; 1312 width: 90%; 1313 display: inline-block; 1314 } 1315 1316 .plain-ml-wrapper #secondform input[name="goptin"] { 1317 vertical-align: top; 1318 display: inline-block; 1319 } 1320 1321 /* Making the style more readable */ 1322 1323 /*Footer CSS*/ 1324 1325 footer .site-footer .block { 1326 margin: 0; 1327 padding: 0; 1328 border: none; 1329 } 1330 1331 /*Custom checkbox CSS*/ 1332
1333 .globaloptin input[type="checkbox"] { 1334 opacity: 0; 1335 } 1336 1337 .globaloptin label { 1338 position: relative; 1339 font-size: 10px; 1340 display: inline-block; 1341 /*16px width of fake checkbox + 6px distance between fake checkbox and text*/ 1342 padding-left: 6px; 1343 /* vertical-align: middle; */ 1344 } 1345 1346 .globaloptin label::before, 1347 .globaloptin label::after { 1348 position: absolute; 1349 content: ""; 1350 /*Needed for the line-height to take effect*/ 1351 display: inline-block; 1352 } 1353 /*Outer box of the fake checkbox*/ 1354 1355 .globaloptin label::before { 1356 height: 16px; 1357 width: 16px; 1358 border: 1px solid; 1359 left: 0px; 1360 /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border 1361 *to vertically center it. 1362 */ 1363 top: 2px; 1364 } 1365 /*Checkmark of the fake checkbox*/ 1366 1367 /* .globaloptin label::after { 1368 height: 5px; 1369 width: 9px; 1370 border-left: 2px solid; 1371 border-bottom: 2px solid; 1372 transform: rotate(-45deg); 1373 left: 4px; 1374 top: 4px; 1375 }*/ 1376 /*Hide the checkmark by default*/ 1377 1378 .globaloptin input[type="checkbox"]+label::after { 1379 content: none; 1380 } 1381 /*Unhide on the checked state*/ 1382 1383 .globaloptin input[type="checkbox"]:checked+label::after { 1384 content: ""; 1385 } 1386 /*Adding focus styles on the outer-box of the fake checkbox*/ 1387 1388 .globaloptin input[type="checkbox"]:focus+label::before { 1389 outline: rgb(59, 153, 252) auto 5px; 1390 } 1391 1392 /*Anchor links CSS*/ 1393 1394 .anchor-link { 1395 cursor: pointer; 1396 color: #fff; 1397 font-size: 12px; 1398 } 1399 1400 .anchor-link:hover { 1401 color: #018fe2; 1402 } 1403 1404 1405@media only screen and (min-width: 1025px){ 1406div#block-views-block-music-block-1 .field-content img, 1407div#musicWrapper .album-image img, 1408div#block-views-block-videos-block-3 .field-content img, 1409.video .thumbImg img, 1410div#block-views-block-merch-block-2 .prodImage img, 1411ul.footer-socials.socials li a { 1412 -webkit-transform: scale(1); 1413 transform: scale(1); 1414 -webkit-transition: .3s ease-in-out; 1415 transition: .3s ease-in-out; 1416} 1417 1418div#block-views-block-music-block-1 .field-content, 1419div#musicWrapper .album-image, 1420div#block-views-block-videos-block-3 .field-content, 1421div#block-views-block-videos-block-3 .field-content .videoThumbnail, 1422.video .thumbImg, 1423div#block-views-block-merch-block-2 .prodImage { 1424 overflow: hidden; 1425} 1426 1427div#block-views-block-music-block-1 .field-content img:hover, 1428div#musicWrapper .album-image img:hover, 1429div#block-views-block-videos-block-3 .field-content img:hover, 1430div#block-views-block-merch-block-2 .prodImage img:hover, 1431.video .thumbImg img:hover, 1432ul.footer-socials.socials li a:hover { 1433 -webkit-transform: scale(1.3); 1434 transform: scale(1.3); 1435} 1436} 1437@media only screen and (max-width: 1024px) and (orientation: portrait){ 1438.bit-widget-container .bit-widget .bit-play-my-city-button { 1439 display: block; 1440 margin: 0 auto; 1441 width: 165px; 1442} 1443} 1444.thumbImg,div#block-views-block-music-block-1 .field-content { 1445 font-size: 0; 1446} 1447.page-node-1 .Community_signup_wrapper label.goptin_checkbox, .Community_signup_wrapper label.mobile_mktg_consent_txt { 1448 cursor: auto; 1449} 1450</style></div> 1451 1452 </div> 1453 </div> 1454<div id="block-bartik-bgblockburyreskin" data-block-plugin-id="block_content:fbfa1964-7ed6-4046-beaa-9ab77cfd2bd5" class="block block-block-content block-block-contentfbfa1964-7ed6-4046-beaa-9ab77cfd2bd5"> 1455 1456 1457 <div class="content"> 1458 1459 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="siteBG_bury_reskin"> 1460 <div class="deskBG_bury_reskin"> 1461 <img src="/sites/g/files/g2000023411/files/2026-07/sdftgjkl%3Befjghj_v86xfmmv.jpg" alt="deskBG"> 1462 </div> 1463 <div class="mobBG_bury_reskin"> 1464 <img src="/sites/g/files/g2000023411/files/2026-07/Group%20207_anw7lzcr.png" alt="mobBG"> 1465 </div> 1466</div> 1467<style>a 1468 body div#block-bgblock { 1469 display: none; 1470 } 1471 1472 div#block-bartik-bgblockburyreskin { 1473 position: fixed; 1474 height: 100vh; 1475 width: 100%; 1476 z-index: -1; 1477 } 1478 1479 .siteBG_bury_reskin img { 1480 width: 100%; 1481 height: 100vh; 1482 object-fit: cover; 1483 } 1484 1485 .siteBG_bury_reskin .mobBG_bury_reskin { 1486 display: none; 1487 } 1488 /* div#block-bartik-reskinpigpenlightbox { 1489 display: none; 1490 } 1491 body.lightboxopen::after { 1492 content: unset !important; 1493 } 1494 body.lightboxopen {
1495 overflow-y: scroll !important; 1496 } */ 1497 1498 /* @media only screen and (max-width: 768px) and (orientation: portrait) { 1499 .siteBG_bury_reskin .deskBG_bury_reskin { 1500 display: none; 1501 } 1502 .siteBG_bury_reskin .mobBG_bury_reskin { 1503 display: block !important; 1504 } 1505 } */ 1506 @media only screen and (max-width: 1024px) and (orientation: portrait) { 1507 .siteBG_bury_reskin .deskBG_bury_reskin { 1508 display: none; 1509 } 1510 1511 .siteBG_bury_reskin .mobBG_bury_reskin { 1512 display: none !important; 1513 } 1514 1515 body { 1516 background: url(/sites/g/files/g2000023411/files/2026-07/Group%20207_anw7lzcr.png); 1517 background-repeat: no-repeat; 1518background-color: #000; 1519 /* background-size: cover; */ 1520 background-size: 100% 100vh; 1521 /* background-attachment: fixed; */ 1522 } 1523 1524 body::after { 1525 content: ""; 1526 background: url(/sites/g/files/g2000023411/files/2026-07/Group%20207_anw7lzcr.png); 1527 background-repeat: no-repeat; 1528 background-size: 100% 100vh; 1529 /* background-attachment: fixed; */ 1530 position: fixed; 1531 width: 100%; 1532 height: 100vh; 1533 top: 0; 1534 left: 0; 1535 z-index: -1; 1536 } 1537 } 1538</style></div> 1539 1540 </div> 1541 </div> 1542<div id="block-bartik-reskinnavblockbury" data-block-plugin-id="block_content:3a1b2b68-cf66-463f-a641-0c87df8f7dbb" class="block block-block-content block-block-content3a1b2b68-cf66-463f-a641-0c87df8f7dbb"> 1543 1544 1545 <div class="content"> 1546 1547 <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, user-scalable=no"> 1548<div id="navWrap"> 1549 <div class="mobileNav"> 1550 <div class="siteLogoNew"> 1551 <a href="/?frontpage=true" aria-label="logo"><img src="/sites/g/files/g2000023411/files/2026-07/TRIVIUM_EP_LOGO_GOLD%402x_j7zofws0.png" alt="logo"></a> 1552 </div> 1553 <button class="nav-toggle"> 1554 <div>MENU</div> 1555 </button> 1556 </div> 1557 <div class="navItems"> 1558 <li class="nav-close"><a href="javascript:void(0)" class="nav-close">X</a> </li> 1559 <li class="home"> 1560 <a href="/?frontpage=true">home</a> 1561 </li> 1562 <li class="video"> 1563 <a href="/video">video</a> 1564 </li> 1565 <li class="music"> 1566 <a href="/music">music</a> 1567 </li> 1568 <li class="merch"> 1569 <a href="javascript:">merch</a> 1570 </li> 1571 <li class="tour"> 1572 <a href="/tour">tour</a> 1573 </li> 1574 1575 1576 1577 <li class="triviumworld"> 1578 <a href="https://www.triviumworld.org/" target="_blank">Triviumworld</a> 1579 </li> 1580 </div> 1581</div> 1582 1583<style> 1584 .nav-close { 1585 display: none; 1586 } 1587 1588 .mobileNav { 1589 display: none; 1590 text-align: center; 1591 } 1592 1593 .path-frontpage .navItems li.home { 1594 display: none; 1595 } 1596 1597 div#block-bartik-reskinnavblock { 1598 display: none; 1599 } 1600 1601 div#block-bartik-reskinnavblockbury { 1602 position: fixed; 1603 z-index: 11; 1604 /* height: 100vh; */ 1605 top: unset; 1606 left: 3%; 1607 bottom: 3%; 1608 width: 10%; 1609 } 1610 1611 div#navWrap img { 1612 width: 35.5vw; 1613 padding-top: 1.6vw; 1614 } 1615 1616 .icons { 1617 position: absolute; 1618 bottom: 22%; 1619 pointer-events: none; 1620 } 1621 1622 .icons>div { 1623 margin-bottom: 15px; 1624 } 1625 1626 .icons>div:last-child { 1627 margin-bottom: 0; 1628 } 1629 1630 .navItems li:last-child { 1631 margin-bottom: 0; 1632 } 1633 1634 .navItems li { 1635 margin-bottom: 0; 1636 text-align: left; 1637line-height:normal; 1638 } 1639 1640 .navItems { 1641 bottom: 3%; 1642 position: absolute; 1643 } 1644 1645 .navItems.fadeLeft { 1646 top: 50%; 1647 } 1648 1649 .navItems li a { 1650 color: #FBF26F; 1651 text-transform: uppercase; 1652 font-family: "bebas-neue-pro", sans-serif; 1653 font-weight: 600; 1654 font-style: normal; 1655 1656 font-size: 1.56vw; 1657 letter-spacing: 0; 1658 } 1659 1660 .navItems li a:hover { 1661 color: #FBF26F; 1662 opacity: 0.8; 1663 } 1664 1665 .navItems.scroll { 1666 display: none; 1667 } 1668 1669 1670 @media only screen and (max-width: 1024px) and (orientation:portrait) { 1671 .navItems li a { 1672 font-size: 6vw; 1673 } 1674 1675 .path-frontpage div#block-bartik-reskinnavblockbury { 1676 position: absolute; 1677 top: 0; 1678 width: 100%; 1679 left: 0; 1680 bottom: auto; 1681 height: auto; 1682 transform: unset; 1683 } 1684 1685 .navItems { 1686 background-color: #191919; 1687 padding: 5px 5px 5px 10px; 1688 } 1689 1690 .mobileNav { 1691 display: block; 1692 text-align: center; 1693 } 1694 1695 .nav-toggle div { 1696 font-size: 5.33vw; 1697 color: #FBF26F; 1698 font-family: "bebas-neue-pro", sans-serif; 1699 font-weight: 600; 1700 font-style: normal; 1701 1702 1703 1704 padding-top: 8px; 1705 text-transform: uppercase; 1706 } 1707 1708 .navItems { 1709 display: none; 1710 } 1711 1712 button.nav-toggle { 1713 background: transparent; 1714 border: none; 1715 } 1716 1717 .navItems { 1718 left: 0; 1719 top: 0; 1720 position: fixed; 1721 width: 100%; 1722 height: 100vh; 1723 } 1724 1725 .siteLogoNew { 1726 padding-top: 14px; 1727 } 1728 1729 .navItems li { 1730 text-align: center; 1731 } 1732 1733 li.nav-close { 1734 margin-bottom: 50%; 1735 margin-top: 5%; 1736 } 1737 } 1738 1739 1740 @media only screen and (max-width: 1023px) and (orientation: landscape) { 1741 div#navWrap img { 1742 width: 35%; 1743 } 1744 1745 .icons { 1746 bottom: 0; 1747 } 1748 1749 .siteLogoNew { 1750 padding-top: 0; 1751 line-height: 1; 1752 } 1753 1754 .nav-toggle div { 1755 padding-top: 0; 1756 } 1757 1758 li.nav-close { 1759 margin-bottom: 0; 1760 margin-top: 5%; 1761 } 1762 } 1763 1764 @-webkit-keyframes fadeInLeft { 1765 from { 1766 opacity: 0; 1767 -webkit-transform: translatex(-10px); 1768 -moz-transform: translatex(-10px); 1769 -o-transform: translatex(-10px); 1770 transform: translatex(-10px); 1771 } 1772 1773 to { 1774 opacity: 1; 1775 -webkit-transform: translatex(0); 1776 -moz-transform: translatex(0); 1777 -o-transform: translatex(0); 1778 transform: translatex(0); 1779 } 1780 } 1781 1782 @-moz-keyframes fadeInLeft { 1783 from { 1784 opacity: 0; 1785 -webkit-transform: translatex(-10px); 1786 -moz-transform: translatex(-10px); 1787 -o-transform: translatex(-10px); 1788 transform: translatex(-10px); 1789 } 1790 1791 to { 1792 opacity: 1; 1793 -webkit-transform: translatex(0); 1794 -moz-transform: translatex(0); 1795 -o-transform: translatex(0); 1796 transform: translatex(0); 1797 } 1798 } 1799
1800 @keyframes fadeInLeft { 1801 from { 1802 opacity: 0; 1803 -webkit-transform: translatex(-100px); 1804 -moz-transform: translatex(-100px); 1805 -o-transform: translatex(-100px); 1806 transform: translatex(-100px); 1807 } 1808 1809 to { 1810 opacity: 1; 1811 -webkit-transform: translatex(0); 1812 -moz-transform: translatex(0); 1813 -o-transform: translatex(0); 1814 transform: translatex(0); 1815 } 1816 } 1817 1818 .navItems.fadeLeft { 1819 display: block !important; 1820 -webkit-animation-name: fadeInLeft; 1821 -moz-animation-name: fadeInLeft; 1822 -o-animation-name: fadeInLeft; 1823 animation-name: fadeInLeft; 1824 -webkit-animation-fill-mode: both; 1825 -moz-animation-fill-mode: both; 1826 -o-animation-fill-mode: both; 1827 animation-fill-mode: both; 1828 -webkit-animation-duration: 0.5s; 1829 -moz-animation-duration: 0.5s; 1830 -o-animation-duration: 0.5s; 1831 animation-duration: 0.5s; 1832 -webkit-animation-delay: 0.5s; 1833 -moz-animation-delay: 0.5s; 1834 -o-animation-duration: 0.5s; 1835 animation-delay: 0.5s; 1836 } 1837 1838 @media only screen and (max-width: 767px) and (orientation:portrait) { 1839 div#navWrap img { 1840 width: 57.5vw; 1841 } 1842 } 1843 1844 @media (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) { 1845 .mobileNav { 1846 display: block; 1847 } 1848 1849 div#block-bartik-reskinnavblockbury { 1850 position: absolute; 1851 z-index: 11; 1852 height: auto; 1853 top: 0; 1854 left: 50%; 1855 bottom: unset; 1856 width: 30vw; 1857 transform: translateX(-50%); 1858 } 1859 1860 .siteLogo_bury_reskin { 1861 visibility: hidden; 1862 } 1863 } 1864</style>
1865<script> 1866 jQuery(document).ready(function () { 1867 1868 jQuery(".nav-toggle").click(function (t) { 1869 jQuery("div#block-bartik-communitysignupdomandcss").css({ "zIndex": 9 }); 1870 jQuery('.nav-close').show(); 1871 jQuery('.navItems').show(); 1872 if (jQuery('.navItems').hasClass('mobileMenuList')) { 1873 jQuery('.navItems').removeClass('mobileMenuList'); 1874 } else { 1875 jQuery('.navItems').addClass('mobileMenuList'); 1876 } 1877 1878 }); 1879 jQuery(".nav-close a").click(function (t) { 1880 jQuery("div#block-bartik-communitysignupdomandcss").css({ "zIndex": 13 }); 1881 jQuery('.nav-close').hide(); 1882 jQuery('.navItems').hide(); 1883 if (jQuery('.navItems').hasClass('mobileMenuList')) { 1884 jQuery('.navItems').removeClass('mobileMenuList'); 1885 } else { 1886 jQuery('.navItems').addClass('mobileMenuList'); 1887 } 1888 }); 1889 1890 }) 1891 jQuery(window).resize(function () { 1892 if (jQuery(window).width() > 767) { 1893 if (jQuery('.navItems').hasClass('mobileMenuList')) { 1894 jQuery('.navItems').removeClass('mobileMenuList'); 1895 jQuery('.nav-close').hide(); 1896 jQuery('.navItems').hide(); 1897 } else { 1898 /*jQuery('.mobile-menu').addClass('mobileMenuList');*/ 1899 } 1900 1901 } 1902 1903 }) 1904</script>
1904</div> 1905 1906 </div> 1907 </div> 1908<div id="block-bartik-reskinsitecommoncss" data-block-plugin-id="block_content:10b3f827-500e-4d1a-8291-6033f7ca7156" class="block block-block-content block-block-content10b3f827-500e-4d1a-8291-6033f7ca7156"> 1909 1910 1911 <div class="content"> 1912 1913 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 1914 body .content { 1915 width: 100%; 1916 height: auto; 1917 display: block; 1918 justify-content: normal; 1919 overflow: hidden; 1920 } 1921 1922 .site-footer__top #block-bartik-reskinfooter .content li a:hover, 1923 .site-footer__top #block-bartik-reskinfooter .content li a:focus { 1924 background-color: transparent; 1925 color: #FBF26F; 1926 } 1927 1928 .contextual-region { 1929 position: static; 1930 } 1931 1932 #block-views-block-music-block-1 .download-stream-wrapper:hover { 1933 background: #FBF26F; 1934 transition: 0.5s; 1935 opacity: 0.8; 1936 } 1937 1938 #block-views-block-music-block-1 .download-stream-wrapper { 1939 border: none; 1940 border-radius: 0; 1941 -webkit-appearance: none; 1942 font-style: normal; 1943 width: 130px; 1944 margin: 0 auto; 1945 margin-top: 1.71vw; 1946 text-align: center; 1947 text-transform: uppercase; 1948 font-family: "bebas-neue-pro", sans-serif; 1949 font-weight: 600; 1950 font-style: normal; 1951cursor: pointer; 1952 background: transparent; 1953 font-size: 13px; 1954 1955 font-weight: 400; 1956 color: #000; 1957 margin-bottom: 4vw; 1958 letter-spacing: 0; 1959 background: #FBF26F; 1960 height: 40px; 1961 line-height: 3.2; 1962 } 1963 1964 #block-views-block-music-block-1 .download-stream-wrapper a { 1965 color: #000; 1966 font-family: "bebas-neue-pro", sans-serif; 1967 font-weight: 600; 1968 font-style: normal; 1969 1970 } 1971 1972 div#toolbar-administration, 1973 ul.tabs.primary { 1974 display: none; 1975 } 1976 1977 body { 1978 position: relative; 1979 font-family: "bebas-neue-pro", sans-serif; 1980 font-weight: 600; 1981 font-style: normal; 1982 1983 color: #947c50; 1984 margin: 0 !important; 1985 1986 background-size: cover; 1987 background-attachment: fixed; 1988 background: transparent; 1989background-color: #000; 1990 } 1991 1992 body, 1993 a, 1994 div, 1995 p, 1996 section, 1997 article, 1998 footer, 1999 h2, 2000 h1, 2001 span { 2002 color: #FBF26F; 2003 font-family: "bebas-neue-pro", sans-serif; 2004 font-weight: 600; 2005 font-style: normal; 2006 2007 } 2008 2009 body a { 2010 color: #FBF26F; 2011 font-family: "bebas-neue-pro", sans-serif; 2012 font-weight: 600; 2013 font-style: normal; 2014 2015 } 2016 2017 body a:hover { 2018 color: #FBF26F; 2019 transition: 0.5s; 2020 } 2021 2022 footer.site-footer, 2023 .block.block-block-content, 2024 .block.block-views, 2025 #block-tourdates, 2026 body div#block-plainjsmailinglist { 2027 background: transparent; 2028 } 2029 2030 #page, 2031 #main-wrapper, 2032 .region-primary-menu .menu-item a.is-active, 2033 .region-primary-menu .menu-item--active-trail a { 2034 background: transparent; 2035 } 2036 2037 .block.block-block-content, 2038 .block.block-views { 2039 padding: 0; 2040 } 2041 2042 2043 div#main-wrapper, 2044 footer.site-footer { 2045 max-width: 47%; 2046 margin: 0 14% 0 auto; 2047 } 2048 2049 2050 2051 @media only screen and (max-width: 1024px) { 2052 body { 2053 2054 background-size: cover; 2055 background-attachment: fixed; 2056 overflow-y: scroll; 2057 } 2058 2059 div#main-wrapper, 2060 footer.site-footer { 2061 max-width: 70%; 2062 /* margin: 0 10% 0 auto; */ 2063margin: 0 auto; 2064 } 2065 } 2066 2067 @media only screen and (min-width: 768px) and (max-width: 1023px) { 2068 2069 div#main-wrapper, 2070 footer.site-footer { 2071 max-width: 80%; 2072 margin: 0 auto; 2073 } 2074 } 2075 2076 @media only screen and (max-width: 767px) { 2077 #block-views-block-music-block-1 .download-stream-wrapper { 2078 width: 130px; 2079 margin-bottom: 40px; 2080 margin-top: 20px; 2081 } 2082 2083 div#main-wrapper, 2084 footer.site-footer { 2085 max-width: 80%; 2086 margin: 0 auto; 2087 } 2088 } 2089 2090 @media only screen and (max-width: 767px) { 2091 2092 div#main-wrapper, 2093 footer.site-footer { 2094 max-width: 100%; 2095 margin: 0 auto; 2096 } 2097 2098 footer.site-footer { 2099 padding-top: 0; 2100 } 2101 2102 div#main-wrapper div.block { 2103 max-width: 80%; 2104 margin: 0 auto; 2105 } 2106 2107 div#main-wrapper div#block-views-block-videos-block-3, 2108 div#main-wrapper div#block-views-block-merch-block-2 { 2109 max-width: 100%; 2110 } 2111 2112 footer.site-footer>div { 2113 max-width: 100%; 2114 margin: 0 auto; 2115 } 2116 2117 footer.site-footer .block { 2118 /* max-width: 80%; */ 2119 /* margin: 0 auto; */ 2120 } 2121 2122 div#block-bartik-reskinfooter ul.footer-socials.socials li a { 2123 margin-right: 7vw; 2124 } 2125 2126 div#block-bartik-reskinfooter ul.footer-socials.socials li:last-child a { 2127 margin-right: 0; 2128 } 2129 2130 .copyright span, 2131 div#block-bartik-reskinfooter .copyright a, 2132 .copyright { 2133 letter-spacing: 0.3vw; 2134 } 2135 } 2136 2137 .interior div#page-wrapper { 2138 background: transparent; 2139 } 2140 2141 .scrol { 2142 opacity: 0; 2143 } 2144 2145 div#block-photoanimationonpageload.hide { 2146 opacity: 0; 2147 display: none; 2148 } 2149 2150 @media only screen and (max-width: 767px) and (orientation: portrait) { 2151 body { 2152 background: url('') no-repeat 0 0; 2153 background-size: cover; 2154 background-attachment: fixed; 2155 background: transparent; 2156background-color: #000; 2157 } 2158 } 2159</style> 2160 2161 2162 2163
2164<script> 2165 jQuery(document).ready(function () { 2166 2167 }); 2168 2169 /*content fade in on scroll*/ 2170 $(window).on('scroll', function () { 2171 /*music*/ 2172 var $elem = $('div#block-views-block-music-block-1'); 2173 var $window = $(window); 2174 2175 var docViewTop = $window.scrollTop(); 2176 console.info("docViewTop" + docViewTop); 2177 var docViewBottom = docViewTop + $window.height(); 2178 2179 console.info("docViewBottom" + docViewBottom); 2180 var elemTop = $elem.offset().top * 1.3; 2181 console.info("elemTop" + elemTop); 2182 var elemBottom = elemTop + $elem.height(); 2183 console.info("elemBottom" + elemBottom); 2184 if (elemTop < docViewBottom) { 2185 $('div#block-views-block-music-block-1').addClass('fade-in-bottom'); 2186 } 2187 2188 2189 /*videos*/ 2190 var $elem = $('div#block-views-block-videos-block-3'); 2191 var $window = $(window); 2192 2193 var docViewTop = $window.scrollTop(); 2194 console.info("docViewTop" + docViewTop); 2195 var docViewBottom = docViewTop + $window.height(); 2196 2197 console.info("docViewBottom" + docViewBottom); 2198 var elemTop = $elem.offset().top * 1.2; 2199 console.info("elemTop" + elemTop); 2200 var elemBottom = elemTop + $elem.height(); 2201 console.info("elemBottom" + elemBottom); 2202 if (elemTop < docViewBottom) { 2203 $('div#block-views-block-videos-block-3').addClass('fade-in-bottom'); 2204 } 2205 2206 /*tour*/ 2207 var $elem = $('div#block-bartik-reskintourbandsintown '); 2208 var $window = $(window); 2209 2210 var docViewTop = $window.scrollTop(); 2211 console.info("docViewTop" + docViewTop); 2212 var docViewBottom = docViewTop + $window.height(); 2213 2214 console.info("docViewBottom" + docViewBottom); 2215 var elemTop = $elem.offset().top * 1.1; 2216 console.info("elemTop" + elemTop); 2217 var elemBottom = elemTop + $elem.height(); 2218 console.info("elemBottom" + elemBottom); 2219 if (elemTop < docViewBottom) { 2220 $('div#block-bartik-reskintourbandsintown ').addClass('fade-in-bottom'); 2221 } 2222 2223 /*merch*/ 2224 var $elem = $('div#block-views-block-merch-block-2'); 2225 var $window = $(window); 2226 2227 var docViewTop = $window.scrollTop(); 2228 console.info("docViewTop" + docViewTop); 2229 var docViewBottom = docViewTop + $window.height(); 2230 2231 console.info("docViewBottom" + docViewBottom); 2232 var elemTop = $elem.offset().top * 1.1; 2233 console.info("elemTop" + elemTop); 2234 var elemBottom = elemTop + $elem.height(); 2235 console.info("elemBottom" + elemBottom); 2236 if (elemTop < docViewBottom) { 2237 $('div#block-views-block-merch-block-2').addClass('fade-in-bottom'); 2238 } 2239 2240 /*photos*/ 2241 var $elem = $('div#block-homepagebandphotosblock'); 2242 var $window = $(window); 2243 2244 var docViewTop = $window.scrollTop(); 2245 console.info("docViewTop" + docViewTop); 2246 var docViewBottom = docViewTop + $window.height(); 2247 2248 console.info("docViewBottom" + docViewBottom); 2249 var elemTop = $elem.offset().top * 1; 2250 console.info("elemTop" + elemTop); 2251 var elemBottom = elemTop + $elem.height(); 2252 console.info("elemBottom" + elemBottom); 2253 if (elemTop < docViewBottom) { 2254 $('div#block-homepagebandphotosblock').addClass('fade-in-bottom'); 2255 } 2256 2257 /*footer*/ 2258 var $elem = $('.path-frontpage div#block-bartik-reskinfooter'); 2259 var $window = $(window); 2260 2261 var docViewTop = $window.scrollTop(); 2262 console.info("docViewTop" + docViewTop); 2263 var docViewBottom = docViewTop + $window.height(); 2264 2265 console.info("docViewBottom" + docViewBottom); 2266 var elemTop = $elem.offset().top * 1; 2267 console.info("elemTop" + elemTop); 2268 var elemBottom = elemTop + $elem.height(); 2269 console.info("elemBottom" + elemBottom); 2270 if (elemTop < docViewBottom) { 2271 $('.path-frontpage div#block-bartik-reskinfooter').addClass('fade-in-bottom'); 2272 } 2273 }); 2274</script>
2274 2275<style> 2276 @-webkit-keyframes fade-in-bottom { 2277 0% { 2278 -webkit-transform: translateY(50px); 2279 transform: translateY(50px); 2280 opacity: 0; 2281 } 2282 2283 100% { 2284 -webkit-transform: translateY(0); 2285 transform: translateY(0); 2286 opacity: 1; 2287 } 2288 } 2289 2290 @keyframes fade-in-bottom { 2291 0% { 2292 -webkit-transform: translateY(50px); 2293 transform: translateY(50px); 2294 opacity: 0; 2295 } 2296 2297 100% { 2298 -webkit-transform: translateY(0); 2299 transform: translateY(0); 2300 opacity: 1; 2301 } 2302 } 2303 2304 div#block-views-block-music-block-1, 2305 div#block-views-block-merch-block-2, 2306 div#block-views-block-videos-block-3, 2307 div#block-tourbandsintown, 2308 .path-frontpage div#block-bartik-reskinfooter { 2309 opacity: 0; 2310 } 2311 2312 div#block-views-block-music-block-1.fade-in-bottom, 2313 div#block-homepagebandphotosblock.fade-in-bottom, 2314 div#block-views-block-merch-block-2.fade-in-bottom, 2315 div#block-views-block-videos-block-3.fade-in-bottom, 2316 div#block-tourbandsintown.fade-in-bottom, 2317 .path-frontpage div#block-bartik-reskinfooter.fade-in-bottom { 2318 opacity: 1; 2319 } 2320 2321 .fade-in-bottom { 2322 -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.190, 0.375, 0.565, 1.000) both; 2323 animation: fade-in-bottom 0.6s cubic-bezier(0.190, 0.375, 0.565, 1.000) both; 2324 } 2325</style></div> 2326 2327 </div> 2328 </div> 2329<div id="block-bartik-reskincommonmliststyles" data-block-plugin-id="block_content:f7f8228a-7b15-4d0c-a68f-5bf5e6d4ecd5" class="block block-block-content block-block-contentf7f8228a-7b15-4d0c-a68f-5bf5e6d4ecd5"> 2330 2331 2332 <div class="content"> 2333 2334 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2335 /*mlist css*/ 2336 2337 span.input-error { 2338 position: absolute; 2339 bottom: -15px; 2340 left: 0; 2341 font-size: 8px; 2342 text-transform: uppercase; 2343 font-family: "bebas-neue-pro", sans-serif; 2344font-weight: 600; 2345font-style: normal; 2346 2347 right: 0; 2348 } 2349 2350 .plain-ml-wrapper div.fieldWrap { 2351 margin-top: 0; 2352 margin-bottom: 6px; 2353 } 2354 2355 #mlform input#email { 2356 font-size: 1.15625vw; 2357 color: #FBF26F; 2358 text-transform: uppercase; 2359 padding: 0; 2360 border: none; 2361 border-bottom: 1px solid #FBF26F; 2362 letter-spacing: 0; 2363 text-align: left; 2364 font-style: normal; 2365 -webkit-text-fill-color: #FBF26F; 2366 line-height: 1; 2367 font-family: "bebas-neue-pro", sans-serif; 2368font-weight: 600; 2369font-style: normal; 2370 2371 width: 100%; 2372 left: 0; 2373 position: relative; 2374 text-indent: 0; 2375} 2376 2377 #mlform input { 2378 line-height: 3; 2379 padding: 0; 2380 height: 3vw;/*35px*/ 2381 } 2382 2383 input#submit { 2384 color: #000; 2385 background-color: #FBF26F; 2386 border: none; 2387 cursor: pointer; 2388 text-transform: uppercase; 2389 font-family: "bebas-neue-pro", sans-serif; 2390font-weight: 600; 2391font-style: normal; 2392 2393 font-size: 1.015625vw;/*13*/ 2394 padding: 0; 2395 2396 } 2397 #secondform input#submit { 2398 height: 3vw;/*32px;*/ 2399 line-height: 2.1; 2400 } 2401 input#submit:hover { 2402 opacity: 0.8; 2403 transition: 0.5s; 2404 } 2405 2406 .plain-ml-wrapper #terms { 2407 text-align: left; 2408 margin-top: 2px; 2409 } 2410 2411 #mlform .terms, 2412 #secondform .terms { 2413 color: #FBF26F; 2414 font-size: 0.703125vw; /*9px;*/ 2415 text-transform: uppercase; 2416 text-decoration: none; 2417font-family: "bebas-neue-pro", sans-serif; 2418font-weight: 600; 2419font-style: normal; 2420 2421 2422 } 2423 2424 #mlform #terms .terms-message, 2425 #secondform #terms .terms-message { 2426 margin: 0 auto; 2427 text-decoration: none; 2428 background: #FBF26F; 2429 padding: 3px; 2430 text-align: center; 2431 line-height: 1.1; 2432 text-transform: uppercase; 2433 bottom: 1.25vw; /*16px;*/ 2434 color: #000; 2435 letter-spacing: 0; 2436 /*font-family: Arial;*/ 2437 font-family: termina, sans-serif; 2438 font-family: "bebas-neue-pro", sans-serif;
2439font-weight: 600; 2440font-style: normal; 2441 2442 2443 font-size: 0.703125vw;/*9px;*/ 2444 } 2445 2446 #mlform p.terms-message a, 2447 #secondform p.terms-message a { 2448 color: #000; 2449 text-decoration: underline; 2450 font-size: 0.703125vw;/*9px;*/; 2451 font-family: "bebas-neue-pro", sans-serif; 2452font-weight: 600; 2453font-style: normal; 2454 2455 2456 } 2457 2458 #mlform p.terms-message a:hover, 2459 #secondform p.terms-message a:hover { 2460 color: #000; 2461 text-decoration: underline; 2462 opacity: 0.7; 2463 } 2464 2465 input:-webkit-autofill, 2466 input:-webkit-autofill:hover, 2467 input:-webkit-autofill:focus, 2468 textarea:-webkit-autofill, 2469 textarea:-webkit-autofill:hover, 2470 textarea:-webkit-autofill:focus, 2471 select:-webkit-autofill, 2472 select:-webkit-autofill:hover, 2473 select:-webkit-autofill:focus { 2474 border: 1px solid #FBF26F !important; 2475 -webkit-text-fill-color: #FBF26F; 2476 -webkit-box-shadow: 0 0 0 1000px transparent inset; 2477 } 2478 2479 #mlform input#email:-webkit-autofill, 2480 #mlform input#email:-webkit-autofill:hover, 2481 #mlform input#email:-webkit-autofill:focus { 2482 border: none !important; 2483 border-bottom: 1px solid #FBF26F !important; 2484 -webkit-box-shadow: 0 0 0 1000px transparent inset; 2485 } 2486 2487 .plain-ml-wrapper label:not(.goptin_checkbox) { 2488 font-size: 0.78125vw;/* 10px;*/ 2489 position: relative; 2490 left: auto; 2491 right: auto; 2492 transform: none; 2493 text-align: left; 2494 top: auto; 2495 color: #FBF26F; 2496 font-family: Arial; 2497 font-family: termina, sans-serif; 2498 font-family: "bebas-neue-pro", sans-serif; 2499font-weight: 600; 2500font-style: normal; 2501 2502 2503 text-transform: uppercase; 2504 letter-spacing: 0.5px; 2505 } 2506 2507 .plain-ml-wrapper form#mlistFormTwo #terms { 2508 text-align: center; 2509 margin-top: 5px; 2510 } 2511 2512 form#mlistFormTwo input#submit { 2513 width: 100%; 2514 } 2515 2516 .plain-ml-wrapper #secondform label.goptin_checkbox { 2517 text-transform: uppercase; 2518 color: #FBF26F; 2519 font-size: 0.625vw;/* 8px;*/ 2520 letter-spacing: 0.5px; 2521 font-family: Arial; 2522 font-family: termina, sans-serif; 2523 font-family: "bebas-neue-pro", sans-serif; 2524font-weight: 600; 2525font-style: normal; 2526 2527 2528 vertical-align: sub; 2529 } 2530 2531 2532 .globaloptin label::before { 2533 border: 1px solid #FBF26F; 2534 } 2535 2536 .globaloptin label::after { 2537 top: 6px; 2538 color: #FBF26F; 2539 } 2540 2541 #secondform select, 2542 #secondform input:not([type="submit"]) { 2543 color: #FBF26F; 2544 font-family: Arial; 2545 font-family: "bebas-neue-pro", sans-serif; 2546font-weight: 600; 2547font-style: normal; 2548 2549 2550 border: 1px solid; 2551 text-transform: uppercase; 2552 font-size: 0.9375vw;/*12px;*/ 2553 } 2554 2555 div.plain-ml-wrapper span#secondFormClose { 2556 color: #FBF26F; 2557 right: -18px; 2558 top: 0; 2559 font-family: "bebas-neue-pro", sans-serif; 2560font-weight: 600; 2561font-style: normal; 2562 2563 } 2564 2565 div.plain-ml-wrapper span#secondFormClose:hover { 2566 opacity: 0.7; 2567 } 2568 2569 #secondform .globaloptin { 2570 margin: 5px 0; 2571 } 2572 2573 form#mlistFormTwo .postal_country, 2574 form#mlistFormTwo .postalcode { 2575 display: block; 2576 width: 100%; 2577 } 2578 2579 .plain-ml-wrapper select { 2580 background: url('') no-repeat 94% center transparent; 2581 } 2582 2583 .plain-ml-wrapper select#country { 2584 background: url() no-repeat 97% center transparent; 2585 padding-right: 2.578125vw;/* 33px*/; 2586 } 2587 2588 #secondform .welcome { 2589 width: 100%; 2590 font-size: 0.859375vw;/* 11px;*/ 2591 } 2592 2593 #secondform .welcome p, 2594 #secondform .welcome p span, 2595 #secondform .birth-date-title { 2596 color: #FBF26F; 2597 font-family: Arial; 2598 font-family: "bebas-neue-pro", sans-serif; 2599font-weight: 600; 2600font-style: normal; 2601 2602 2603 } 2604 2605 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, 2606 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message, 2607 .plain-ml-wrapper p.terms-message-2, .plain-ml-wrapper p.terms-message { 2608 position: absolute; 2609 bottom: 0.703125vw;/*9px;*/; 2610 font-size: 0.703125vw;/*9px;*/; 2611 background: #FBF26F; 2612 padding: 2px; 2613 text-transform: uppercase; 2614 font-family: Arial; 2615font-family: "bebas-neue-pro", sans-serif;
2616font-weight: 600; 2617font-style: normal; 2618 2619 2620 color: #000; 2621 } 2622 2623 2624 2625 .plain-ml-wrapper p.terms-message-2 a { 2626 text-decoration: underline; 2627 color: #000; 2628 } 2629 2630 .plain-ml-wrapper p.terms-message-2 a:hover { 2631 text-decoration: underline; 2632 opacity: 0.7; 2633 } 2634 2635 body #block-plainjsmailinglist option,option { 2636 background-color: #FBF26F; 2637 color: #000; 2638 } 2639 2640 #secondform .birth-date-title { 2641 font-size: 0.78125vw;/* 10px;*/ 2642 margin: 7px 0; 2643 text-transform: uppercase; 2644 line-height: 1; 2645 } 2646 2647 body div#thankyou { 2648 color: #FBF26F; 2649 font-size: 1.171875vw;/*15px;*/ 2650 font-family: "bebas-neue-pro", sans-serif; 2651font-weight: 600; 2652font-style: normal; 2653 2654 } 2655 2656 .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 2657 margin-top: 0; 2658 margin-bottom: 1.25vw;/* 16px;*/ 2659 } 2660 2661 #secondform .globaloptin span { 2662 color: #FBF26F; 2663 font-family: "bebas-neue-pro", sans-serif; 2664font-weight: 600; 2665font-style: normal; 2666 2667 } 2668 2669 .mail { 2670 max-width: 30vw; 2671 } 2672 2673 .mail form#mlistFormOne .submit { 2674 display: inline-block; 2675 vertical-align: middle; 2676 width: 35%; 2677 margin-left: 3%; 2678 } 2679 2680.mail .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 2681 margin-top: 0; 2682 margin-bottom: 0; 2683 display: block; 2684 vertical-align: middle; 2685 width: 60%; 2686 margin-left: 0; 2687} 2688 2689 .mail #mlform #terms .terms-message, 2690 .mail #secondform #terms .terms-message { 2691 position: relative; 2692 bottom: auto; 2693 padding: 0.7vw 0; 2694 } 2695 2696 #block-plainjsmailinglist #mlform p.terms-message a, 2697 #block-plainjsmailinglist .singleform p.terms-message a, 2698 #tklbContainer #mlform p.terms-message a, 2699 #tklbContainer .singleform p.terms-message a { 2700 color: #000; 2701 line-height: 1.3; 2702 } 2703 2704 #block-plainjsmailinglist #mlform p.terms-message a:hover, 2705 #block-plainjsmailinglist .singleform p.terms-message a:hover, 2706 #tklbContainer #mlform p.terms-message a:hover, 2707 #tklbContainer .singleform p.terms-message a:hover { 2708 color: #000; 2709 opacity: .8; 2710 } 2711 2712 .mail #block-plainjsmailinglist span.input-error { 2713 background: transparent; 2714 right: 0; 2715 } 2716 2717 .mail span.input-error { 2718 text-align: right; 2719 font-size: 0.546875vw;/*7px;*/ 2720 bottom: unset; 2721 right: unset; 2722 top: -1px; 2723 left: 0px; 2724 } 2725 2726 body .mail div#thankyou { 2727 text-align: left; 2728 } 2729 2730 .mail #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, 2731 .mail #block-plainjsmailinglist .plain-ml-wrapper p.terms-message { 2732 background: #191919; 2733 position: relative; 2734 bottom: auto; 2735 padding: 5px; 2736 } 2737 2738 div#mlform .message { 2739 display: none; 2740 } 2741 2742 #block-plainjsmailinglist span.input-error { 2743 background: transparent !important; 2744 } 2745 2746 @media only screen and (max-width: 767px) { 2747 #mlform #terms .terms-message, #secondform #terms .terms-message { 2748 bottom: 16px; 2749 } 2750 2751 .plain-ml-wrapper p.terms-message span { 2752 color: #000; 2753 } 2754 .plain-ml-wrapper label:not(.goptin_checkbox),#secondform .birth-date-title { 2755 font-size: 10px; 2756 } 2757 .plain-ml-wrapper #secondform label.goptin_checkbox { 2758 font-size: 8px; 2759 } 2760 #mlform .terms, #secondform .terms, #mlform #terms .terms-message, #secondform #terms .terms-message, 2761 #mlform p.terms-message a, #secondform p.terms-message a,#secondform #terms .terms-message span, .plain-ml-wrapper p.terms-message span { 2762 font-size: 9px; 2763 } 2764 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, #block-plainjsmailinglist .plain-ml-wrapper p.terms-message, .plain-ml-wrapper p.terms-message-2, .plain-ml-wrapper p.terms-message, .plain-ml-wrapper p.terms-message-2 span { 2765 font-size: 9px; 2766 color: #000000; 2767 } 2768 .mail .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 2769 display: block; 2770 vertical-align: middle; 2771 width: 100%; 2772 } 2773
2774 #secondform .welcome { 2775 font-size: 0.78125vw;/* 10px;*/ 2776 } 2777 2778 body .mail div#thankyou, 2779 .mail span.input-error { 2780 text-align: center; 2781 } 2782 2783 .mail form#mlistFormOne .submit { 2784 display: block; 2785 vertical-align: middle; 2786 width: 100%; 2787 margin-left: 0; 2788 margin-top: 15px; 2789 } 2790 2791 #mlform input#email, 2792 #secondform select, 2793 #secondform input:not([type="submit"]),input#submit,#secondform input#submit { 2794 font-size: 16px; 2795 height:35px; 2796 line-height: 2.5; 2797 } 2798 2799 div#block-plainjsmailinglist { 2800 margin-bottom: 40px; 2801 } 2802 2803 #secondform .welcome { 2804 margin-top: 0.78125vw;/* 10px;*/ 2805 } 2806 2807 div.plain-ml-wrapper span#secondFormClose { 2808 right: 1px; 2809 top: auto; 2810 line-height: 1; 2811 } 2812 2813 .mail div.plain-ml-wrapper span#secondFormClose { 2814 right: 0px; 2815 top: -3px; 2816 line-height: 1; 2817 } 2818 2819 .plain-ml-wrapper #terms { 2820 margin-top: 5px; 2821 } 2822 2823 #mlform input#email { 2824 text-align: center; 2825 } 2826 2827 body .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 2828 margin-bottom: 16px; 2829 } 2830 2831 .plain-ml-wrapper #terms { 2832 text-align: center; 2833 } 2834 2835 .mail { 2836 margin: 0 auto; 2837max-width: 100%; 2838 } 2839 } 2840 2841 body .globaloptin input[type="checkbox"]:focus+label::before { 2842 outline: none; 2843 } 2844 2845 div#block-plainjsmailinglist { 2846 margin-bottom: 50px; 2847 } 2848 2849 input, 2850 select { 2851 -webkit-box-sizing: border-box; 2852 -moz-box-sizing: border-box; 2853 -webkit-appearance: none; 2854 -moz-appearance: none; 2855 border-bottom-left-radius: 0; 2856 border-bottom-right-radius: 0; 2857 border-radius: 0; 2858 } 2859 2860 #mlform input#email.errored { 2861 border-bottom: 1px solid #fe0000; 2862 } 2863 2864 #secondform select { 2865 line-height: 35px; 2866 cursor:pointer; 2867 } 2868 2869 form#mlistFormTwo .dobMonth, 2870 form#mlistFormTwo .dobDay { 2871 margin-bottom: 0; 2872 } 2873 2874@media only screen and (max-width:932px) and (orientation:landscape){ 2875#headerMailinglist .mlistFormOne .submit { 2876 position: absolute; 2877 top: 0.3vw; 2878 right: -5vw; 2879 width: 18vw; 2880} 2881 .mail form#mlistFormOne .submit { 2882 display: block; 2883 vertical-align: middle; 2884 width: 38%; 2885 margin-left: 0; 2886 margin-top: 0; 2887 } 2888} 2889</style></div> 2890 2891 </div> 2892 </div> 2893<div id="block-bartik-reskincommonmliststylesbury" data-block-plugin-id="block_content:c726c7d8-5576-48f6-9f53-faee3409d51a" class="block block-block-content block-block-contentc726c7d8-5576-48f6-9f53-faee3409d51a"> 2894 2895 2896 <div class="content"> 2897 2898 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2899 div#block-bartik-reskincommonmliststyles { 2900 display: none; 2901 } 2902 2903 /*mlist css*/ 2904 2905 span.input-error { 2906 position: absolute; 2907 bottom: -15px; 2908 left: 0; 2909 font-size: 8px; 2910 text-transform: uppercase; 2911 font-family: "bebas-neue-pro", sans-serif; 2912 font-weight: 600; 2913 font-style: normal; 2914 2915 right: 0; 2916 } 2917 2918 .plain-ml-wrapper div.fieldWrap { 2919 margin-top: 0; 2920 margin-bottom: 6px; 2921 } 2922 2923 2924 2925 #mlform input { 2926 line-height: 3; 2927 padding: 0; 2928 height: 3vw; 2929 /*35px*/ 2930 } 2931 2932 input#submit { 2933 color: #000; 2934 background-color: #FBF26F; 2935 border: none; 2936 cursor: pointer; 2937 text-transform: uppercase; 2938 font-family: "bebas-neue-pro", sans-serif; 2939 font-weight: 600; 2940 font-style: normal; 2941 2942 font-size: 1.015625vw; 2943 /*13*/ 2944 padding: 0; 2945 2946 } 2947 2948 #secondform input#submit { 2949 height: 3vw; 2950 line-height: 3vw; 2951 } 2952 2953 input#submit:hover { 2954 opacity: 0.8; 2955 transition: 0.5s; 2956 } 2957 2958 .plain-ml-wrapper #terms { 2959 text-align: left; 2960 margin-top: 2px; 2961 } 2962 2963 #mlform .terms, 2964 #secondform .terms { 2965 color: #FBF26F; 2966 font-size: 0.703125vw; 2967 /*9px;*/ 2968 text-transform: uppercase; 2969 text-decoration: none; 2970 font-family: "bebas-neue-pro", sans-serif; 2971 font-weight: 600; 2972 font-style: normal; 2973 2974 2975 } 2976 2977 #mlform #terms .terms-message, 2978 #secondform #terms .terms-message { 2979 margin: 0 auto; 2980 text-decoration: none; 2981 background: #FBF26F; 2982 padding: 3px; 2983 text-align: center; 2984 line-height: 1.1; 2985 text-transform: uppercase; 2986 bottom: 1.25vw; 2987 /*16px;*/ 2988 color: #000; 2989 letter-spacing: 0; 2990 font-family: "bebas-neue-pro", sans-serif; 2991 font-weight: 600; 2992 font-style: normal; 2993 2994 2995 font-size: 0.703125vw; 2996 } 2997 2998 #mlform p.terms-message a, 2999 #secondform p.terms-message a { 3000 color: #000; 3001 text-decoration: underline; 3002 font-size: 0.703125vw; 3003 font-family: "bebas-neue-pro", sans-serif; 3004 font-weight: 600; 3005 font-style: normal; 3006 3007 3008 } 3009 3010 #mlform p.terms-message a:hover, 3011 #secondform p.terms-message a:hover { 3012 color: #000; 3013 text-decoration: underline; 3014 opacity: 0.7; 3015 } 3016 3017 input:-webkit-autofill, 3018 input:-webkit-autofill:hover, 3019 input:-webkit-autofill:focus, 3020 textarea:-webkit-autofill, 3021 textarea:-webkit-autofill:hover, 3022 textarea:-webkit-autofill:focus, 3023 select:-webkit-autofill, 3024 select:-webkit-autofill:hover, 3025 select:-webkit-autofill:focus { 3026 border: 1px solid #FBF26F !important; 3027 -webkit-text-fill-color: #FBF26F; 3028 -webkit-box-shadow: 0 0 0 1000px transparent inset; 3029 } 3030 3031 #mlform input#email:-webkit-autofill, 3032 #mlform input#email:-webkit-autofill:hover, 3033 #mlform input#email:-webkit-autofill:focus { 3034 border: none !important; 3035 border-bottom: 1px solid #FBF26F !important; 3036 -webkit-box-shadow: 0 0 0 1000px transparent inset; 3037 } 3038 3039 .plain-ml-wrapper label:not(.goptin_checkbox) { 3040 font-size: 0.78125vw; 3041 /* 10px;*/ 3042 position: relative; 3043 left: auto; 3044 right: auto; 3045 transform: none; 3046 text-align: left; 3047 top: auto; 3048 color: #FBF26F; 3049 font-family: "bebas-neue-pro", sans-serif; 3050 font-weight: 600; 3051 font-style: normal; 3052 3053 3054 text-transform: uppercase; 3055 letter-spacing: 0.5px; 3056 } 3057 3058 .plain-ml-wrapper form#mlistFormTwo #terms { 3059 text-align: center; 3060 margin-top: 5px; 3061 } 3062 3063 form#mlistFormTwo input#submit { 3064 width: 100%; 3065 } 3066 3067 .plain-ml-wrapper #secondform label.goptin_checkbox { 3068 text-transform: uppercase; 3069 color: #FBF26F; 3070 font-size: 0.625vw; 3071 /* 8px;*/ 3072 letter-spacing: 0.5px; 3073 font-family: "bebas-neue-pro", sans-serif; 3074 font-weight: 600; 3075 font-style: normal; 3076 3077 3078 vertical-align: sub; 3079 } 3080 3081
3082 .globaloptin label::before { 3083 border: 1px solid #FBF26F; 3084 } 3085 3086 .globaloptin label::after { 3087 top: 6px; 3088 color: #FBF26F; 3089 } 3090 3091 #secondform select, 3092 #secondform input:not([type="submit"]) { 3093 color: #FBF26F; 3094 font-family: "bebas-neue-pro", sans-serif; 3095 font-weight: 600; 3096 font-style: normal; 3097 3098 3099 border: 1px solid; 3100 text-transform: uppercase; 3101 font-size: 0.9375vw; 3102 /*12px;*/ 3103 } 3104 3105 div.plain-ml-wrapper span#secondFormClose { 3106 color: #FBF26F; 3107 right: -18px; 3108 top: 0; 3109 font-family: "bebas-neue-pro", sans-serif; 3110 font-weight: 600; 3111 font-style: normal; 3112 3113 } 3114 3115 div.plain-ml-wrapper span#secondFormClose:hover { 3116 opacity: 0.7; 3117 } 3118 3119 #secondform .globaloptin { 3120 margin: 5px 0; 3121 } 3122 3123 form#mlistFormTwo .postal_country, 3124 form#mlistFormTwo .postalcode { 3125 display: block; 3126 width: 100%; 3127 } 3128 3129 .plain-ml-wrapper select { 3130 background: url('/sites/g/files/g2000023411/files/2025-08/down-arrow_yellow.svg') no-repeat 94% center transparent; 3131 } 3132 3133 .plain-ml-wrapper select#country { 3134 background: url(/sites/g/files/g2000023411/files/2025-08/down-arrow_yellow.svg) no-repeat 97% center transparent; 3135 padding-right: 2.578125vw; 3136 } 3137 3138 #secondform .welcome { 3139 width: 100%; 3140 font-size: 0.859375vw; 3141 } 3142 3143 #secondform .welcome p, 3144 #secondform .welcome p span, 3145 #secondform .birth-date-title { 3146 color: #FBF26F; 3147 font-family: "bebas-neue-pro", sans-serif; 3148 font-weight: 600; 3149 font-style: normal; 3150 3151 3152 } 3153 3154 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, 3155 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message, 3156 .plain-ml-wrapper p.terms-message-2, 3157 .plain-ml-wrapper p.terms-message { 3158 position: absolute; 3159 bottom: 0.703125vw; 3160 /*9px;*/ 3161 ; 3162 font-size: 0.703125vw; 3163 /*9px;*/ 3164 ; 3165 background: #FBF26F; 3166 padding: 2px; 3167 text-transform: uppercase; 3168 font-family: "bebas-neue-pro", sans-serif; 3169 font-weight: 600; 3170 font-style: normal; 3171 3172 3173 color: #000; 3174 } 3175 3176 3177 3178 .plain-ml-wrapper p.terms-message-2 a { 3179 text-decoration: underline; 3180 color: #000; 3181 } 3182 3183 .plain-ml-wrapper p.terms-message-2 a:hover { 3184 text-decoration: underline; 3185 opacity: 0.7; 3186 } 3187 3188 body #block-plainjsmailinglist option, 3189 option { 3190 background-color: #FBF26F; 3191 color: #000; 3192 } 3193 3194 #secondform .birth-date-title { 3195 font-size: 0.78125vw; 3196 /* 10px;*/ 3197 margin: 7px 0; 3198 text-transform: uppercase; 3199 line-height: 1; 3200 } 3201 3202 body div#thankyou { 3203 color: #FBF26F; 3204 font-size: 1.171875vw; 3205 font-family: "bebas-neue-pro", sans-serif; 3206 font-weight: 600; 3207 font-style: normal; 3208 3209 } 3210 3211 .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 3212 margin-top: 0; 3213 margin-bottom: 1.25vw; 3214 /* 16px;*/ 3215 } 3216 3217 #secondform .globaloptin span { 3218 color: #FBF26F; 3219 font-family: "bebas-neue-pro", sans-serif; 3220 font-weight: 600; 3221 font-style: normal; 3222 3223 } 3224 3225 3226 3227 3228 3229 3230 3231 .mail #mlform #terms .terms-message, 3232 .mail #secondform #terms .terms-message { 3233 position: relative; 3234 bottom: auto; 3235 padding: 0.7vw 0; 3236 } 3237 3238 #block-plainjsmailinglist #mlform p.terms-message a, 3239 #block-plainjsmailinglist .singleform p.terms-message a, 3240 #tklbContainer #mlform p.terms-message a, 3241 #tklbContainer .singleform p.terms-message a { 3242 color: #000; 3243 line-height: 1.3; 3244 } 3245 3246 #block-plainjsmailinglist #mlform p.terms-message a:hover, 3247 #block-plainjsmailinglist .singleform p.terms-message a:hover, 3248 #tklbContainer #mlform p.terms-message a:hover, 3249 #tklbContainer .singleform p.terms-message a:hover { 3250 color: #000; 3251 opacity: .8; 3252 } 3253 3254 .mail #block-plainjsmailinglist span.input-error { 3255 background: transparent; 3256 right: 0; 3257 } 3258 3259 .mail span.input-error { 3260 text-align: right; 3261 font-size: 0.546875vw; 3262 /*7px;*/ 3263 bottom: unset; 3264 right: unset; 3265 top: -1px; 3266 left: 0px; 3267 } 3268 3269 body .mail div#thankyou { 3270 text-align: left; 3271 } 3272 3273 .mail #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, 3274 .mail #block-plainjsmailinglist .plain-ml-wrapper p.terms-message { 3275 background: #191919; 3276 position: relative; 3277 bottom: auto; 3278 padding: 5px; 3279 } 3280 3281 div#mlform .message { 3282 display: none; 3283 } 3284 3285 #block-plainjsmailinglist span.input-error { 3286 background: transparent !important; 3287 } 3288 3289 @media only screen and (max-width: 1024px) and (orientation:portrait) { 3290 3291 #mlform #terms .terms-message, 3292 #secondform #terms .terms-message { 3293 bottom: 16px; 3294 } 3295 3296 select { 3297 -moz-appearance: none !important; 3298 -webkit-appearance: none !important; 3299 } 3300 3301 select::-ms-expand { 3302 display: none !important; 3303 } 3304 3305 .plain-ml-wrapper p.terms-message span { 3306 color: #000; 3307 } 3308 3309 .plain-ml-wrapper label:not(.goptin_checkbox), 3310 #secondform .birth-date-title { 3311 font-size: 10px; 3312 } 3313 3314 .plain-ml-wrapper #secondform label.goptin_checkbox { 3315 font-size: 8px; 3316 } 3317 3318 #mlform .terms, 3319 #secondform .terms, 3320 #mlform #terms .terms-message, 3321 #secondform #terms .terms-message, 3322 #mlform p.terms-message a, 3323 #secondform p.terms-message a, 3324 #secondform #terms .terms-message span, 3325 .plain-ml-wrapper p.terms-message span { 3326 font-size: 9px; 3327 } 3328 3329 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message-2, 3330 #block-plainjsmailinglist .plain-ml-wrapper p.terms-message, 3331 .plain-ml-wrapper p.terms-message-2, 3332 .plain-ml-wrapper p.terms-message, 3333 .plain-ml-wrapper p.terms-message-2 span { 3334 font-size: 9px; 3335 color: #000000; 3336 } 3337 3338 .mail .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 3339 display: block; 3340 vertical-align: middle; 3341 width: 100%; 3342 } 3343
3344 #secondform .welcome { 3345 font-size: 0.78125vw; 3346 /* 10px;*/ 3347 } 3348 3349 body .mail div#thankyou, 3350 .mail span.input-error { 3351 text-align: center; 3352 } 3353 3354 .mail form#mlistFormOne .submit { 3355 display: block; 3356 vertical-align: middle; 3357 width: 100%; 3358 margin-left: 0; 3359 margin-top: 15px; 3360 } 3361 3362 #mlform input#email, 3363 #secondform select, 3364 #secondform input:not([type="submit"]), 3365 input#submit, 3366 #secondform input#submit { 3367 font-size: 4vw; 3368 height: 10.6vw; 3369 line-height: 10.6vw; 3370 } 3371 3372 div#block-plainjsmailinglist { 3373 margin-bottom: 40px; 3374 } 3375 3376 #secondform .welcome { 3377 margin-top: 0.78125vw; 3378 /* 10px;*/ 3379 } 3380 3381 div.plain-ml-wrapper span#secondFormClose { 3382 right: 1px; 3383 top: auto; 3384 line-height: 1; 3385 } 3386 3387 .mail div.plain-ml-wrapper span#secondFormClose { 3388 right: 0px; 3389 top: -3px; 3390 line-height: 1; 3391 } 3392 3393 .plain-ml-wrapper #terms { 3394 margin-top: 5px; 3395 } 3396 3397 #mlform input#email { 3398 text-align: left; 3399 } 3400 3401 body .plain-ml-wrapper form#mlistFormOne div.fieldWrap { 3402 margin-bottom: 16px; 3403 } 3404 3405 .plain-ml-wrapper #terms { 3406 text-align: center; 3407 } 3408 3409 .mail { 3410 margin: 0 auto; 3411 } 3412 } 3413 3414 body .globaloptin input[type="checkbox"]:focus+label::before { 3415 outline: none; 3416 } 3417 3418 div#block-plainjsmailinglist { 3419 margin-bottom: 50px; 3420 } 3421 3422 input, 3423 select { 3424 -webkit-box-sizing: border-box; 3425 -moz-box-sizing: border-box; 3426 -webkit-appearance: none; 3427 -moz-appearance: none; 3428 border-bottom-left-radius: 0; 3429 border-bottom-right-radius: 0; 3430 border-radius: 0; 3431 } 3432 3433 #mlform input#email.errored { 3434 border-bottom: 1px solid #fe0000; 3435 } 3436 3437 #secondform select { 3438 line-height: 35px; 3439 cursor: pointer; 3440 } 3441 3442 form#mlistFormTwo .dobMonth, 3443 form#mlistFormTwo .dobDay { 3444 margin-bottom: 0; 3445 } 3446</style></div> 3447 3448 </div> 3449 </div> 3450<div id="block-interiorheaderblock" data-block-plugin-id="block_content:5468746b-095c-410d-96ac-85afe88a381e" class="block block-block-content block-block-content5468746b-095c-410d-96ac-85afe88a381e"> 3451 3452 3453 <div class="content"> 3454 3455 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="interiorHeader"> 3456 <div class="siteLogo"> 3457 <h1> 3458 <a href="/?frontpage=true"><img src="/sites/g/files/g2000023411/files/2026-07/TRIVIUM_EP_LOGO_GOLD_a1p8hh81.png" alt="logo"></a> 3459 </h1> 3460 </div> 3461 3462</div> 3463 3464<style> 3465 .siteLogo a:hover { 3466 color: #947c50; 3467 opacity: 0.7; 3468 } 3469 3470 .siteLogo a { 3471 color: #947c50; 3472 text-transform: uppercase; 3473 letter-spacing: 5px; 3474 font-size: 40px; 3475font-family: "bebas-neue-pro", sans-serif; } 3476 3477 header#header { 3478 margin-bottom: 80px; 3479 } 3480 3481 div#block-interiorheaderblock { 3482 width: 100%; 3483 position: fixed; 3484 } 3485 3486 .interiorHeader .flowerLogo img { 3487 width: 70%; 3488 } 3489 3490 .interiorHeader .flowerLogo { 3491 position: absolute; 3492 right: 4%; 3493 text-align: right; 3494 margin-top: 2%; 3495 } 3496.interiorHeader .siteLogo a img { 3497 width: 70%; 3498 margin: 0 auto; 3499} 3500 3501 .interiorHeader .siteLogo { 3502 position: absolute; 3503 left: 3%; 3504 line-height: 1; 3505 margin-top: 3%; 3506max-width: 15vw; 3507 } 3508 3509 .interiorHeader { 3510 position: absolute; 3511 width: 100%; 3512 } 3513 3514 @media only screen and (max-width: 767px) { 3515 .interiorHeader .flowerLogo { 3516 display: none; 3517 } 3518 .interiorHeader .siteLogo { 3519 left: 0; 3520 line-height: 1; 3521 margin-top: 58px; 3522 right: 0; 3523 text-align: center; 3524 } 3525 .siteLogo a { 3526 font-size: 25px; 3527 } 3528 } 3529 @media only screen and (max-width: 1023px){ 3530.interiorHeader .siteLogo{ 3531display: none; 3532} 3533} 3534</style></div> 3535 3536 </div> 3537 </div> 3538<div id="block-interiorcommonstyles" data-block-plugin-id="block_content:0e70faa3-da77-40b5-b0de-c502b110c8dc" class="block block-block-content block-block-content0e70faa3-da77-40b5-b0de-c502b110c8dc"> 3539 3540 3541 <div class="content"> 3542 3543 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
3543<script> 3544jQuery(document).ready(function () { 3545 var x = window.location.pathname; 3546 if (x.indexOf("tour") == true ) { 3547 jQuery("body").addClass("tour") 3548 } 3549 if (x.indexOf("video") == true ) { 3550 jQuery("body").addClass("video") 3551 } 3552 if (x.indexOf("music") == true ) { 3553 jQuery("body").addClass("music") 3554 } 3555 if (x.indexOf("mailing-list") == true) { 3556 jQuery("body").addClass("mailing-list") 3557 } 3558 if (x.indexOf("home") == true) { 3559 jQuery("body").addClass("home") 3560 } 3561 }); 3562jQuery(document).ready(function () { 3563 var pageUrl = document.location.pathname; 3564 if (pageUrl != "/") { 3565 jQuery('body').addClass("interior"); 3566 } 3567}); 3568 3569</script>
3569 3570<style> 3571 @media only all and (max-width: 767px) and (orientation:portrait) { 3572 .music.interior footer.site-footer { 3573 margin: 0 auto; 3574 } 3575 .tour.interior footer.site-footer{ 3576 margin: 0 auto; 3577 } 3578 } 3579 @media only all and (max-width: 767px) and (orientation:landscape) { 3580 .tour.interior footer.site-footer, .music.interior footer.site-footer { 3581 margin: 0 12% 0 auto; 3582 } 3583 .tour.interior .site-footer ul.footer-socials.socials, .music.interior .site-footer ul.footer-socials.socials { 3584 padding-left: 0; 3585 } 3586 } 3587 3588 3589 3590@media only screen and (max-width: 767px) { 3591 .copyright { 3592 width: 100%; 3593 margin: 0 auto; 3594 text-align: center; 3595 } 3596 ul.footer-socials.socials { 3597 width: 100%; 3598 margin: 0 auto; 3599 text-align: center; 3600 } 3601} 3602 3603@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){ 3604 .siteBG{ 3605 display: none; 3606 } 3607 div#block-bgblock{ 3608 background: url() no-repeat; 3609 3610 background-size: cover; 3611 3612 background-position: center; 3613 3614 background-attachment: fixed; 3615 } 3616 3617 } 3618 @media only screen and (max-width: 1024px) and (min-width: 1023px) { 3619 .siteBG{ 3620 display: none; 3621 } 3622 div#block-bgblock{ 3623 background: url() no-repeat; 3624 3625 background-size: cover; 3626 3627 background-position: center; 3628 3629 background-attachment: fixed; 3630 } 3631 3632 } 3633 @media only screen and (max-width: 1366px) and (min-width: 1024px) and (orientation: landscape){ 3634 .siteBG{ 3635 display: none; 3636 } 3637 div#block-bgblock{ 3638 background: url() no-repeat; 3639 3640 background-size: cover; 3641 3642 background-position: center; 3643 3644 background-attachment: fixed; 3645 } 3646 3647 } 3648@media only screen and (min-width: 2400px){ 3649 .siteBG{ 3650 display: none; 3651 } 3652 div#block-bgblock{ 3653 background: url() no-repeat; 3654 3655 background-size: cover; 3656 3657 background-position: center; 3658 3659 background-attachment: fixed; 3660 } 3661 3662 } 3663 3664</style></div> 3665 3666 </div> 3667 </div> 3668<div id="block-interiorpagesnavscroll" data-block-plugin-id="block_content:0ad5a3bd-9204-412f-a5e2-af81f3b5a0cc" class="block block-block-content block-block-content0ad5a3bd-9204-412f-a5e2-af81f3b5a0cc"> 3669 3670 3671 <div class="content"> 3672 3673 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
3673<script> 3674 jQuery(document).ready(function() { 3675 // jQuery('.navItems li.tour').click(function(event) { 3676 3677 // window.location = "https://trivium.org/tour" 3678 3679 // }); 3680 // jQuery('.navItems li.music').click(function(event) { 3681 3682 // window.location = "https://trivium.org/music" 3683 3684 // }); 3685 jQuery('.navItems li.merch').click(function(event) { 3686 jQuery('.navItems').hide(); 3687 window.location = "https://www.trivium.org/#block-views-block-merch-block-2" 3688 3689 }); 3690 // jQuery('.navItems li.video').click(function(event) { 3691 3692 // window.location = "https://trivium.org/video" 3693 3694 // }); 3695 3696 /*adding active class to the nav*/ 3697 var indexVal = window.location.pathname; 3698 if (indexVal == '/music') { 3699 jQuery(".navItems li").removeClass('active'); 3700 jQuery(".navItems li.music").addClass('active'); 3701 } else if (indexVal == '/video') { 3702 jQuery(".navItems li").removeClass('active'); 3703 jQuery(".navItems li.video").toggleClass('active'); 3704 } else if (indexVal == '/tour') { 3705 jQuery(".navItems li").removeClass('active'); 3706 jQuery(".navItems li.tour").toggleClass('active'); 3707 } 3708 }); 3709</script>
3709 3710 3711<style> 3712 .navItems li.active a { 3713 text-decoration: underline; 3714 } 3715</style></div> 3716 3717 </div> 3718 </div> 3719 3720 </div> 3721 3722 3723 </div> 3724 </header> 3725 <div class="highlighted"> 3726 <aside class="layout-container section clearfix" role="complementary"> 3727 <div class="region region-highlighted"> 3728 <div data-drupal-messages-fallback class="hidden"></div> 3729 3730 </div> 3731 3732 </aside> 3733 </div> 3734 <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix"> 3735 <div id="main" class="layout-main clearfix"> 3736 3737 <main id="content" class="column main-content" role="main"> 3738 <section class="section"> 3739 <a id="main-content" tabindex="-1"></a> 3740 <div class="region region-content"> 3741 <div id="block-bartik-page-title" data-block-plugin-id="page_title_block" class="block block-core block-page-title-block"> 3742 3743 3744 <div class="content"> 3745 3746 3747 <h1 class="title page-title"><span class="field field--name-title field--type-string field--label-hidden">Tour Page</span> 3748</h1> 3749 3750 3751 </div> 3752 </div> 3753<div id="block-bartik-content" data-block-plugin-id="system_main_block" class="block block-system block-system-main-block"> 3754 3755 3756 <div class="content"> 3757 3758<article about="/tour" class="node node--type-page node--view-mode-full clearfix"> 3759 <header> 3760 3761 3762 </header> 3763 <div class="node__content clearfix"> 3764 <div class="layout layout--onecol"> 3765 <div class="layout__region layout__region--content"> 3766 <div data-block-plugin-id="extra_field_block:node:page:links" class="block block-layout-builder block-extra-field-blocknodepagelinks"> 3767 3768 3769 <div class="content"> 3770 3771 </div> 3772 </div> 3773<div data-block-plugin-id="field_block:node:page:body" class="block block-layout-builder block-field-blocknodepagebody"> 3774 3775 3776 <div class="content"> 3777 3778 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-above"> 3779 <div class="field__label">Body</div> 3780 <div class="field__item">
3780<script class="optanon-category-C0003" type="text/plain" charset="utf-8" src="https://widget.bandsintown.com/main.min.js"></script>
3780 3781<div class="tourtitle"> 3782 <div class="title">TOUR</div> 3783 <!--div id="navigationSection" style="display:none;"> 3784 <ul id="nav"> 3785 <li ><a href="javascript:void(0)" data-value="alltour" class="alltour-click navClick active">All</a></li> 3786 <li class="active"><a href="javascript:void(0)" class="ustour-click navClick" data-value="tourCanada">US Canada</a></li> 3787 </ul> 3788 </div--> 3789</div> 3790<div class="tourdates" style="display:none;"></div> 3791<div class="TourWrapper"> 3792 <a class="bit-widget-initializer" data-artist-name="Trivium" data-div-id="tourdates" data-display-local-dates="false" data-display-past-dates="false" data-auto-style="false" data-text-color="#bf1e2e" data-link-color="#bf1e2e" data-popup-background-color="#fff" data-separator-color="#bf1e2e" data-link-text-color="#000" data-display-limit="all" data-widget-width="100%"></a> 3793 3794 <div id="tourdates"></div> 3795</div> 3796 3797 3798 3799<div id="tourpageMlist" class="mail" style="display:none;"> 3800 <div class="plain-ml-wrapper" id="firstMlistForm" data-custom-page-name="Tour"> 3801 <div id="mlform"> 3802 <div class="message"> 3803 <p class="message-description"></p> 3804 </div> 3805 <form id="mlistFormOne" class="mlistFormOne mlform twostep" action> 3806 <div class="email fieldWrap"> 3807 <label for="email" class>email</label> 3808 <input data-type="email" data-error-text="Please enter a valid email address" required id="email" name="email" placeholder="email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'email address'" aria-label="email"> 3809 </div> 3810 <span class="consent-placeholder" data-template="artist-mktg" data-error-text="This field is required" data-artist="Trivium" data-pp-link="https://www.elektrarecords.com/privacy-policy/"></span> 3811 <div class="submit"> 3812 <input type="submit" id="submit" class="mlistSubmit" value="get updates"> 3813 </div> 3814 <div class="primary-list-values"> 3815 <input name="Datasource" type="hidden" value="Trivium_TourPage_Landing_Website"> 3816 <input name="newsletterId" type="hidden" value="14074046"> 3817 3818 <!-- <input id="dataext" name="_ext" type="hidden" value="A148EB3E-CB22-42EB-8793-6FFC1F461DD7:6159028"> --> 3819 </div> 3820 </form> 3821 3822 </div> 3823 <div id="thankyou" class="fadeOut"> 3824 Thank you! 3825 </div> 3826 <div id="secondform" class="fadeOut singleform"> 3827 <span id="secondFormClose">x</span> 3828 <div class="welcome"> 3829 <p>Welcome <span id="name"></span> to Trivium's mailing list!</p> 3830 </div> 3831 <form id="mlistFormTwo" class="mlistFormTwo mlform" action> 3832 <input type="hidden" id="secondFormEmail" name="email" value> 3833 <div class="name"> 3834 <div class="first fieldWrap"> 3835 <label for="first" class>First Name</label> 3836 <input type="text" id="first" name="firstname"> 3837 </div> 3838 </div> 3839 <div class="postalcode fieldWrap"> 3840 <label for="postalcode" class>Postal Code</label> 3841 <input type="text" id="postalcode" name="postalcode"> 3842 </div> 3843 <div class="postal_country"> 3844 <div class="country"> 3845 <label for="country" class="country-label">country</label> 3846 <select id="country" name="country" class="form-control"> 3847 3848 </select> 3849 </div> 3850 3851 3852 </div> 3853 3854 <div class="birth-date-title">Birth Date</div> 3855 <div class="birthday"> 3856 <div class="dobMonth fieldWrap"> 3857 <label for="dobMonth" class="tiny">Birth Date-Month</label> 3858 <select name="dobMonth" id="dobMonth" aria-label="Birth Date-Month"> 3859 <option value>Month</option> 3860 <option value="1">January</option> 3861 <option value="2">February</option> 3862 <option value="3">March</option> 3863 <option value="4">April</option> 3864 <option value="5">May</option> 3865 <option value="6">June</option> 3866 <option value="7">July</option> 3867 <option value="8">August</option> 3868 <option value="9">September</option> 3869 <option value="10">October</option> 3870 <option value="11">November</option> 3871 <option value="12">December</option> 3872 </select> 3873 </div> 3874 <div class="dobDay fieldWrap"> 3875 <label for="dobDay" class="tiny">Birth Date-Day</label> 3876 <select name="dobDay" id="dobDay" aria-label="Birth Date-Day"> 3877 <option value>Day</option> 3878 <option value="1">1</option> 3879 <option value="2">2</option> 3880 <option value="3">3</option> 3881 <option value="4">4</option> 3882 <option value="5">5</option> 3883 <option value="6">6</option> 3884 <option value="7">7</option> 3885 <option value="8">8</option> 3886 <option value="9">9</option> 3887 <option value="10">10</option> 3888 <option value="11">11</option> 3889 <option value="12">12</option> 3890 <option value="13">13</option> 3891 <option value="14">14</option> 3892 <option value="15">15</option> 3893 <option value="16">16</option> 3894 <option value="17">17</option> 3895 <option value="18">18</option> 3896 <option value="19">19</option> 3897 <option value="20">20</option> 3898 <option value="21">21</option> 3899 <option value="22">22</option> 3900 <option value="23">23</option> 3901 <option value="24">24</option> 3902 <option value="25">25</option> 3903 <option value="26">26</option> 3904 <option value="27">27</option> 3905 <option value="28">28</option> 3906 <option value="29">29</option> 3907 <option value="30">30</option> 3908 <option value="31">31</option> 3909 </select> 3910 </div> 3911 </div> 3912 3913 3914 <input name="newsletterId" type="hidden" value="14075551"> 3915 <input name="Datasource" type="hidden" value="Trivium_TourPage_Landing_Website">
3916 <span class="consent-placeholder" data-template="global-mktg" data-artist="Trivium" data-value="14074104" data-pp-link="https://www.elektrarecords.com/privacy-policy/"></span> 3917 <div class="submit"> 3918 <input type="submit" id="submit" class="mlistSubmit" value="SUBMIT"> 3919 </div> 3920 3921 </form></div> 3922 </div> 3923</div> 3924
3925<script> 3926 jQuery(window).on("load", function () { 3927 3928 setTimeout(function () { 3929 jQuery(".bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details").each(function (index) { 3930 jQuery(this).find('.bit-venue,.bit-location').wrapAll('<div class="merge"></div>'); 3931 3932 }); 3933 }, 3000); 3934 }); 3935</script>
3935 3936<style> 3937 .site-footer__bottom { 3938 margin-top: 30px; 3939 letter-spacing: 0.2px; 3940 border-color: rgba(255, 255, 255, 0.15); 3941 } 3942 3943 3944 3945 3946 3947 .site-footer__top #block-footer .content li a:hover, 3948 .site-footer__top #block-footer .content li a:focus { 3949 background-color: transparent; 3950 color: #947C50; 3951 } 3952 3953 body.page-node-391 .site-footer__bottom { 3954 margin-top: 0; 3955 border-top: none; 3956 } 3957 3958 #block-views-block-music-block-1 .download-stream-wrapper:hover { 3959 background: #191919; 3960 transition: 0.5s; 3961 } 3962 3963 #block-views-block-music-block-1 .download-stream-wrapper { 3964 border: 1px solid #947C50 !important; 3965 border-radius: 0; 3966 -webkit-appearance: none; 3967 font-style: normal; 3968 width: 12.3vw; 3969 margin: 0 auto; 3970 margin-top: 1.71vw; 3971 text-align: center; 3972 text-transform: uppercase; 3973 font-family: termina, sans-serif; 3974 background: transparent; 3975 font-size: 0.88vw; 3976 padding: 11px 7px 7px; 3977 font-weight: 400; 3978 color: #947c50; 3979 margin-bottom: 4vw; 3980 letter-spacing: 0.18vw; 3981 } 3982 3983 div#toolbar-administration, 3984 ul.tabs.primary { 3985 display: none; 3986 } 3987 3988 body { 3989 position: relative; 3990 font-family: termina, sans-serif; 3991 font-weight: 400; 3992 font-style: normal; 3993 color: #947c50; 3994 margin: 0 !important; 3995 } 3996 3997 body, 3998 a, 3999 div, 4000 p, 4001 section, 4002 article, 4003 footer, 4004 h2, 4005 h1, 4006 span { 4007 color: #947c50; 4008 font-family: termina, sans-serif; 4009 } 4010 4011 body a, 4012 body a:hover { 4013 color: #947c50; 4014 } 4015 4016 body a:hover { 4017 transition: 0.5s; 4018 } 4019 4020 footer.site-footer, 4021 .block.block-block-content, 4022 .block.block-views, 4023 #block-tourdates, 4024 body div#block-plainjsmailinglist { 4025 background: transparent; 4026 } 4027 4028 #page, 4029 #main-wrapper, 4030 .region-primary-menu .menu-item a.is-active, 4031 .region-primary-menu .menu-item--active-trail a { 4032 background: transparent; 4033 } 4034 4035 .block.block-block-content, 4036 .block.block-views { 4037 padding: 0; 4038 } 4039 4040 div#block-bartik-content { 4041 width: 77%; 4042 margin: 0 auto; 4043 } 4044 4045 @media only screen and (min-width: 1025px) { 4046 4047 div#main-wrapper, 4048 footer.site-footer { 4049 max-width: 800px; 4050 margin: 0 10% 0 auto; 4051 } 4052 4053 @media only screen and (min-width: 1400px) { 4054 4055 div#main-wrapper, 4056 footer.site-footer { 4057 max-width: 60%; 4058 margin: 0 10% 0 auto; 4059 } 4060 } 4061 } 4062 4063 @media only screen and (max-width: 1024px) { 4064 div#block-bartik-reskinnavblock { 4065 width: 100%; 4066 height: unset; 4067 top: 0; 4068 bottom: unset; 4069 } 4070 4071 .tourtitle { 4072 padding-top: 40vw; 4073 } 4074 4075 body { 4076 background: url('/sites/g/files/g2000020551/files/2020-04/bgNEW.png?itok=jxBHdSL5') 0 0 no-repeat; 4077 background-size: cover; 4078 background-attachment: fixed; 4079 overflow-y: scroll; 4080 } 4081 4082 div#main-wrapper, 4083 footer.site-footer { 4084 max-width: 70%; 4085 margin: 0 5% 0 auto; 4086 } 4087 } 4088 4089 @media only screen and (min-width: 768px) and (max-width: 1023px) { 4090 4091 div#main-wrapper, 4092 footer.site-footer { 4093 max-width: 80%; 4094 margin: 0 auto; 4095 } 4096 } 4097 4098 @media only screen and (max-width: 767px) { 4099 #block-views-block-music-block-1 .download-stream-wrapper { 4100 width: 100%; 4101 margin-bottom: 40px; 4102 margin-top: 20px; 4103 } 4104 4105 div#main-wrapper, 4106 footer.site-footer { 4107 max-width: 90%; 4108 margin: 0 auto; 4109 } 4110 } 4111 4112 .interior div#page-wrapper { 4113 background: transparent; 4114 } 4115 4116 .scrol { 4117 opacity: 0; 4118 } 4119 4120 div#block-photoanimationonpageload.hide { 4121 opacity: 0; 4122 display: none; 4123 } 4124 4125 /*--><!]]>*/ 4126</style>
4127<script> 4128 4129 4130 $(window).on("load", function () { 4131 $('#block-photoanimationonpageload').addClass('hide'); 4132 }); 4133 4134</script>
4134 4135<style> 4136 .title { 4137 color: #c2b59b; 4138 text-transform: uppercase; 4139 letter-spacing: 0; 4140 text-align: left; 4141 font-family: Arial; 4142 font-weight: 700; 4143 padding-bottom: 0; 4144 line-height: 1; 4145 font-size: 35px; 4146 margin-bottom: 40px; 4147 } 4148 4149 .TourWrapper .bit-widget .bit-nav-bar-container .bit-nav-bar { 4150 display: none; 4151 } 4152 4153 .TourWrapper .bit-widget .bit-event { 4154 display: block; 4155 flex-direction: initial; 4156 text-decoration: none; 4157 padding: 0; 4158 border: none; 4159 margin-bottom: 26px; 4160 } 4161 4162 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 4163 display: inline-block; 4164 vertical-align: middle; 4165 width: 57%; 4166 margin-right: 3%; 4167 pointer-events: none; 4168 } 4169 4170 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons { 4171 display: inline-block; 4172 vertical-align: middle; 4173 width: 40%; 4174 margin: 0; 4175 } 4176 4177 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div:first-child { 4178 display: inline-block; 4179 vertical-align: top; 4180 width: 28%; 4181 margin-right: 2%; 4182 line-height: 1; 4183 } 4184 4185 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.merge { 4186 display: inline-block; 4187 vertical-align: top; 4188 width: 70%; 4189 line-height: 0; 4190 } 4191 4192 .bit-upcoming-events-show-all-button { 4193 display: none; 4194 } 4195 4196 .bit-widget-container .bit-widget .bit-events-container .bit-upcoming-events, 4197 .bit-widget-container .bit-widget .bit-events-container .bit-past-events { 4198 margin-bottom: 0; 4199 margin: 0; 4200 border-bottom: none; 4201 } 4202 4203 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div span.bit-date { 4204 text-transform: uppercase; 4205 color: #c2b59b; 4206 font-weight: 400; 4207 font-size: 17px; 4208 letter-spacing: 0; 4209 line-height: 1; 4210 font-family: Arial; 4211 font-family: termina, sans-serif; 4212 } 4213 4214 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 4215 width: 136px; 4216 font-size: 13px; 4217 font-weight: 400; 4218 color: #000; 4219 border: none !important; 4220 height: 40px; 4221 line-height: 40px; 4222 font-family: Arial; 4223 font-weight: 800; 4224 background: #c2b59b; 4225 letter-spacing: 0; 4226 } 4227 4228 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 4229 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 4230 width: 128px; 4231 } 4232 } 4233 4234 .bit-widget .bit-event .bit-offers-text { 4235 font-size: 13px; 4236 font-weight: 400; 4237 color: #000; 4238 font-family: Arial; 4239 } 4240 4241 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button:hover { 4242 background: #FBF26F; 4243 opacity: 1; 4244 } 4245 4246 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-location { 4247 text-align: left; 4248 text-transform: uppercase; 4249 color: #c2b59b; 4250 font-weight: 400; 4251 /*font-size: 17px;*/ 4252 font-size: 15px; 4253 letter-spacing: 0; 4254 line-height: 1; 4255 font-family: Arial; 4256 font-family: termina, sans-serif; 4257 margin-left: 0; 4258 margin-top: 5px; 4259 display: block; 4260 } 4261 4262 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 4263 text-transform: uppercase; 4264 color: #c2b59b; 4265 font-weight: 400; 4266 /*font-size: 17px;*/ 4267 font-size: 15px; 4268 letter-spacing: 0; 4269 line-height: 1; 4270 font-family: Arial; 4271 font-family: termina, sans-serif; 4272 display: inline-block; 4273 vertical-align: top; 4274 width: 70%; 4275 } 4276 4277 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons>div { 4278 display: inline-block; 4279 vertical-align: middle; 4280 width: 50%; 4281 margin: 0; 4282 } 4283 4284 div#block-tourbandsintown .view-footer { 4285 position: absolute; 4286 bottom: -42px; 4287 right: 0; 4288 font-size: 13px; 4289 text-transform: uppercase; 4290 text-decoration: underline; 4291 line-height: 1; 4292 letter-spacing: 1px; 4293 z-index: 1; 4294 } 4295 4296 div#block-tourbandsintown { 4297 position: relative; 4298 padding: 0; 4299 } 4300 4301 div#block-tourbandsintown .view-footer a:hover { 4302 opacity: 0.7; 4303 } 4304 4305 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 4306 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons { 4307 width: 37%; 4308 } 4309 4310 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 4311 width: 60%; 4312 } 4313 } 4314 4315 @media only screen and (min-width: 768px) and (max-width: 1023px) { 4316 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-location { 4317 margin-left: 0; 4318 text-align: left; 4319 } 4320 4321 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 4322 width: 66%; 4323 text-align: left; 4324 } 4325 4326 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div:first-child { 4327 width: 100%; 4328 margin-right: 3%; 4329 } 4330 4331 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons { 4332 width: 37%; 4333 margin: 0; 4334 } 4335 4336 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 4337 width: 60%; 4338 margin-right: 3%; 4339 } 4340 4341 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 4342 width: auto; 4343 font-size: 11px; 4344 } 4345 4346 .bit-widget .bit-event .bit-offers-text { 4347 font-size: 11px; 4348 } 4349 4350 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons>div { 4351 width: 48%; 4352 } 4353 4354 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container { 4355 margin-left: 4%; 4356 } 4357 } 4358 4359 .bit-widget-container .bit-widget .bit-event { 4360 padding: 0; 4361 border: none; 4362 } 4363 4364 @media only screen and (max-width: 767px) { 4365 .title { 4366 text-align: left; 4367 font-size: 35px; 4368 } 4369 4370 quickedit-field { 4371 padding: 0; 4372 } 4373 4374 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 4375 display: block; 4376 vertical-align: middle; 4377 width: 100%; 4378 margin-right: 0; 4379 } 4380 4381 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons { 4382 display: block; 4383 vertical-align: middle; 4384 width: 100%; 4385 } 4386 4387 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons>div { 4388 display: block; 4389 vertical-align: middle; 4390 width: 100%; 4391 margin: 0; 4392 } 4393 4394 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container { 4395 margin: 10px 0; 4396 } 4397 4398 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div:first-child { 4399 display: block; 4400 width: 100%; 4401 margin-right: 0; 4402 line-height: 1; 4403 text-align: center; 4404 margin-bottom: 8px; 4405 } 4406 4407 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 4408 display: block; 4409 vertical-align: top; 4410 width: 100%; 4411 text-align: center; 4412 } 4413 4414 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-location { 4415 margin-left: 0; 4416 text-align: center; 4417 } 4418 4419 .bit-widget-container .bit-widget .bit-event { 4420 margin-bottom: 30px; 4421 } 4422 4423 div#block-tourbandsintown .view-footer { 4424 position: relative; 4425 bottom: auto; 4426 right: auto; 4427 text-align: left; 4428 margin-bottom: 10px; 4429 } 4430 } 4431 4432 h1.page-title, 4433 .field__label { 4434 display: none; 4435 } 4436 4437 a.bit-play-my-city-button { 4438 display: none !important; 4439 } 4440 4441 div#tourpageMlist { 4442 padding: 80px 0 60px; 4443 } 4444 4445 .page-node-391 div#main #block-bartik-content { 4446 padding-top: 0; 4447 } 4448 4449 .page-node-391 header#header { 4450 margin-bottom: 18px; 4451 } 4452 4453 body.page-node-391 { 4454 background: url('/sites/g/files/g2000020551/files/2021-08/Desktop_BG.jpg') no-repeat 0 0; 4455 background-size: cover; 4456 background-attachment: fixed; 4457 background: transparent; 4458 } 4459 4460 @media only screen and (max-width: 767px) { 4461 .page-node-391 div#main #block-bartik-content { 4462 padding-top: 0; 4463 } 4464 4465 div#tourpageMlist { 4466 padding: 40px 0 20px; 4467 } 4468 4469 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 4470 width: 150px; 4471 margin: 0 auto; 4472 } 4473 4474 .tour div#main-wrapper, 4475 .tour footer.site-footer { 4476 margin: 0 auto; 4477 } 4478 4479 .tour .title { 4480 text-align: center; 4481 } 4482 4483 .tour .interiorHeader { 4484 width: 100%; 4485 margin: 0 auto 0 35px; 4486 position: relative; 4487 } 4488 4489 .tour .interiorHeader .siteLogo { 4490 position: relative; 4491 width: 100%; 4492 } 4493 4494 .tour header#header { 4495 margin-bottom: 0; 4496 } 4497 } 4498 4499 @media only screen and (max-width: 767px) and (orientation: landscape) { 4500 4501 .tour div#main-wrapper, 4502 .tour footer.site-footer { 4503 margin: 0 auto; 4504 } 4505 } 4506 4507 @media only screen and (min-width: 1025px) { 4508 .tour .mail span.input-error { 4509 bottom: 30px; 4510 text-align: left; 4511 } 4512 } 4513 4514 body .bit-widget-container .bit-widget.bit-layout-desktop .bit-event:hover { 4515 padding: 0; 4516 background: transparent; 4517 } 4518 4519 @media only screen and (min-width: 1025px) { 4520 body .bit-widget-container .bit-widget.bit-layout-desktop .bit-offers { 4521 margin: 0; 4522 } 4523 4524 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container { 4525 margin-left: 2%; 4526 } 4527 4528 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container { 4529 margin-right: 2%; 4530 } 4531 4532 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons>div { 4533 width: 48%; 4534 } 4535 4536 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 4537 width: 100%; 4538 } 4539 4540 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons { 4541 width: 273px; 4542 margin: 0; 4543 } 4544 4545 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 4546 width: calc(100% - 273px); 4547 margin-right: 0; 4548 } 4549 } 4550 4551 .bit-widget-container .bit-widget .bit-event .bit-offers-menu a { 4552 display: block; 4553 text-decoration: none; 4554 background: #c2b59b; 4555 border: 1px solid #000 !important; 4556 font-family: Arial; 4557 } 4558 4559 .bit-widget-container .bit-widget .bit-event .bit-offer:hover { 4560 background-color: rgba(81, 81, 81, 0.1); 4561 background: #c2b59b; 4562 opacity: 1; 4563 color: #000; 4564 } 4565 4566 @media only screen and (max-width: 767px) and (orientation: portrait) { 4567 body { 4568 background: url('/sites/g/files/g2000020551/files/2021-08/Mobile_BG.png') no-repeat 0 0; 4569 background-size: cover; 4570 background-attachment: fixed; 4571 background: transparent; 4572 } 4573 } 4574 4575 @media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) { 4576 .siteBG { 4577 display: none; 4578 } 4579 4580 div#block-bgblock { 4581 background: url(/sites/g/files/g2000020551/files/2021-08/Desktop_BG.jpg) no-repeat; 4582 4583 background-size: cover; 4584 4585 background-position: center; 4586 4587 background-attachment: fixed; 4588 } 4589 4590 } 4591 4592 @media only screen and (max-width: 1024px) and (min-width: 1023px) { 4593 .siteBG { 4594 display: none; 4595 } 4596 4597 div#block-bgblock { 4598 background: url(/sites/g/files/g2000020551/files/2021-08/Desktop_BG.jpg) no-repeat; 4599 4600 background-size: cover; 4601 4602 background-position: center; 4603 4604 background-attachment: fixed; 4605 } 4606 4607 } 4608 4609 @media only screen and (max-width: 1366px) and (min-width: 1024px) and (orientation: landscape) { 4610 .siteBG { 4611 display: none; 4612 } 4613 4614 div#block-bgblock { 4615 background: url(/sites/g/files/g2000020551/files/2021-08/Desktop_BG.jpg) no-repeat; 4616 4617 background-size: cover; 4618 4619 background-position: center; 4620 4621 background-attachment: fixed; 4622 } 4623 4624 } 4625</style>
4626<script> 4627 jQuery(window).on("load", function () { 4628 4629 jQuery('a.bit-rsvp.bit-button').attr('data-track', 'bit-rsvp'); 4630 jQuery('a.bit-offer').attr('data-track', 'bit-tickets'); 4631 4632 jQuery('a.bit-offers.bit-button').attr('data-track', 'bit-tickets'); 4633 }); 4634 4635 4636 4637 4638 4639</script>
4639 4640 4641<style> 4642 #tourpageMlist .consent-placeholder { 4643 position: relative; 4644 margin: 3.5vh auto 0; 4645 display: block; 4646 } 4647 4648 .plain-ml-wrapper label:not(.goptin_checkbox) { 4649 position: static; 4650 transform: none; 4651 } 4652 4653 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 4654 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked { 4655 position: absolute; 4656 left: 0px; 4657 width: 1.8vw; 4658 height: 1.8vw; 4659 z-index: 10; 4660 top: 0px; 4661 opacity: 0; 4662 cursor: pointer; 4663 margin: 0; 4664 -webkit-appearance: none; 4665 padding: 0; 4666 } 4667 4668 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4669 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 4670 content: ""; 4671 position: absolute; 4672 left: 0px; 4673 top: auto; 4674 width: 1.8vw; 4675 height: 1.8vw; 4676 border: 2px solid #FBF26F; 4677 background: transparent; 4678 border-radius: 0px; 4679 box-sizing: border-box; 4680 } 4681 4682 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before { 4683 border-color: red; 4684 } 4685 4686 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4687 display: inline-block; 4688 box-sizing: border-box; 4689 line-height: 1; 4690 text-align: left; 4691 text-transform: none; 4692 letter-spacing: 0; 4693 font-size: 0.68vw; 4694 padding-left: 2.54vw; 4695 vertical-align: top; 4696 font-weight: 400; 4697 position: static; 4698 transform: none; 4699 pointer-events: none; 4700 } 4701 4702 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4703 content: "\2713"; 4704 position: absolute; 4705 top: 0.8vh; 4706 line-height: 1; 4707 left: 0.45vw; 4708 font-size: 1.4vw; 4709 color: #FBF26F; 4710 font-weight: 700; 4711 text-align: center; 4712 } 4713 4714 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4715 color: #FBF26F; 4716 } 4717 4718 #tourpageMlist .consent-placeholder span.input-error { 4719 color: red; 4720 position: absolute; 4721 top: -3.25vh; 4722 left: 0; 4723 bottom: auto; 4724 } 4725 4726 #tourpageMlist .secondform .consent-placeholder { 4727 margin: 2vh auto; 4728 } 4729 4730 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder label a, 4731 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder label span { 4732 color: #FBF26F; 4733 text-transform: uppercase; 4734 font-family: "bebas-neue-pro", sans-serif; 4735 font-weight: 600; 4736 font-style: normal; 4737 text-transform: capitalize; 4738 } 4739 4740 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder label a { 4741 text-decoration: underline; 4742 pointer-events: auto; 4743 } 4744 4745 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder label a:hover { 4746 opacity: 0.5; 4747 } 4748 4749 #tourpageMlist .consent-placeholder { 4750 position: relative; 4751 margin: 3.5vh auto 0; 4752 display: block; 4753 } 4754 4755 @media only screen and (max-width: 1023px) and (orientation:portrait) { 4756 4757 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4758 font-size: 4.024vw; 4759 padding-left: 7.94vw; 4760 } 4761 4762 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 4763 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 4764 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4765 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 4766 width: 5.8vw; 4767 height: 5.8vw; 4768 } 4769 4770 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4771 top: 0.528vh; 4772 left: 1.5vw; 4773 } 4774 } 4775 4776 @media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 4777 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4778 font-size: 1.268vw; 4779 padding-left: 3.54vw; 4780 } 4781 4782 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4783 top: 0; 4784 font-size: 2vw; 4785 } 4786 4787 #tourpageMlist .consent-placeholder { 4788 position: relative; 4789 margin: 2vh auto; 4790 } 4791 4792 #tourpageMlist .consent-placeholder span.input-error { 4793 top: -1.75vh; 4794 } 4795 4796 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4797 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 4798 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 4799 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked { 4800 width: 2.28vw; 4801 height: 2.28vw; 4802 } 4803 } 4804 4805 #tourpageMlist .mlistFormOne .submit { 4806 position: absolute; 4807 top: 0.3vw; 4808 right: 0vw; 4809 } 4810 4811 #tourpageMlist .email.fieldWrap { 4812 margin-left: -12vw; 4813 } 4814 4815 label.country-label { 4816 display: none; 4817 } 4818 4819 label.tiny { 4820 display: none; 4821 } 4822 4823 #secondform .submit { 4824 padding-top: 1vw; 4825 } 4826 4827 body.page-node-391 #block-bartik-communitysignupdomandcss-2 .Community_signup_wrapper div.firstMlistForm, 4828 body.page-node-391 #block-bartik-communitysignupdomandcss-2 .Community_signup_wrapper #firstMlistForm { 4829 max-width: 100%; 4830 } 4831 4832 body.page-node-391 div#block-bartik-communitysignupdomandcss-2 { 4833 width: 45%; 4834 margin: 0 auto; 4835 } 4836 4837 @media only screen and (max-width:767px) and (orientation:portrait) { 4838 #tourpageMlist .email.fieldWrap { 4839 margin-left: 0vw; 4840 } 4841
4842 #tourpageMlist .welcome p { 4843 font-size: 4vw; 4844 } 4845 4846 #tourpageMlist .mlistFormOne .submit { 4847 position: relative; 4848 padding-top: 2vw; 4849 } 4850 4851 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4852 font-size: 3vw; 4853 } 4854 4855 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4856 font-size: 4vw; 4857 } 4858 4859 #tourpageMlist div#mlform { 4860 padding-bottom: 5vw; 4861 } 4862 4863 #tourpageMlist #secondform .submit { 4864 padding-bottom: 5vw; 4865 } 4866 4867 #tourpageMlist span.input-error { 4868 font-size: 2vw; 4869 } 4870 } 4871 4872 @media only screen and (max-width:932px) and (orientation:landscape) { 4873 #tourpageMlist .email.fieldWrap { 4874 margin-left: -25vw; 4875 } 4876 4877 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4878 line-height: 1.2; 4879 font-size: .8vw 4880 } 4881 } 4882 4883 @media only screen and (max-width:667px) and (orientation:landscape) { 4884 #tourpageMlist .email.fieldWrap { 4885 margin-left: 0vw; 4886 } 4887 4888 #tourpageMlist .mlistFormOne .submit { 4889 position: relative; 4890 } 4891 4892 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4893 font-size: 1.3vw; 4894 } 4895 4896 #tourpageMlist div.plain-ml-wrapper span#secondFormClose { 4897 right: 2px; 4898 top: 3px; 4899 } 4900 4901 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4902 font-size: 1.3vw; 4903 } 4904 4905 #tourpageMlist span.input-error { 4906 font-size: 1vw; 4907 } 4908 } 4909 4910 @media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) { 4911 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4912 font-size: 1.015625vw; 4913 line-height: 1.3 4914 } 4915 4916 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4917 font-size: 3vw; 4918 left: 0.5vw; 4919 } 4920 4921 #tourpageMlist .consent-placeholder { 4922 margin-top: 3.5vh; 4923 } 4924 4925 #tourpageMlist div#mlform { 4926 padding-bottom: 3vw; 4927 } 4928 4929 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked), 4930 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked, 4931 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4932 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before { 4933 width: 4vw; 4934 height: 4vw; 4935 } 4936 4937 #tourpageMlist .email.fieldWrap { 4938 margin-left: -27vw; 4939 } 4940 } 4941 4942 @media only screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) { 4943 #tourpageMlist .email.fieldWrap { 4944 margin-left: -22vw; 4945 } 4946 4947 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4948 top: .3vw; 4949 } 4950 } 4951 4952 @media only screen and (min-width:1180px) and (max-width:1180px) and (orientation:landscape) { 4953 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4954 line-height: 1.3 4955 } 4956 4957 #tourpageMlist .email.fieldWrap { 4958 margin-left: -20vw; 4959 } 4960 } 4961 4962 @media only screen and (min-width:1024px) and (max-width:1024px) and (orientation:landscape) { 4963 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4964 4965 line-height: 1.3; 4966 } 4967 4968 #tourpageMlist .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4969 top: .5vw; 4970 } 4971 } 4972 4973 @media only screen and (min-width:1366px) and (max-width:1366px
4973) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) { 4974 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4975 4976 line-height: 1.3; 4977 } 4978 4979 } 4980 4981 @media only screen and (min-width:2000px) { 4982 #tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4983 4984 line-height: 1.3; 4985 } 4986 4987 #tourpageMlist span.input-error { 4988 font-size: .4vw; 4989 width: 11vw; 4990 text-align: left; 4991 4992 } 4993 4994 #tourpageMlist .email span.input-error { 4995 top: -4px; 4996 } 4997 4998 #tourpageMlist .email.fieldWrap { 4999 margin-left: -10vw 5000 } 5001 5002 #page-wrapper div#block-plainjsmailinglist { 5003 width: 70%; 5004 } 5005 5006 div#tourpageMlist { 5007 max-width: 70%; 5008 } 5009 } 5010 5011 .email label { 5012 display: none !important; 5013 } 5014 5015 @media only screen and (max-width:1024px) and (orientation:portrait) { 5016 body.page-node-391 div#block-bartik-communitysignupdomandcss-2 { 5017 width: 100%; 5018 } 5019 } 5020</style></div> 5021 </div> 5022 5023 </div> 5024 </div> 5025<div data-block-plugin-id="extra_field_block:node:page:content_moderation_control" class="block block-layout-builder block-extra-field-blocknodepagecontent-moderation-control"> 5026 5027 5028 <div class="content"> 5029 5030 </div> 5031 </div> 5032 5033 </div> 5034 </div> 5035 5036 </div> 5037</article> 5038 5039 </div> 5040 </div> 5041<div id="block-bartik-communitysignupdomandcss-2" data-block-plugin-id="block_content:351b2a67-a773-486d-b977-1b5267b6e253" class="block block-block-content block-block-content351b2a67-a773-486d-b977-1b5267b6e253"> 5042 5043 5044 <div class="content"> 5045 5046 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="Community_signup_wrapper"> 5047 5048 <div class="mlistwrapper"> 5049 <div class="plain-ml-wrapper dtmlightbox firstMlistForm in-grid"> 5050 <div class="mlform"> 5051 <form class="mlistFormOne mlform twostep"> 5052 <h2>Sign Up</h2> 5053 <div class="email fieldWrap"> 5054 <label for="email" class>Email</label> 5055 <input data-type="email" placeholder="Email" id="email" data-error-text="This field is required" name="email" autocomplete="off" required> 5056 </div> 5057 <div class="mobile phoneno fieldWrap"> 5058 <label for="phone-number" class="phone number">phone number</label> 5059 <input id="phone-number" data-type="mobile" data-error-text="This field is required" class="mobile" name="mobile" placeholder="Phone Number"> 5060 </div> 5061 5062 <div class="conditions"> 5063 <div class="globaloptin"> 5064 <input type="checkbox" name="artist_mktg_consent" id="artist_mktg_consent" required value="true" data-error-text="This field is required" class> 5065 <label for="artist_mktg_consent" class="goptin_checkbox"> 5066 I want Warner Music Group to send me marketing messages about Trivium. 5067 Unsubscribe at any time. Please read our <a href="https://privacy.wmg.com/atlantic/privacy-policy" target="_blank" class="external-link" rel="nofollow" title>Privacy Policy</a> for more 5068 information about how we handle your 5069 personal information, including for marketing. 5070 </label> 5071 </div> 5072 <div class="globaloptin mobile-marketing"> 5073 <input type="checkbox" name="mobile_leader_id" id="mobile_mktg_consent" value="
50730511b99e43b8d895fe95e272cf43b45c1842cf03bca430cdda55401a6a5dd5c0" data-error-text="This field is required" class> 5074 <label for="mobile_mktg_consent" class="mobile_mktg_consent_txt"> 5075 By providing my phone number above, I agree that I am 13+ and agree to receive recurring 5076 messages via SMS or Whatsapp 5077 from or on behalf of Trivium, and agree to Community's Terms/Privacy: 5078 <a target="_blank" href="https://community.com/terms">Community.Com/Terms</a> 5079 Message frequency varies. Consent is not a condition of Purchase. Message and data rates 5080 apply, message help for Help, stop to opt-out. 5081 </label> 5082 </div> 5083 </div> 5084 <div class="primary-list-values"> 5085 <input name="Datasource" type="hidden" value="Trivium_NewsletterOptIn_MainSignUp_Website"> 5086 <input name="newsletterId" type="hidden" value="14074046"> 5087 <input name="subcommunity" type="hidden" value="be4027e890450f898367a6e93df7764803902902d22a2dbf2827e89423addc97"> 5088 5089 </div> 5090 <div class="submit"> 5091 <input type="submit" class="submit mlistSubmit" value="Submit"> 5092 </div> 5093 5094 </form> 5095 5096 </div> 5097 <div id="thankyou" class="thankyou fadeOut">Thank you for signing up!</div> 5098 5099 <div id="secondform" class="secondform fadeOut singleform"> 5100 <span class="secondFormClose">x</span> 5101 <div class="welcome"> 5102 <p>Welcome <span class="name"></span> to Trivium's mailing list!</p> 5103 </div> 5104 <form class="mlistFormTwo mlform"> 5105 <input type="hidden" class="secondFormEmail" name="email" value> 5106 5107 <div class="name"> 5108 <div class="first fieldWrap"> 5109 <!--<label for="FirstName" class="">First Name</label>--> 5110 <input type="text" class="first" name="firstname" placeholder="First Name"> 5111 </div> 5112 </div> 5113 <div class="postalcode fieldWrap"> 5114 <!--<label for="postalCode" class="">Postal Code</label>--> 5115 <input type="text" name="postalcode" placeholder="Zip"> 5116 </div> 5117 <div class="postal_country fieldWrap"> 5118 <div class="country select-drop-down-arrow"> 5119 <select class="country form-control" name="country"> 5120 5121 </select> 5122 </div> 5123 </div> 5124 5125 <div class="birthday fieldWrap"> 5126 <!--<label for="birthday" class="birthday">birthday</label>--> 5127 <!--<div class="birth-date-title">Birth Date</div>--> 5128 5129 <div class="dobDay fieldWrap select-drop-down-arrow"> 5130 <select name="dobDay" class> 5131 <option value>Day</option> 5132 <option value="1">1</option> 5133 <option value="2">2</option> 5134 <option value="3">3</option> 5135 <option value="4">4</option> 5136 <option value="5">5</option> 5137 <option value="6">6</option> 5138 <option value="7">7</option> 5139 <option value="8">8</option> 5140 <option value="9">9</option> 5141 <option value="10">10</option> 5142 <option value="11">11</option> 5143 <option value="12">12</option> 5144 <option value="13">13</option> 5145 <option value="14">14</option> 5146 <option value="15">15</option> 5147 <option value="16">16</option> 5148 <option value="17">17</option> 5149 <option value="18">18</option> 5150 <option value="19">19</option> 5151 <option value="20">20</option> 5152 <option value="21">21</option> 5153 <option value="22">22</option> 5154 <option value="23">23</option> 5155 <option value="24">24</option> 5156 <option value="25">25</option> 5157 <option value="26">26</option> 5158 <option value="27">27</option> 5159 <option value="28">28</option> 5160 <option value="29">29</option> 5161 <option value="30">30</option> 5162 <option value="31">31</option> 5163 </select> 5164 </div> 5165 <div class="dobMonth fieldWrap select-drop-down-arrow"> 5166 <select name="dobMonth" class> 5167 <option value>Month</option> 5168 <option value="1">January</option> 5169 <option value="2">February</option> 5170 <option value="3">March</option> 5171 <option value="4">April</option> 5172 <option value="5">May</option> 5173 <option value="6">June</option> 5174 <option value="7">July</option> 5175 <option value="8">August</option> 5176 <option value="9">September</option> 5177 <option value="10">October</option> 5178 <option value="11">November</option> 5179 <option value="12">December</option> 5180 </select> 5181 </div> 5182 5183 5184 </div> 5185 5186 <input name="newsletterId" type="hidden" value="14075551"> 5187 <input name="Datasource" type="hidden" value="Trivium_NewsletterOptIn_MainSignUp_Website"> 5188 <div class="conditions"> 5189 <div class="globaloptin"> 5190 <!-- <input type="checkbox" name="artist_mktg_consent" id="artist_mktg_consent" required="" 5191 value="true" data-error-text="This field is required" class=""> 5192 <label for="artist_mktg_consent" class="goptin_checkbox"> 5193 I want Warner Music Group to send me marketing messages about Trivium. 5194 Unsubscribe at any time. Please read our <a href="https://privacy.wmg.com/atlantic/privacy-policy" 5195 target="_blank" class="external-link" rel="nofollow" 5196 title="">Privacy Policy</a> for more information about how we handle your 5197 personal information, including for marketing. 5198 </label> -->
5199 <span class="consent-placeholder" data-template="global-mktg" data-artist="Trivium" data-value="14074104" data-pp-link="https://privacy.wmg.com/atlantic/privacy-policy"></span> 5200 </div> 5201 </div> 5202 <div class="submit"> 5203 <input type="submit" class="submit mlistSubmit" value="Submit"> 5204 </div> 5205 </form> 5206 </div> 5207 </div> 5208 </div> 5209 5210</div> 5211 5212 5213<style> 5214 div#headerMailinglist { 5215 display: none; 5216 } 5217 5218 .node--unpublished { 5219 padding: 0; 5220 background-color: transparent; 5221 } 5222 5223 div#block-bartik-communitysignupdomandcss { 5224 position: absolute; 5225 right: 2vw; 5226 width: 27vw; 5227 z-index: 12; 5228 top: 2vw; 5229 } 5230 5231 .Community_signup_wrapper .conditions { 5232 position: relative; 5233 margin-top: 1.1vw; 5234 } 5235 5236 .Community_signup_wrapper .mlistwrapper { 5237 max-width: 100%; 5238 margin: 0 auto; 5239 font-family: "bebas-neue-pro", sans-serif; 5240 font-weight: 600; 5241 font-style: normal; 5242 5243 font-size: 0.78vw; 5244 color: #FBF26F; 5245 } 5246 5247 .Community_signup_wrapper .fadeOut { 5248 display: none; 5249 } 5250 5251 div#block-homepagefootermailinglist { 5252 display: none; 5253 } 5254 5255 .Community_signup_wrapper .plain-ml-wrapper input, 5256 .Community_signup_wrapper .plain-ml-wrapper select { 5257 -webkit-appearance: none; 5258 -moz-appearance: none; 5259 appearance: none; 5260 border: 1px solid #FBF26F; 5261 background: transparent; 5262 width: 100%; 5263 line-height: 2.08vw; 5264 height: 2.08vw; 5265 color: #FBF26F; 5266 font-family: "bebas-neue-pro", sans-serif; 5267 font-weight: 600; 5268 font-style: normal; 5269 5270 font-size: 0.78vw; 5271 outline: none; 5272 box-sizing: border-box; 5273 text-indent: 0.5vw; 5274 text-transform: uppercase; 5275 } 5276 5277 .Community_signup_wrapper #secondform select, 5278 .Community_signup_wrapper #secondform input:not([type="submit"]) { 5279 font-size: 0.78vw; 5280 } 5281 5282 .Community_signup_wrapper #secondform input:not([type="submit"]), 5283 .Community_signup_wrapper #secondform select { 5284 height: 2.08vw; 5285 line-height: 2.08vw; 5286 padding: 0px 1vw; 5287 } 5288 5289 .Community_signup_wrapper #secondform .submit { 5290 padding-top: 0vw; 5291 } 5292 5293 .Community_signup_wrapper .iti--allow-dropdown input, 5294 .Community_signup_wrapper .iti--allow-dropdown input[type=text], 5295 .Community_signup_wrapper .iti--allow-dropdown input[type=tel], 5296 .Community_signup_wrapper .iti--separate-dial-code input, 5297 .Community_signup_wrapper .iti--separate-dial-code input[type=text], 5298 .Community_signup_wrapper .iti--separate-dial-code input[type=tel] { 5299 padding-left: 3.5vw; 5300 } 5301 5302 .Community_signup_wrapper .plain-ml-wrapper .country:after { 5303 background: none; 5304 } 5305 5306 .Community_signup_wrapper .plain-ml-wrapper .fieldWrap, 5307 .Community_signup_wrapper .plain-ml-wrapper .globaloptin { 5308 margin-bottom: 10px; 5309 } 5310 5311 .Community_signup_wrapper .plain-ml-wrapper .fieldWrap label { 5312 display: none; 5313 } 5314 5315 .Community_signup_wrapper .plain-ml-wrapper input[type="checkbox"] { 5316 -webkit-appearance: none; 5317 appearance: none; 5318 width: 20px; 5319 height: 20px; 5320 border: none; 5321 background: #fff; 5322 position: relative; 5323 display: inline-block; 5324 vertical-align: middle; 5325 padding: 0; 5326 margin: 0; 5327 border: 1px solid #FBF26F; 5328 text-indent: 0; 5329 } 5330 5331 .Community_signup_wrapper .plain-ml-wrapper input[type="checkbox"]:checked { 5332 background: #fff; 5333 } 5334 5335 .Community_signup_wrapper .plain-ml-wrapper .iti { 5336 display: block; 5337 } 5338 5339 .Community_signup_wrapper .plain-ml-wrapper .input-error { 5340 color: red; 5341 display: block; 5342 font-size: 0.7vw; 5343 line-height: 1vw; 5344 } 5345 5346 .Community_signup_wrapper .plain-ml-wrapper input.errored { 5347 border: 1px solid red; 5348 } 5349 5350 .Community_signup_wrapper .plain-ml-wrapper div.submit { 5351 padding-top: 0.5vw; 5352 display: block; 5353 } 5354 5355 .Community_signup_wrapper .plain-ml-wrapper input.submit { 5356 background: #FBF26F; 5357 color: #fff; 5358 border-radius: 0; 5359 cursor: pointer; 5360 } 5361 5362 .Community_signup_wrapper .plain-ml-wrapper input.submit:hover { 5363 background: #fff; 5364 color: #FBF26F; 5365 } 5366 5367 .Community_signup_wrapper .plain-ml-wrapper .dobDay, 5368 .Community_signup_wrapper .plain-ml-wrapper .dobMonth { 5369 display: inline-block; 5370 width: 49%; 5371 } 5372 5373 .Community_signup_wrapper #secondform div.dobMonth.fieldWrap, 5374 .Community_signup_wrapper form#mlistFormTwo .postalcode.fieldWrap { 5375 margin-right: 0; 5376 } 5377 5378 .Community_signup_wrapper .plain-ml-wrapper .dobDay { 5379 margin-right: 2%; 5380 } 5381 5382 .Community_signup_wrapper .plain-ml-wrapper .dobMonth { 5383 margin-right: 0; 5384 } 5385 5386 .Community_signup_wrapper .plain-ml-wrapper .birthday { 5387 font-size: 0; 5388 } 5389 5390 .Community_signup_wrapper .plain-ml-wrapper a { 5391 color: #FBF26F; 5392 } 5393 5394 .Community_signup_wrapper .plain-ml-wrapper .terms { 5395 text-align: center; 5396 font-size: 12px; 5397 } 5398 5399 .Community_signup_wrapper .plain-ml-wrapper #thankyou { 5400 text-align: center; 5401 } 5402
5403 .Community_signup_wrapper .globaloptin label, 5404 .Community_signup_wrapper .plain-ml-wrapper .globaloptin, 5405 .Community_signup_wrapper .plain-ml-wrapper label:not(.goptin_checkbox) { 5406 font-size: 0.63vw; 5407 position: relative; 5408 width: 25vw; 5409 z-index: 10; 5410 } 5411 5412 .Community_signup_wrapper .globaloptin label a { 5413 text-decoration: underline; 5414 pointer-events: auto !important; 5415 } 5416 5417 .Community_signup_wrapper .globaloptin label a:hover { 5418 opacity: 0.5; 5419 } 5420 5421 .Community_signup_wrapper .mlistwrapper { 5422 width: 47.8125vw; 5423 background: transparent; 5424 } 5425 5426 .Community_signup_wrapper div.firstMlistForm, 5427 .Community_signup_wrapper #firstMlistForm { 5428 max-width: 100%; 5429 width: 100%; 5430 margin: 3vw auto; 5431 font-size: 0; 5432 padding: 0; 5433 } 5434 5435 #block-bartik-communitysignupdomandcss-2 .Community_signup_wrapper div.firstMlistForm, 5436 #block-bartik-communitysignupdomandcss-2 .Community_signup_wrapper #firstMlistForm { 5437 max-width: 30vw; 5438 width: 100%; 5439 margin: 0 auto; 5440 5441 } 5442 5443 .Community_signup_wrapper .mlistwrapper { 5444 margin-left: 0; 5445 display: inline-block; 5446 } 5447 5448 .Community_signup_wrapper .fadeOut { 5449 display: none; 5450 } 5451 5452 .Community_signup_wrapper .name>div { 5453 width: 49%; 5454 display: inline-block; 5455 } 5456 5457 .Community_signup_wrapper .name>div.first { 5458 margin-right: 2%; 5459 } 5460 5461 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after, 5462 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobMonth:after, 5463 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobDay:after, 5464 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobMonth:after, 5465 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay:after { 5466 position: absolute; 5467 pointer-events: none; 5468 content: "\25BC"; 5469 text-indent: initial; 5470 font-size: 1vw; 5471 right: 0.21vw; 5472 width: 1vw; 5473 top: 50%; 5474 transform: translateY(-50%); 5475 color: #FBF26F; 5476 } 5477 5478 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after { 5479 transform: translateY(-37%); 5480 } 5481 5482 .Community_signup_wrapper input[type="text"], 5483 .Community_signup_wrapper select { 5484 color: #FBF26F; 5485 height: 2.25vw; 5486 line-height: 2.25vw; 5487 margin: 0; 5488 padding: 0; 5489 text-transform: uppercase; 5490 border: none; 5491 border-bottom: 0.0520836vw solid #FBF26F; 5492 background: rgb(255 255 255 / 100%); 5493 background: transparent; 5494 font-size: 1.641667vw; 5495 font-family: "bebas-neue-pro", sans-serif; 5496 font-weight: 600; 5497 font-style: normal; 5498 5499 width: 100%; 5500 opacity: 1; 5501 /* text-indent: 0.331vw; */ 5502 outline: none; 5503 border-radius: 0; 5504 -webkit-appearance: none; 5505 -moz-appearance: none; 5506 } 5507 5508 .Community_signup_wrapper option { 5509 background: rgb(255 255 255 / 90%); 5510 color: #FBF26F; 5511 } 5512 5513 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.name, 5514 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.email { 5515 margin-bottom: 1vw; 5516 margin-top: 1vw; 5517 position: relative; 5518 } 5519 5520 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.submit, 5521 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit { 5522 margin: 0 auto; 5523 width: 10vw; 5524 } 5525 5526 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit), 5527 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) { 5528 width: 100%; 5529 height: 2.08vw; 5530 line-height: 1.08vw; 5531 background: #FBF26F; 5532 color: #000; 5533 text-align: center; 5534 margin: 0 auto; 5535 border-radius: 0; 5536 text-indent: 0; 5537 } 5538 5539 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) { 5540 line-height: 2.08vw; 5541 } 5542
5543 .Community_signup_wrapper #secondform .globaloptin span.input-error { 5544 color: red; 5545 } 5546 5547 .Community_signup_wrapper :is(div#terms, div.terms) { 5548 width: 100%; 5549 text-align: center; 5550 position: relative; 5551 } 5552 5553 .Community_signup_wrapper :is(div#terms, div.terms) a.terms, 5554 .Community_signup_wrapper :is(div#terms, div.terms) a.terms:hover, 5555 .Community_signup_wrapper :is(div#terms, div.terms) p { 5556 color: #FBF26F; 5557 opacity: 1; 5558 font-size: 1vw; 5559 line-height: 1.2; 5560 } 5561 5562 .Community_signup_wrapper :is(div#terms, div.terms) a, 5563 .Community_signup_wrapper :is(div#terms, div.terms) p { 5564 margin: 0.642vw 0 0; 5565 text-align: left; 5566 } 5567 5568 .Community_signup_wrapper input[type="submit"] { 5569 cursor: pointer; 5570 } 5571 5572 .Community_signup_wrapper span.input-error { 5573 color: red; 5574 font-size: 1vw; 5575 position: absolute; 5576 top: -1vw; 5577 left: 0; 5578 width: 100%; 5579 bottom: unset; 5580 } 5581 5582 .Community_signup_wrapper .conditions span.input-error { 5583 top: -0.8vw; 5584 position: unset; 5585 } 5586 5587 .Community_signup_wrapper .mlistFormTwo .conditions span.input-error { 5588 top: -1.5vw; 5589 } 5590 5591 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div { 5592 margin-bottom: 1.125vw; 5593 position: relative; 5594 } 5595 5596 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.name>div.first { 5597 margin: 0; 5598 width: 100%; 5599 display: block; 5600 } 5601 5602 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div { 5603 display: inline-block; 5604 width: 49%; 5605 position: relative; 5606 } 5607 5608 /* .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobMonth { 5609 margin-right: 2%; 5610 } */ 5611 .Community_signup_wrapper .globaloptin.fieldWrap { 5612 margin: 0 0 1.25vw; 5613 text-align: left; 5614 position: relative; 5615 font-size: 1.4vw; 5616 font-weight: normal; 5617 color: #FBF26F; 5618 line-height: 1vw; 5619 } 5620 5621 .Community_signup_wrapper .globaloptin input { 5622 width: 0.9517vw; 5623 height: 0.9517vw; 5624 margin: 0; 5625 position: absolute; 5626 display: inline-block; 5627 opacity: 0; 5628 vertical-align: top; 5629 } 5630 5631 .Community_signup_wrapper label.goptin_checkbox, 5632 .Community_signup_wrapper label.mobile_mktg_consent_txt { 5633 display: inline-block; 5634 padding-left: 2vw; 5635 vertical-align: top; 5636 text-transform: uppercase; 5637 font-weight: 400; 5638 } 5639 5640 .Community_signup_wrapper label.mobile_mktg_consent_txt { 5641 padding-left: 2.3vw; 5642 } 5643 5644 .Community_signup_wrapper .plain-ml-wrapper .globaloptin input[type="checkbox"]:not(:checked), 5645 .Community_signup_wrapper .plain-ml-wrapper .globaloptin input[type="checkbox"]:checked { 5646 position: absolute; 5647 left: 0px; 5648 width: 1.8vw; 5649 height: 1.8vw; 5650 z-index: 13; 5651 top: 0px; 5652 opacity: 0; 5653 cursor: pointer; 5654 margin: 0; 5655 -webkit-appearance: none; 5656 padding: 0; 5657 } 5658 5659 .Community_signup_wrapper .globaloptin label::before { 5660 content: ""; 5661 width: 1.098vw; 5662 height: 1.098vw; 5663 top: 0; 5664 left: 0; 5665 border: 1px solid #FBF26F; 5666 position: absolute; 5667 display: inline-block; 5668 box-sizing: border-box; 5669 } 5670 5671 .Community_signup_wrapper .globaloptin label::after { 5672 content: ""; 5673 height: 0.375vw; 5674 width: 0.925vw; 5675 border-left: none; 5676 border-bottom: none; 5677 top: 0.25vw; 5678 left: 0.25vw; 5679 position: absolute; 5680 display: inline-block; 5681 transform: unset; 5682 } 5683 5684 .Community_signup_wrapper input#artist_mktg_consent.errored~label:before { 5685 border-color: #ff0000; 5686 } 5687 5688 .Community_signup_wrapper .iti__country-name { 5689 font-size: 1.1vw; 5690 } 5691 5692 /* .Community_signup_wrapper .globaloptin input[type="checkbox"]+label::after { 5693 content: none; 5694 }
5695 .Community_signup_wrapper .globaloptin input[type="checkbox"]:checked+label::after { 5696 content: ""; 5697 } */ 5698 .Community_signup_wrapper .globaloptin input[type="checkbox"]:checked+label::after { 5699 content: "\2713"; 5700 position: absolute; 5701 top: -0.1vw; 5702 left: 0.3vw; 5703 font-size: 0.9vw; 5704 width: 2vw; 5705 } 5706 5707 .Community_signup_wrapper .globaloptin input[type="checkbox"]:not(:checked)+label:after, 5708 .Community_signup_wrapper .globaloptin [type=checkbox]:checked+label:after .Community_signup_wrapper :is(div#thankyou, div.thankyou) { 5709 color: #FBF26F; 5710 text-transform: uppercase; 5711 content: "\2713"; 5712 position: absolute; 5713 top: 0.1vw; 5714 left: 0.3vw; 5715 font-size: 1.4vw; 5716 } 5717 5718 .Community_signup_wrapper input:-webkit-autofill, 5719 .Community_signup_wrapper input:-webkit-autofill:hover, 5720 .Community_signup_wrapper input:-webkit-autofill:focus, 5721 .Community_signup_wrapper select:-webkit-autofill, 5722 .Community_signup_wrapper select:-webkit-autofill:hover, 5723 .Community_signup_wrapper select:-webkit-autofill:focus { 5724 -webkit-text-fill-color: #FBF26F; 5725 -webkit-box-shadow: 0 0 0px 1000px transparent inset; 5726 transition: rgb(255 255 255 / 100%) 5000s ease-in-out 0s; 5727 } 5728 5729 .Community_signup_wrapper ::-webkit-input-placeholder { 5730 color: #FBF26F; 5731 opacity: 1; 5732 } 5733 5734 .Community_signup_wrapper :-ms-input-placeholder { 5735 color: #FBF26F; 5736 opacity: 1; 5737 } 5738 5739 .Community_signup_wrapper ::placeholder { 5740 color: #FBF26F; 5741 opacity: 1; 5742 } 5743 5744 .Community_signup_wrapper input#email.errored { 5745 border-color: red; 5746 } 5747 5748 .Community_signup_wrapper .welcome p { 5749 font-size: 1vw; 5750 color: #FBF26F; 5751 text-transform: uppercase; 5752 text-align: center; 5753 } 5754 5755 .Community_signup_wrapper .followLink a:hover, 5756 .Community_signup_wrapper .closePopUp:hover, 5757 .Community_signup_wrapper :is(form#mlistFormOne, .Community_signup_wrapper form.mlistFormOne)>div.submit :is(input#submit, input.submit):hover, 5758 .Community_signup_wrapper :is(form#mlistFormTwo, .Community_signup_wrapper form.mlistFormTwo)>div.submit :is(input#submit, input.submit):hover { 5759 opacity: 0.5; 5760 } 5761 5762 .Community_signup_wrapper :is(div#terms, div.terms) a.terms:hover, 5763 .Community_signup_wrapper :is(div#terms, div.terms) p a { 5764 text-decoration: underline; 5765 } 5766 5767 .Community_signup_wrapper :is(div#terms, div.terms) p a:focus, 5768 .Community_signup_wrapper :is(div#terms, div.terms) p a:hover, 5769 .Community_signup_wrapper :is(div#terms, div.terms) p a:active { 5770 color: #FBF26F; 5771 opacity: 1; 5772 text-decoration: none; 5773 } 5774 5775 .Community_signup_wrapper select { 5776 -moz-appearance: none !important; 5777 -webkit-appearance: none !important; 5778 } 5779 5780 .Community_signup_wrapper select::-ms-expand { 5781 display: none !important; 5782 } 5783 5784 .Community_signup_wrapper .mlistFormTwo .globaloptin label { 5785 padding-left: 2vw; 5786 } 5787 5788 .Community_signup_wrapper #secondform .welcome p { 5789 padding-top: 2vw; 5790 } 5791 5792 .Community_signup_wrapper span.secondFormClose { 5793 font-size: 2vw; 5794 text-align: right; 5795 position: absolute; 5796 right: 2vw; 5797 cursor: pointer; 5798 } 5799 5800 .Community_signup_wrapper span.secondFormClose:hover { 5801 opacity: 0.5; 5802 } 5803 .Community_signup_wrapper .plain-ml-wrapper .input-error { 5804 text-align: left; 5805 } 5806 @media only screen and (max-width: 1024px) and (orientation: portrait) { 5807 div#block-bartik-reskinheaderblockburyreskin { 5808 height: auto; 5809 } 5810 5811 /* div#headerWrapper { 5812 height: 70vh; 5813 min-height: 70vh; 5814 } */ 5815 div#block-bartik-communitysignupdomandcss { 5816 position: relative; 5817 right: unset; 5818 width: 90vw; 5819 z-index: 13; 5820 top: 0; 5821 } 5822 5823 .Community_signup_wrapper .plain-ml-wrapper input, 5824 .Community_signup_wrapper .plain-ml-wrapper select { 5825 line-height: 10.66vw; 5826 height: 10.66vw; 5827 font-size: 3.2vw; 5828 text-indent: 2.5vw; 5829 } 5830 5831 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit), 5832 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) { 5833 text-indent: 0; 5834 } 5835 5836 .Community_signup_wrapper .iti--allow-dropdown input, 5837 .Community_signup_wrapper .iti--allow-dropdown input[type=text], 5838 .Community_signup_wrapper .iti--allow-dropdown input[type=tel], 5839 .Community_signup_wrapper .iti--separate-dial-code input, 5840 .Community_signup_wrapper .iti--separate-dial-code input[type=text], 5841 .Community_signup_wrapper .iti--separate-dial-code input[type=tel] { 5842 padding-left: 10.5vw; 5843 } 5844 5845 .Community_signup_wrapper .mlistwrapper { 5846 width: 100%; 5847 } 5848
5849 .Community_signup_wrapper .globaloptin label, 5850 .Community_signup_wrapper .plain-ml-wrapper .globaloptin, 5851 .Community_signup_wrapper .plain-ml-wrapper label:not(.goptin_checkbox) { 5852 font-size: 2.63vw; 5853 width: 82vw; 5854 } 5855 5856 .Community_signup_wrapper .globaloptin label::before, 5857 .Community_signup_wrapper .plain-ml-wrapper .globaloptin input[type="checkbox"]:not(:checked), 5858 .Community_signup_wrapper .plain-ml-wrapper .globaloptin input[type="checkbox"]:checked { 5859 width: 4.098vw; 5860 height: 4.098vw; 5861 } 5862 5863 .Community_signup_wrapper label.goptin_checkbox, 5864 .Community_signup_wrapper label.mobile_mktg_consent_txt { 5865 padding-left: 8vw; 5866 } 5867 5868 .Community_signup_wrapper label.mobile_mktg_consent_txt { 5869 padding-left: 8.3vw; 5870 } 5871 5872 .Community_signup_wrapper .globaloptin input[type="checkbox"]:checked+label::after { 5873 top: -1vw; 5874 left: 0.4vw; 5875 font-size: 3.9vw; 5876 width: 5vw; 5877 } 5878 5879 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.submit, 5880 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit { 5881 width: 30vw; 5882 } 5883 5884 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.submit :is(input#submit, input.submit), 5885 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.submit :is(input#submit, input.submit) { 5886 width: 100%; 5887 5888 font-size: 5vw; 5889 height: 11.6vw; 5890 line-height: 10vw; 5891 } 5892 5893 .Community_signup_wrapper .plain-ml-wrapper .fieldWrap, 5894 .Community_signup_wrapper .plain-ml-wrapper .globaloptin { 5895 margin-bottom: 4vw; 5896 } 5897 5898 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.name, 5899 .Community_signup_wrapper :is(form#mlistFormOne, form.mlistFormOne)>div.email { 5900 margin-bottom: 6vw; 5901 margin-top: 6vw; 5902 } 5903 5904 .Community_signup_wrapper span.input-error { 5905 top: -6vw; 5906 } 5907 5908 .Community_signup_wrapper .plain-ml-wrapper .input-error { 5909 font-size: 3.7vw; 5910 line-height: 4vw; 5911 } 5912 5913 .Community_signup_wrapper .conditions span.input-error { 5914 top: -3.6vw; 5915 } 5916 5917 .Community_signup_wrapper .welcome p { 5918 font-size: 5vw; 5919 } 5920 5921 .Community_signup_wrapper #secondform input:not([type="submit"]), 5922 .Community_signup_wrapper #secondform select { 5923 height: 9.08vw; 5924 line-height: 9.08vw; 5925 padding: 0px 1vw; 5926 } 5927 5928 .Community_signup_wrapper #secondform select, 5929 .Community_signup_wrapper #secondform input:not([type="submit"]) { 5930 font-size: 3.9vw; 5931 } 5932 5933 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after, 5934 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobMonth:after, 5935 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div.birthday>div.dobDay:after, 5936 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobMonth:after, 5937 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.birthday div.dobDay:after { 5938 font-size: 5vw; 5939 right: 6.21vw; 5940 width: 3vw; 5941 } 5942 5943 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo)>div { 5944 margin-bottom: 5.125vw; 5945 } 5946 5947 .Community_signup_wrapper .mlistFormTwo .conditions span.input-error { 5948 top: -6.5vw; 5949 } 5950 5951 body .Community_signup_wrapper div#thankyou { 5952 font-size: 4.171875vw; 5953 } 5954 5955 #header .region-header div#block-bartik-communitysignupdomandcss.block:not(.site-branding) { 5956 margin: 0 auto !important; 5957 float: unset; 5958 } 5959 5960 .Community_signup_wrapper { 5961 padding-top: 10vw; 5962 } 5963
5964 .Community_signup_wrapper .mlistFormTwo .globaloptin label { 5965 padding-left: 7vw; 5966 } 5967 5968 .Community_signup_wrapper :is(form#mlistFormTwo, form.mlistFormTwo) div.country:after { 5969 transform: translateY(-50%); 5970 top: 50%; 5971 } 5972 5973 .Community_signup_wrapper span.secondFormClose { 5974 font-size: 7vw; 5975 } 5976 5977 .Community_signup_wrapper #secondform .welcome p { 5978 padding-top: 10vw; 5979 } 5980 5981 .Community_signup_wrapper .welcome p span { 5982 display: inline-block !important; 5983 } 5984 5985 #block-bartik-communitysignupdomandcss-2 .Community_signup_wrapper div.firstMlistForm, 5986 #block-bartik-communitysignupdomandcss-2 .Community_signup_wrapper #firstMlistForm { 5987 max-width: 100%; 5988 } 5989 } 5990</style></div> 5991 5992 </div> 5993 </div> 5994 5995 </div> 5996 5997 </section> 5998 </main> 5999 </div> 6000 </div> 6001 <footer class="site-footer"> 6002 <div class="layout-container"> 6003 <div class="site-footer__top clearfix"> 6004 <div class="region region-footer-first"> 6005 <div id="block-bartik-reskinfootercss" data-block-plugin-id="block_content:2ea35ac7-f359-4d01-9367-4c332b24c442" class="block block-block-content block-block-content2ea35ac7-f359-4d01-9367-4c332b24c442"> 6006 6007 6008 <div class="content"> 6009 6010 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 6011 .site-footer__bottom { 6012 border: none; 6013 } 6014 6015 ul.footer-socials.socials li a:hover { 6016 opacity: 0.6; 6017 color: #FBF26F; 6018 /*background: transparent;*/ 6019 transition: 0.5s; 6020 } 6021 6022 a.icon-twitch, 6023 a.icon-twitch:hover { 6024 background-image: url(/sites/g/files/g2000023411/files/2026-07/msg-icon2_jcpsv2hi.svg); 6025 } 6026 6027 ul.footer-socials.socials li { 6028 list-style: none; 6029 display: inline-block; 6030 margin-right: 20px; 6031 vertical-align: -webkit-baseline-middle; 6032 } 6033 6034 ul.footer-socials.socials li a { 6035 font-size: 23px; 6036 vertical-align: middle; 6037 position: relative; 6038 color: #FBF26F; 6039 padding: 0; 6040 margin-right: inherit; 6041 } 6042 6043 ul.footer-socials.socials li:last-child { 6044 margin-right: 0; 6045 } 6046 6047 ul.footer-socials.socials li a.icon-soundcloud { 6048 font-size: 27px; 6049 vertical-align: middle; 6050 padding-top: 0; 6051 padding-bottom: 0; 6052 } 6053 6054 div#block-bartik-reskinfooter { 6055 display: block; 6056 } 6057 6058 ul.footer-socials.socials { 6059 position: relative; 6060 padding-bottom: 0; 6061 } 6062 6063 .copyright span, 6064 div#block-bartik-reskinfooter .copyright a, 6065 .copyright { 6066 color: #FBF26F; 6067 font-size: 0.6vw; 6068 letter-spacing: 0; 6069 font-family: "bebas-neue-pro", sans-serif; 6070 font-weight: 600; 6071 font-style: normal; 6072 text-transform: uppercase; 6073 } 6074 6075 div#drupal-live-announce { 6076 display: none; 6077 } 6078 6079 ul.footer-socials.socials li { 6080 display: inline-block; 6081 } 6082 6083 .secondFormCloseWrap { 6084 top: 0px; 6085 right: 0px; 6086 } 6087 6088 div#thankyoublock-innerwrapper { 6089 position: relative; 6090 } 6091 6092 div#thankyouBlock { 6093 padding: 30px 0px; 6094 } 6095 6096 @font-face { 6097 font-family: 'icomoon'; 6098 src: url('/sites/g/files/g2000023411/files/2020-04/icomoon.eot?to4pak'); 6099 src: url('/sites/g/files/g2000023411/files/2020-04/icomoon.eot?to4pak#iefix') format('embedded-opentype'), url('/sites/g/files/g2000023411/files/2020-04/icomoon.ttf?to4pak') format('truetype'), url('/sites/g/files/g2000023411/files/2020-04/icomoon.woff?to4pak') format('woff'), url('/sites/g/files/g2000023411/files/2020-04/icomoon.svg?to4pak#icomoon') format('svg'); 6100 font-weight: normal; 6101 font-style: normal; 6102 font-display: block; 6103 } 6104 6105 [class^="icon-"], 6106 [class*=" icon-"] { 6107 /* use !important to prevent issues with browser extensions that change fonts */ 6108 font-family: 'icomoon' !important; 6109 speak: none; 6110 font-style: normal; 6111 font-weight: normal; 6112 font-variant: normal; 6113 text-transform: none; 6114 line-height: 1; 6115 /* Better Font Rendering =========== */ 6116 -webkit-font-smoothing: antialiased; 6117 -moz-osx-font-smoothing: grayscale; 6118 } 6119 6120 .icon-soundcloud:before { 6121 content: "\e900"; 6122 } 6123 6124 .icon-facebook:before { 6125 content: "\ea90"; 6126 } 6127 6128 .icon-instagram:before { 6129 content: "\ea92"; 6130 } 6131 6132 .icon-spotify:before { 6133 content: "\ea94"; 6134 } 6135 6136 .icon-twitter:before { 6137 content: "\ea96"; 6138 } 6139 6140 .icon-youtube:before { 6141 content: "\ea9d"; 6142 } 6143 6144 .icon-appleinc:before { 6145 content: "\eabe"; 6146 } 6147 6148 .socials a { 6149 display: inline-block; 6150 vertical-align: middle; 6151 } 6152 6153 .socials a { 6154 color: #FBF26F; 6155 font-size: 25px; 6156 margin-right: 40px; 6157 text-decoration: none; 6158 } 6159 6160 .socials { 6161 margin-top: 0px; 6162 padding-top: 30px; 6163 } 6164 6165 ul.footer-socials.socials { 6166 text-align: center; 6167 } 6168 6169 footer { 6170 background: var(--dark-grey); 6171 } 6172 6173 .copyright { 6174 margin: 0px; 6175 text-align: center; 6176 } 6177 6178 br.mobile-linebreak { 6179 display: none; 6180 } 6181 6182 a.ot-sdk-show-settings { 6183 white-space: nowrap; 6184 } 6185 6186 body .site-footer .block { 6187 border: none; 6188 border-color: none; 6189 } 6190 6191 @media only screen and (max-width: 767px) { 6192 6193 /*span.seperator-line { 6194 display: none; 6195 } 6196 br.mobile-linebreak { 6197 display: block; 6198 }*/ 6199 .path-frontpage ul.footer-socials.socials { 6200 padding: 0; 6201 } 6202 6203 .path-frontpage ul.footer-socials.socials li { 6204 margin-right: 0; 6205 } 6206 6207 ul.footer-socials.socials li { 6208 margin-right: 5px; 6209 } 6210 6211 ul.footer-socials.socials { 6212 width: 100%; 6213 margin: 0 auto; 6214 text-align: center; 6215 } 6216 6217 ul.footer-socials.socials li a { 6218 margin: 0 22px 0 auto; 6219 font-size: 18px; 6220 } 6221 6222 .site-footer .layout-container { 6223 padding: 0; 6224 } 6225 6226 .copyright { 6227 width: 100%; 6228 margin: 0 auto; 6229 text-align: center; 6230 } 6231 6232 ul.footer-socials.socials li:last-child a { 6233 margin: 0 auto; 6234 } 6235 6236 .copyright { 6237 padding-top: 15px; 6238 line-height: 1.7; 6239 } 6240 6241 span.copy { 6242 display: block; 6243 } 6244 } 6245 6246 span.sep { 6247 display: none; 6248 } 6249 6250 .copyright a { 6251 padding-left: 6px; 6252 } 6253 6254 div#block-bartik-reskinfooter { 6255 border: 0; 6256 text-align: center; 6257 margin: 0; 6258 padding: 0; 6259 } 6260 6261 @media only screen and (min-width: 1025px) { 6262 ul.footer-socials.socials li a.icon-soundcloud { 6263 font-size: 37px; 6264 vertical-align: middle; 6265 padding-top: 0; 6266 padding-bottom: 0; 6267 height: 42px; 6268 line-height: 44px; 6269 } 6270 6271 body.page-node-.layout-no-sidebars.path-music footer.site-footer { 6272 margin: 0 10% 0 auto; 6273 max-width: 52.2vw; 6274 } 6275 6276 .path-video footer.site-footer { 6277 margin: 0 14% 0 auto; 6278 } 6279 } 6280 6281 @media only screen and (max-width: 1023px) { 6282 .copyright { 6283 margin: 0px; 6284 text-align: center; 6285 } 6286 6287 ul.footer-socials.socials { 6288 text-align: center; 6289 padding-left: 0 !important; 6290 } 6291 } 6292</style></div> 6293 6294 </div> 6295 </div> 6296<div id="block-bartik-reskinfooter" data-block-plugin-id="block_content:8e14e50e-9578-4d9d-9861-a49ce45bae27" class="block block-block-content block-block-content8e14e50e-9578-4d9d-9861-a49ce45bae27"> 6297 6298 6299 <div class="content"> 6300 6301 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.4.2/css/all.css"> 6302<ul class="footer-socials socials"> 6303 <li> 6304 <a class="fs-fb-link icon-facebook" href="https://www.facebook.com/Trivium" target="_blank" aria-label="link" data-track="facebook-ftr"></a> 6305 </li> 6306 <li> 6307 <a class="fa-brands twt-x" href="https://twitter.com/TriviumOfficial" target="_blank" aria-label="link" data-track="twitter-ftr"></a> 6308 </li> 6309 <li>
6310 <a class="fs-ig-link icon-instagram" href="https://instagram.com/triviumband" target="_blank" aria-label="link" data-track="instagram-ftr"></a> 6311 </li> 6312 <li> 6313 <a class="fs-yt-link icon-youtube" href="https://www.youtube.com/user/trivium" target="_blank" aria-label="link" data-track="youtube-ftr"></a> 6314 </li> 6315 <li> 6316 <a class="fs-sp-link icon-spotify" href="https://open.spotify.com/artist/278ZYwGhdK6QTzE3MFePnP?si=kuQ7d7euTHONNjmvLl-sXQ" target="_blank" aria-label="link" data-track="spotify-ftr"></a> 6317 </li> 6318 <li> 6319 <a class="fs-ap-link icon-appleinc" href="https://geo.music.apple.com/us/artist/trivium/47123955?mt=1&app=music" target="_blank" aria-label="link" data-track="apple-music-ftr"></a> 6320 </li> 6321 <li> 6322 <a class="fs-sc-link icon-soundcloud" href="https://soundcloud.com/triviumofficial" target="_blank" aria-label="link" data-track="soundcloud-ftr"></a> 6323 </li> 6324</ul> 6325<div class="copyright"> 6326 6327 <span class="copy">©2026 Atlantic Records</span><a class="footer-privacy-policy" target="_blank" aria-label="link" href="https://privacy.wmg.com/atlantic/privacy-policy">privacy policy</a><span class="seperator-line sep"> | </span><br class="mobile-linebreak"> 6328 <a target="_blank" aria-label="link" class="footer-terms-of-use" href="https://www.elektrarecords.com/terms-of-service">terms of use</a><span class="sep"> | </span> 6329 6330 <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" aria-label="link">Cookies Policy</a><span class="sep"> | </span> 6331 <a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a> 6332</div></div> 6333 6334 </div> 6335 </div> 6336 6337 </div> 6338 6339 6340 6341 6342 </div> 6343 <div class="site-footer__bottom"> 6344 <div class="region region-footer-fifth"> 6345 <div id="block-bartik-reskinscriptuscanadatour" data-block-plugin-id="block_content:2a249702-cd88-4a87-abf4-34f0de220542" class="block block-block-content block-block-content2a249702-cd88-4a87-abf4-34f0de220542"> 6346 6347 6348 <div class="content"> 6349 6350 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" href="https://use.typekit.net/bfv2ies.css">
6351<script> 6352document.addEventListener("DOMContentLoaded", function () { 6353 document.querySelector('div#block-bartik-scriptuscanadatour').remove(); 6354}) 6355</script>
6355 6356<style> 6357 div#navigationSection { 6358 display: inline-block !important; 6359 } 6360 .site-footer__bottom{ 6361 display: none; 6362 } 6363 6364 ol, 6365 ul { 6366 list-style: none; 6367 } 6368 div#block-bartik-reskinscriptuscanadatour{ 6369font-family: "bebas-neue-pro", sans-serif; 6370font-weight: 600; 6371font-style: normal; 6372 } 6373 6374 div#navigationSection ul { 6375 padding: 0; 6376 display: flex; 6377 justify-content: center; 6378 align-items: center; 6379 margin-top: 1.2vw; 6380 } 6381 6382 .tourtitle { 6383 display: flex; 6384 align-items: center; 6385 justify-content: left; 6386 margin-bottom: 40px; 6387 } 6388 6389 .tourtitle .title { 6390 margin: 0; 6391 margin-right: 2vw; 6392 font-size: 2.083vw; 6393 padding-top: 0.4vw; 6394 font-family: "bebas-neue-pro", sans-serif; 6395font-weight: 600; 6396font-style: normal; 6397 color: #FBF26F; 6398 } 6399 6400 div#navigationSection ul li a { 6401 font-size: 2.083vw; 6402 text-transform: uppercase; 6403 padding: 0.2vw 0.8vw 0vw; 6404 display: block; 6405 box-sizing: border-box; 6406 border: 1px solid #FBF26F !important; 6407 font-family: "bebas-neue-pro", sans-serif; 6408font-weight: 600; 6409font-style: normal; 6410 color:#FBF26F; 6411 } 6412 6413 div#navigationSection ul li {} 6414 6415 div#navigationSection ul li:first-child { 6416 margin-right: 0.6vw; 6417 } 6418 6419 div#navigationSection ul li.active { 6420 background: #FBF26F; 6421 } 6422 body a{ 6423 color:#FBF26F ; 6424 } 6425 6426 div#navigationSection ul li.active a { 6427 color: #000; 6428 } 6429 6430 .tourdates .bit-event { 6431 display: flex; 6432 align-items: center; 6433 justify-content: center; 6434 margin-bottom: 2.5vw; 6435 } 6436 6437 .tourdates .bit-event .bit-details { 6438 width: 50vw; 6439 } 6440 6441 .tourdates .bit-event .bit-details.bit-event-buttons { 6442 width: 20vw; 6443 margin-left: 2vw; 6444 } 6445 6446 .bit-date { 6447 text-transform: uppercase; 6448 font-family: "bebas-neue-pro", sans-serif; 6449font-weight: 600; 6450font-style: normal; 6451 color: #FBF26F; 6452 font-weight: 400; 6453 font-size: 1.042vw; 6454 letter-spacing: 0; 6455 line-height: 1; 6456 } 6457 6458 .bit-venue { 6459 text-transform: uppercase; 6460 font-family: "bebas-neue-pro", sans-serif; 6461font-weight: 600; 6462font-style: normal; 6463 color: #FBF26F; 6464 font-size: 1.042vw; 6465 letter-spacing: 0; 6466 line-height: 2.5; 6467 display: inline-block; 6468 vertical-align: top; 6469 } 6470 6471 .bit-titleWrapper {} 6472 6473 .bit-location { 6474 color: #FBF26F; 6475 font-weight: 400; 6476 font-size: 1.042vw; 6477 letter-spacing: 0; 6478 line-height: 1; 6479 text-transform: uppercase; 6480 display: inline-block; 6481 vertical-align: top; 6482 font-family: "bebas-neue-pro", sans-serif; 6483font-weight: 600; 6484font-style: normal; 6485 } 6486 6487 .tourdates .bit-event .bit-details.bit-event-buttons a.bit-offers.bit-button span { 6488 font-family: "bebas-neue-pro", sans-serif; 6489font-weight: 600; 6490font-style: normal; 6491 font-size: 0.781vw; 6492 color: #000; 6493 font-weight: 600; 6494 border: none !important; 6495 background: #FBF26F; 6496 letter-spacing: 0; 6497 display: inline-block; 6498 padding: 0.8vw 3vw 0.6vw; 6499 text-transform:uppercase; 6500 } 6501 6502 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div span.bit-date, 6503 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-location, 6504 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 6505 font-size: 1.042vw; 6506 font-family: "bebas-neue-pro", sans-serif; 6507font-weight: 600; 6508font-style: normal; 6509 color: #FBF26F; 6510 } 6511 6512 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container a, 6513 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container a, 6514 div#tourdates .bit-widget .bit-event .bit-offers-text { 6515 font-size: 0.781vw; 6516 font-weight: bold; 6517 font-family: "bebas-neue-pro", sans-serif;
6518font-weight: 600; 6519font-style: normal; 6520 background: #FBF26F; 6521 line-height:3.25vw; 6522 } 6523 6524 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 6525 line-height: 2; 6526 } 6527 6528 6529 6530 @media only screen and (max-width: 1023px), 6531 only screen and (max-width: 1024px) and (orientation: portrait) { 6532 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div:first-child { 6533 width: 31%; 6534 } 6535 6536 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div span.bit-date, 6537 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-location, 6538 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 6539 font-size: 5vw; 6540 display: block; 6541 } 6542 6543 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container a, 6544 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container a, 6545 div#tourdates .bit-widget .bit-event .bit-offers-text { 6546 font-size: 4vw; 6547 } 6548 6549 .tourdates .bit-event { 6550 flex-direction: column; 6551 text-align: center; 6552 margin-bottom: 9.5vw; 6553 } 6554 6555 .tourdates .bit-event .bit-details.bit-event-buttons { 6556 margin-bottom: 5vw; 6557 margin: 0 auto; 6558 margin-top: 4vw; 6559 } 6560 6561 .bit-date { 6562 font-size: 4vw; 6563 } 6564 6565 .bit-venue { 6566 font-size: 4vw; 6567 line-height: 2.5; 6568 } 6569 6570 .bit-location { 6571 font-size: 4vw; 6572 } 6573 6574 .tourdates .bit-event .bit-details.bit-event-buttons a.bit-offers.bit-button span { 6575 font-size: 4vw; 6576 } 6577 6578 /*Styles added on 17-09*/ 6579 div#navigationSection { 6580 display: block !important; 6581 width: 100%; 6582 } 6583 6584 div#navigationSection ul li a { 6585 font-size: 4.033vw; 6586 padding-top: 1.5vw; 6587 } 6588 6589 .tourtitle .title { 6590 font-size: 10.667vw; 6591 margin: 0 auto 2vw; 6592 } 6593 6594 div#navigationSection {} 6595 6596 .tourtitle { 6597 flex-direction: column; 6598 } 6599 6600 div#navigationSection ul { 6601 justify-content: space-evenly; 6602 } 6603 6604 div#navigationSection ul li:first-child { 6605 width: 23%; 6606 text-align: center; 6607 } 6608 6609 div#navigationSection ul li:nth-child(2) { 6610 width: 55%; 6611 } 6612 6613 div#navigationSection ul li { 6614 text-align: center; 6615 } 6616 6617 6618 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 6619 display: block; 6620 width: 100%; 6621 text-align: center; 6622 } 6623 6624 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons { 6625 margin-top: 4vw; 6626 width: 100%; 6627 display: block; 6628 } 6629 6630 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.merge { 6631 width: 100%; 6632 display: block; 6633 } 6634 6635 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container a, 6636 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container a, 6637 div#tourdates .bit-widget .bit-event .bit-offers-text { 6638 height: 10vw; 6639 line-height: 10vw; 6640 width: 63%; 6641 margin: 0 auto; 6642 } 6643 6644 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons>div, 6645 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container { 6646 display: block; 6647 width: 100%; 6648 margin: 3vw auto 0; 6649 text-align: center; 6650 } 6651 6652 .bit-titleWrapper { 6653 text-align: center; 6654 } 6655 6656 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div span.bit-date, 6657 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-location, 6658 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div.bit-venue { 6659 /* text-align: revert; */ 6660 text-align: center; 6661 width: 100%; 6662 } 6663 6664 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container { 6665 margin: 0 auto; 6666 } 6667 } 6668 @media only screen and (max-width: 767px) and (orientation: portrait){ 6669 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details div:first-child { 6670 width: 100%; 6671 } 6672 } 6673</style> 6674<!--script> 6675 const tourdates = [ 6676 { 6677 "Date": "Sun,Mar 30", 6678 "City": "Vancouver, BC", 6679 "Venue": "PNE Forum", 6680 "Ticket": "https://www.ticketleader.ca/events/detail/bfmv" 6681 }, 6682 { 6683 "Date": "Tue,Apr 01", 6684 "City": "Seattle, WA", 6685 "Venue": "Paramount Theatre", 6686 "Ticket": "https://www.ticketmaster.com/event/0F00612CBF065C5F" 6687 }, 6688 { 6689 "Date": "Thu, Apr 03", 6690 "City": "San Francisco, CA", 6691 "Venue": "The Masonic", 6692 "Ticket": "https://www.ticketmaster.com/event/1C00612BC07B4910" 6693 }, 6694 { 6695 "Date": "Fri, Apr 04", 6696 "City": "Wheatland, CA", 6697 "Venue": "Hard Rock Live", 6698 "Ticket": "https://www.ticketmaster.com/event/1C00612C03107058" 6699 }, 6700 { 6701 "Date": "Sat, Apr 05", 6702 "City": "Reno, NV", 6703 "Venue": "Grand Theatre at The Grand Sierra Resort", 6704 "Ticket": "https://www.ticketmaster.com/event/1700612BE78B59BA" 6705 }, 6706 { 6707 "Date": "Tue, Apr 08", 6708 "City": "Denver, CO", 6709 "Venue": "Fillmore Auditorium", 6710 "Ticket": "https://www.ticketmaster.com/event/1E00612DBE8B34A4" 6711 }, 6712 { 6713 "Date": "Thu, Apr 10", 6714 "City": "Las Vegas, NV", 6715 "Venue": "The Pearl", 6716 "Ticket": "https://www.ticketmaster.com/event/1700612DAB9A31C8" 6717 }, 6718 { 6719 "Date": "Fri, Apr 11", 6720 "City": "Inglewood, CA", 6721 "Venue": "YouTube Theater", 6722 "Ticket": "https://www.ticketmaster.com/event/0A00612A94511D44" 6723 }, 6724 { 6725 "Date": "Sat, Apr 12", 6726 "City": "Phoenix, AZ", 6727 "Venue": "Arizona Financial Theatre", 6728 "Ticket": "https://www.ticketmaster.com/event/1900612D89E81BDD" 6729 }, 6730 { 6731 "Date": "Tue, Apr 15", 6732 "City": "Dallas, TX", 6733 "Venue": "South Side Ballroom", 6734 "Ticket": "https://www.ticketmaster.com/event/0C00612CB1E85CED" 6735 }, 6736 { 6737 "Date": "Wed, Apr 16", 6738 "City": "San Antonio, TX", 6739 "Venue": "Boeing Center at Tech Port", 6740 "Ticket": "https://www.etix.com/ticket/p/70057540/trivium-bullet-for-my-valentine-the-poisoned-ascen
6740dancy-tour-2025-san-antonio-boeing-center-at-tech-port" 6741 }, 6742 { 6743 "Date": "Thu, Apr 17", 6744 "City": "Houston, TX", 6745 "Venue": "Bayou Music Center", 6746 "Ticket": "https://www.ticketmaster.com/event/3A00612AC17B4097" 6747 }, 6748 { 6749 "Date": "Sat, Apr 19", 6750 "City": "Chesterfield, MO", 6751 "Venue": "The Factory", 6752 "Ticket": "https://www.ticketmaster.com/event/2100612CF9B40FC6" 6753 }, 6754 { 6755 "Date": "Sun, Apr 20", 6756 "City": "Omaha, NE", 6757 "Venue": "Steelhouse Omaha", 6758 "Ticket": "https://www.ticketmaster.com/event/2000612CEECF2AD4" 6759 }, 6760 { 6761 "Date": "Tue, Apr 22", 6762 "City": "Green Bay, WI", 6763 "Venue": "EPIC Event Center", 6764 "Ticket": "https://www.etix.com/ticket/p/34444039/trivium-bullet-for-my-valentinethe-poisoned-ascendancy-tour-2025-green-bay-epic-event-center" 6765 }, 6766 { 6767 "Date": "Wed, Apr 23", 6768 "City": "Grand Rapids, MI", 6769 "Venue": "GLC Live at 20 Monroe", 6770 "Ticket": "https://www.ticketmaster.com/event/0800612948E74DB3" 6771 }, 6772 { 6773 "Date": "Fri, Apr 25", 6774 "City": "Prior Lake, MN", 6775 "Venue": " Mystic Lake Casino Showroom", 6776 "Ticket": "https://www.ticketmaster.com/event/0600612CC21486A4" 6777 }, 6778 { 6779 "Date": "Sat, Apr 26", 6780 "City": "Chicago, IL", 6781 "Venue": "Byline Bank Aragon Ballroom", 6782 "Ticket": "https://www.ticketmaster.com/event/0400612A13544AC8" 6783 }, 6784 { 6785 "Date": "Sun/Apr-27", 6786 "City": "Detroit, MI", 6787 "Venue": "The Fillmore Detroit", 6788 "Ticket": "https://www.ticketmaster.com/event/08006129CBAC22C7" 6789 }, 6790 { 6791 "Date": "Tue, Apr 29", 6792 "City": "Pittsburgh, PA", 6793 "Venue": "Stage AE - Outdoors", 6794 "Ticket": "https://www.axs.com/events/682328/trivium-bullet-for-my-valentine-tickets" 6795 }, 6796 { 6797 "Date": "Wed, Apr 30", 6798 "City": "Philadelphia, PA", 6799 "Venue": "The Fillmore Philadelphia", 6800 "Ticket": "https://www.ticketmaster.com/event/0200612CE4C78D12" 6801 }, 6802 { 6803 "Date": "Fri, May 02", 6804 "City": "Boston, MA", 6805 "Venue": "MGM Music Hall at Fenway", 6806 "Ticket": "https://www.ticketmaster.com/event/0100612AD7224D73" 6807 }, 6808 { 6809 "Date": "Sat, May 03", 6810 "City": "Laval, QC", 6811 "Venue": "Place Bell", 6812 "Ticket": "https://www.ticketmaster.ca/bullet-for-my-valentine-trivium-the-laval-quebec-05-03-2025/event/3100612BE4FF3B06" 6813 }, 6814 { 6815 "Date": "Sun, May 04", 6816 "City": "Toronto, ON", 6817 "Venue": "Great Canadian Resort Toronto", 6818 "Ticket": "https://www.ticketmaster.ca/trivium-bullet-for-my-valentine-the-toronto-ontario-05-04-2025/event/1000612DB5852BBE" 6819 }, 6820 { 6821 "Date": "Tue, May 06", 6822 "City": "Washington, DC", 6823 "Venue": "The Anthem", 6824 "Ticket": "https://www.ticketmaster.com/event/1500612DE5328EA3" 6825 }, 6826 { 6827 "Date": "Wed, May 07", 6828 "City": "New York, NY", 6829 "Venue": "The Rooftop at Pier 17", 6830 "Ticket": "https://www.axs.com/events/681906/trivium-bullet-for-my-valentine-tickets?skin=therooftopatpier17" 6831 }, 6832 { 6833 "Date": "Fri, May 09", 6834 "City": "Bethlehem, PA", 6835 "Venue": "Wind Creek Event Center", 6836 "Ticket": "https://www.ticketmaster.com/event/0200612ACE8D3DD5?brand=wcec" 6837 }, 6838 { 6839 "Date": "Sun, May 11", 6840 "City": "Nashville, TN", 6841 "Venue": "The Pinnacle", 6842 "Ticket": "https://www.axs.com/events/677572/trivium-and-bullet-for-my-valentine-tickets" 6843 }, 6844 { 6845 "Date": "Tue, May 13", 6846 "City": "Corbin, KY", 6847 "Venue": "The Corbin Arena", 6848 "Ticket": "https://www.axs.com/events/677572/trivium-and-bullet-for-my-valentine-tickets" 6849 }, 6850 { 6851 "Date": "Wed, May 14", 6852 "City": "Atlanta, GA", 6853 "Venue": "Coca-Cola Roxy", 6854 "Ticket": "https://www.ticketmaster.com/event/16006129DAB2369F" 6855 }, 6856 { 6857 "Date": "Sat, May 17", 6858 "City": "Charlotte, NC", 6859 "Venue": "Skyla Credit Union Amphitheatre", 6860 "Ticket": "https://concerts.livenation.com/bullet-for-my-valentine-trivium-the-charlotte-north-carolina-05-17-2025/event/2D00612AC4E74983" 6861 }, 6862 { 6863 "Date": "Sun, May 18", 6864 "City": "Raleigh, NC", 6865 "Venue": "Red Hat Amphitheater", 6866 "Ticket": "https://www.ticketmaster.com/event/2D006129B00F288D" 6867 } 6868 ] 6869 6870 const main1 = document.querySelector(".tourdates"); 6871 6872 window.onload = function () { 6873 jQuery(".tourdates").css("display", "block"); 6874 jQuery('.TourWrapper').css("display", "none"); 6875 jQuery("#nav a").click(function () { 6876 jQuery("#nav a").removeClass("active"); 6877 jQuery(this).addClass("active"); 6878 }); 6879 jQuery("a.alltour-click.navClick").click(function () { 6880 if (jQuery("a.alltour-click.navClick").hasClass("active")) { 6881 jQuery(".tourdates").css("display", "none"); 6882 jQuery('.TourWrapper').css("display", "block");
6883 jQuery('div#navigationSection ul li:first-child').addClass("active"); 6884 jQuery('div#navigationSection ul li:last-child').removeClass("active"); 6885 } 6886 }); 6887 jQuery("a.ustour-click.navClick").click(function () { 6888 if (jQuery("a.ustour-click.navClick").hasClass("active")) { 6889 jQuery(".TourWrapper").css("display", "none"); 6890 jQuery('.tourdates').css("display", "block"); 6891 jQuery('div#navigationSection ul li:first-child').removeClass("active"); 6892 jQuery('div#navigationSection ul li:last-child').addClass("active"); 6893 } 6894 }); 6895 let displayInfo = tourdates.map(function (eventdates) { 6896 6897 return ` <div class="bit-event"> 6898 <div class="bit-details"> 6899 <div class="bit-date">${eventdates.Date}</div> 6900 <div class="bit-titleWrapper"> 6901 <div class="bit-venue">${eventdates.Venue}</div> 6902 </div> 6903 <div class="bit-location">${eventdates.City}</div> 6904 </div> 6905 <div class="bit-details bit-event-buttons"> 6906 <div class="bit-offers-container bit-single-cta"><a class="bit-offers bit-button" rel="nofollow" target="_blank" href="${eventdates.Ticket}" aria-label="Tickets" data-track="bit-tickets"><span class="bit-offers-text">Tickets</span></a></div> 6907 </div> 6908 </div>` 6909 }); 6910 displayInfo = displayInfo.join(""); 6911 main1.innerHTML = displayInfo 6912 }; 6913 6914 6915</script--></div> 6916 6917 </div> 6918 </div> 6919<div id="block-bartik-reskininternalandmiscbgblock" data-block-plugin-id="block_content:7a3a3ada-802d-4012-85dd-31dd9e29c5b3" class="block block-block-content block-block-content7a3a3ada-802d-4012-85dd-31dd9e29c5b3"> 6920 6921 6922 <div class="content"> 6923 6924 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
6924<script> 6925 /*document.addEventListener("DOMContentLoaded", function () { 6926 document.querySelector('.interiorHeader .siteLogo img').src="/sites/g/files/g2000023411/files/2025-03/Trivium_new_Logo.svg"; 6927 jQuery(".mobileNav .siteLogoNew a img").attr("src","/sites/g/files/g2000023411/files/2025-03/Trivium_new_Logo.svg"); 6928 document.querySelector('.siteBG .deskBG img').src="/sites/g/files/g2000023411/files/2025-03/desktopbg%402x.jpg"; 6929 document.querySelector('.siteBG .mobBG img').src="/sites/g/files/g2000023411/files/2025-03/mobilebg%402x.jpg"; 6930 });*/ 6931</script>
6931 6932<style> 6933 body.page-node-111 div#block-bartik-reskinnavblock,body.page-node-116 div#block-bartik-reskinnavblock,body.page-node-161 div#block-bartik-reskinnavblock{ 6934 display: none; 6935 } 6936 .page-node-111 .content h1,.page-not-found-content p,body.page-node-111 a,.page-node-116 .not-authorized h1,.page-node-116 .not-authorized-content{ 6937 font-family: "bebas-neue-pro", sans-serif; 6938font-weight: 600; 6939font-style: normal; 6940 color: #FBF26F; 6941 } 6942 body.page-node-111 .linkList a{ 6943 background: #FBF26F; 6944 } 6945 body.page-node-111 .site-footer__bottom{ 6946 display: none; 6947 } 6948 body.page-node-111 ul.footer-socials.socials { 6949 margin-bottom: 0.5vw; 6950 } 6951 body.page-node-161 .message-description, .page-node-161 #mlform input#email, .page-node-161 #mlform input#postalcode, .page-node-161 .plain-ml-wrapper select,#mlform a.terms,body div#thankyou ,body.page-node-161 .message-description div.plain-ml-wrapper form div.birth-date-title,.plain-ml-wrapper label.goptin_checkbox, .page-node-161 div.plain-ml-wrapper form div.birth-date-title{ 6952 font-family: "bebas-neue-pro", sans-serif; 6953font-weight: 600; 6954font-style: normal; 6955 color: #FBF26F; 6956 } 6957 .page-node-161 #mlform input,.page-node-161 #mlform input#email{ 6958 -webkit-text-fill-color: #FBF26F; 6959 } 6960 body.page-node-161 #mlform input#email,.page-node-161 #mlform input,.page-node-161 .plain-ml-wrapper select{ 6961 border: 1px solid #FBF26F; 6962 } 6963 .page-node-161 #mlform input#submit{ 6964 border: 1px solid #FBF26F; 6965 background: #FBF26F; 6966 6967 } 6968 .page-node-161 #mlform input#submit{ 6969 font-family: "bebas-neue-pro", sans-serif; 6970font-weight: 600; 6971font-style: normal; 6972 } 6973 .siteBG{ 6974 display: block !important; 6975 } 6976 .page-node-161 .plain-ml-wrapper select#country,.page-node-161 .plain-ml-wrapper select { 6977 background: url(/sites/g/files/g2000023411/files/2025-08/down-arrow-dark-yellow.svg) no-repeat 97% center transparent; 6978 } 6979 .page-node-161 #mlform .dobDay.fieldWrap{ 6980 width: 48%; 6981 } 6982 @media only screen and (max-width: 1023px) and (orientation: portrait) { 6983 div#block-navblock{ 6984 display: none; 6985 } 6986 body.page-node-161 .interiorHeader .siteLogo { 6987 width: 50%; 6988 display: block; 6989 } 6990 } 6991 6992 6993</style></div> 6994 6995 </div> 6996 </div> 6997<div id="block-bartik-internalgoldcolorchanges" data-block-plugin-id="block_content:c433ac2c-5093-40a8-bbdd-cfd5abdcec99" class="block block-block-content block-block-contentc433ac2c-5093-40a8-bbdd-cfd5abdcec99"> 6998 6999 7000 <div class="content"> 7001 7002 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 7003 .getNowbtn,div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container a, div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container a, div#tourdates .bit-widget .bit-event .bit-offers-text,.getNowbtn:hover,.bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button{ 7004 background: #FBF26F; 7005 } 7006 ul.footer-socials.socials li a{ 7007 color: #FBF26F; 7008 } 7009 div#block-views-block-music-block-1 .field-content img:hover, div#musicWrapper .album-image img:hover, div#block-views-block-videos-block-3 .field-content img:hover, div#block-views-block-merch-block-2 .prodImage img:hover, .video .thumbImg img:hover, ul.footer-socials.socials li a:hover { 7010 -webkit-transform: unset !important; 7011 transform: unset !important; 7012 } 7013.bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container{ 7014 display:none; 7015} 7016 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container a, div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container a, div#tourdates .bit-widget .bit-event .bit-offers-text { 7017 line-height: 3vw; 7018 height: 3vw; 7019 } 7020 #tourpageMlist .email.fieldWrap { 7021 margin-left: -19vw; 7022 } 7023 .page-node-161 #mlform input#submit { 7024 border: 1px solid #FBF26F; 7025 background: #FBF26F; 7026 } 7027 body.page-node-111 .linkList a{ 7028 background: #FBF26F; 7029 } 7030 /* body.page-node-111 div#block-bartik-reskinnavblockbury,body.page-node-116 div#block-bartik-reskinnavblockbury { 7031 display: none; 7032 } */ 7033 body.page-node-116 footer.site-footer,body.page-node-111 footer.site-footer { 7034 position: absolute; 7035 bottom: 1vw; 7036 } 7037 @media only screen and (max-width: 1024px) and (orientation: portrait) { 7038 div#block-bartik-reskinnavblockbury { 7039 position: fixed; 7040 z-index: 11; 7041 left: 50%; 7042 transform: translateX(-50%); 7043 width: 100%; 7044 height: unset; 7045 top: 0; 7046 bottom: unset; 7047 } 7048 #tourpageMlist .email.fieldWrap { 7049 margin-left: unset; 7050 } 7051 div#main-wrapper div.block { 7052 max-width: 80vw; 7053 margin: 0 auto; 7054 } 7055 .mail .plain-ml-wrapper form#mlistFormOne div.fieldWrap{ 7056 display: block; 7057 width: 53%; 7058 } 7059 .mail form#mlistFormOne .submit { 7060 position: absolute; 7061 display: block; 7062 vertical-align: middle; 7063 width: 43%; 7064 margin-left: 0; 7065 margin-top: 0; 7066 z-index: 10; 7067 } 7068 div#main-wrapper div.block{ 7069 padding-top: 0 !important; 7070 } 7071 body.page-node-391 div#main-wrapper div.block { 7072 padding-top: 0vw !important; 7073 } 7074 div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-rsvp-container a, div#tourdates .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons .bit-offers-container a, div#tourdates .bit-widget .bit-event .bit-offers-text { 7075 line-height: 10vw; 7076 height: 10vw; 7077 } 7078 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 7079 width: 63%; 7080 height: 10vw; 7081 margin: 0 auto; 7082 } 7083 .interiorHeader .siteLogo,body.page-node-161 div#navWrap img{ 7084 display: none; 7085 } 7086 body.page-node-116 .interiorHeader .siteLogo,body.page-node-111 .interiorHeader .siteLogo{ 7087 display: none; 7088 } 7089 #musicpageMlist span.input-error { 7090 font-size: 1.7vw; 7091 } 7092 #musicpageMlist .email.fieldWrap,#videopageMlist .email.fieldWrap { 7093 margin-left: 0 !important; 7094 } 7095 .mail { 7096 max-width: 100%; 7097 } 7098 div#main-wrapper, footer.site-footer { 7099 max-width: 100%; 7100 margin: 0 auto; 7101 } 7102 body div#thankyou { 7103 font-size: 5.171875vw; 7104 } 7105 .item-list.video-block-list-wrapper { 7106 width: 70%; 7107 margin: 0 auto; 7108 } 7109 ul.footer-socials.socials,.copyright { 7110 text-align: center; 7111 } 7112 body.page-node-116 div#main-wrapper div.block,body.page-node-111 div#main-wrapper div.block,body.page-node-161 div#main-wrapper div.block { 7113 padding-top: 0 !important; 7114 } 7115 body.page-node-111, body.page-node-116 {
7116 overflow-y: scroll; 7117 } 7118 .path-video .page-title,div#block-bartik-page-title .content h1{ 7119 padding-top: 35vw; 7120 } 7121 } 7122 @media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) { 7123 #videopageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label,#musicpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label,#tourpageMlist .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 7124 font-size: 2.268vw; 7125 } 7126 } 7127 7128 @media (min-width: 600px) and (max-width: 1024px) and (orientation: landscape){ 7129 body.page-node-116 div#block-bartik-content { 7130 top: 3%; 7131 left: 60%; 7132 width: 100%; 7133 transform: unset; 7134 } 7135 body.page-node-116 .interiorHeader .siteLogo,body.page-node-111 .interiorHeader .siteLogo,body.page-node-161 .interiorHeader .siteLogo a img{ 7136 display: none; 7137 } 7138 } 7139 7140 7141@media only screen and (min-width: 1025px) { 7142 body.page-node-391 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-button { 7143 width: 100%; 7144 height: 3vw; 7145 line-height: 3vw; 7146 } 7147 body.page-node-391 div#tourdates .bit-widget .bit-event .bit-offers-text { 7148 font-size: 0.681vw; 7149 } 7150 body.page-node-391 .bit-widget-container .bit-widget .bit-events-container .bit-event .bit-event-buttons{ 7151 width: 26%; 7152 } 7153 body.page-node-391 .bit-widget-container .bit-widget .bit-events-container .bit-event a.bit-details { 7154 width: calc(100% - 20vw); 7155 margin-right: 0; 7156 } 7157 } 7158</style></div> 7159 7160 </div> 7161 </div> 7162<div id="block-bartik-triviumost" data-block-plugin-id="block_content:e6070d16-1030-44e4-a204-4b97b4468a66" class="block block-block-content block-block-contente6070d16-1030-44e4-a204-4b97b4468a66"> 7163 7164 7165 <div class="content"> 7166 7167 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 7168 div#block-views-block-music-block-1, 7169 div#block-views-block-merch-block-2, 7170 div#block-views-block-videos-block-3, 7171 div#block-tourbandsintown, 7172 .path-frontpage div#block-bartik-reskinfooter { 7173 opacity: 1; 7174 } 7175 7176 .path-user .mlform { 7177 display: none; 7178 } 7179 7180 .path-user div#main-wrapper { 7181 min-height: calc(100vh - 25vw); 7182 display: flex; 7183 flex-direction: column; 7184 flex-wrap: nowrap; 7185 align-content: center; 7186 justify-content: center; 7187 align-items: center; 7188 width: 50%; 7189 margin: 0 auto; 7190 } 7191 7192 .path-user footer.site-footer { 7193 top: 70%; 7194 } 7195.page-node-391 div#thankyou { 7196 margin-top: 2.2vw; 7197} 7198 body .Community_signup_wrapper option { 7199 background: #454141; 7200 } 7201 7202 body.page-node-111 .interiorHeader .siteLogo { 7203 margin-top: 2vw !important; 7204 } 7205 7206 .page-node-111 .page-not-found { 7207 min-height: calc(100vh - 2vw); 7208 display: flex; 7209 flex-direction: column; 7210 flex-wrap: nowrap; 7211 align-content: center; 7212 justify-content: center; 7213 align-items: center; 7214 margin-top: 0; 7215 } 7216.page-node-391 div#main-wrapper { 7217 min-height: calc(100vh - 13vw); 7218} 7219 7220@media only screen and (min-width:767px) and (max-width:1024px) and (orientation:portrait){ 7221 body.layout-no-sidebars.path-video.video.interior .mail span.input-error { 7222 font-size: 1.546875vw; 7223} 7224} 7225@media only screen and (max-width: 767px) and (orientation: portrait) { 7226 body #videopageMlist span.input-error { 7227 font-size: 3vw; 7228 position: absolute; 7229 top: -6vw; 7230 width: 65vw; 7231 } 7232} 7233@media only screen and (max-width:1024px) and (orientation:portrait){ 7234 .copyright span, div#block-bartik-reskinfooter .copyright a, .copyright{ 7235 font-size:2.5vw; 7236} 7237} 7238</style></div> 7239 7240 </div> 7241 </div> 7242 7243 </div> 7244 7245 </div> 7246 </div> 7247 </footer> 7248 </div> 7249</div> 7250 7251 </div> 7252 7253
7253<script src="/sites/g/files/g2000023411/files/custom_js_2.js?cache=6a59d7050e16e"></script>
vendor: 1 bytes, line 7253
7253
7254<script src="/sites/g/files/g2000023411/files/custom_js_4.js?cache=6a59d7050e16e"></script>
vendor: 1 bytes, line 7254
7254
7255<script src="/sites/g/files/g2000023411/files/custom_js_5.js?cache=6a59d7050e16e"></script>
vendor: 1 bytes, line 7255
7255
7256<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="ER"></script>
7256 7257 7258
7258<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/391","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"lazy":{"lazysizes":{"lazyClass":"b-lazy","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"b-error","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.80000000000000004,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":[]},"placeholderSrc":"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==","preferNative":false,"minified":true,"libraryPath":"\/libraries\/lazysizes"},"ajax":[],"user":{"uid":0,"permissionsHash":"65b515797fd85cb27c86edf3735fc9b906fcb6221a63756b17dac2edd243aa6d"}}</script>
vendor: 1 bytes, line 7258
7258
7259<script src="/sites/g/files/g2000023411/files/js/js_tj8GOfzq2sOR1bXprBCk57YtVRfI6J3dm3ApOzM3Qwc.js?scope=footer&delta=0&language=en&theme=bartik&include=eJzLSayq1M8BEgASNAOw"></script>
7259 7260 7261 </body> 7262</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.