PageSourceSearch

https://www.trivium.org/tour

html trivium.org collected 2026-10-02 07:33:23 UTC 211,299 bytes, 7,262 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
3  <head>
4    <meta charset="utf-8" />
5<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&amp;language=en&amp;theme=bartik&amp;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&amp;language=en&amp;theme=bartik&amp;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&amp;language=en&amp;theme=bartik&amp;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&amp;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&nbsp;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&nbsp;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&amp;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&nbsp;policy</a><span class="seperator-line sep">&nbsp;|&nbsp;</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&nbsp;of&nbsp;use</a><span class="sep">&nbsp;|&nbsp;</span>
6329  
6330    <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" aria-label="link">Cookies Policy</a><span class="sep">&nbsp;|&nbsp;</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&amp;delta=0&amp;language=en&amp;theme=bartik&amp;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.