PageSourceSearch

https://www.averyannamusic.com/videos

html averyannamusic.com collected 2026-10-07 03:04:30 UTC 108,774 bytes, 3,907 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
3  <head>
4    <meta charset="utf-8" />
5<meta name="description" content="Official Avery Anna website for music, videos, news, tour dates, merchandise and more!" />
6<meta name="keywords" content="avery anna, averytanna, avery anna music, avery anna tiktok, new song, album, Critic, Narcissist,I love you more, instagram, tiktok, twitter, YouTube, Spotify, Apple Music" />
7<link rel="canonical" href="https://www.averyannamusic.com/videos" />
8<meta name="robots" content="index, follow, noarchive, nosnippet, noimageindex, notranslate" />
9<meta name="google" content="Xd6-flrUaBaHokFc4Md-PhXC2Z4yTkt0zHMub5kh7zQ" />
10<meta property="og:site_name" content="Avery Anna" />
11<meta property="og:type" content="website" />
12<meta property="og:url" content="https://www.averyannamusic.com/videos" />
13<meta property="og:title" content="Videos | Avery Anna Official Website" />
14<meta property="og:description" content="Official Avery Anna website for music, videos, news, tour dates, merchandise and more!" />
15<meta property="og:image" content="https://www.averyannamusic.com/sites/g/files/g2000021846/files/2026-02/AveryOg_0.jpg" />
16<meta name="twitter:card" content="summary" />
17<meta name="twitter:description" content="Official Avery Anna website for music, videos, news, tour dates, merchandise and more!" />
18<meta name="twitter:title" content="Videos | Avery Anna Official Website" />
19<meta name="twitter:image" content="https://www.averyannamusic.com/sites/g/files/g2000021846/files/2026-02/AveryOg_0.jpg" />
20<meta name="google-site-verification" content="Xd6-flrUaBaHokFc4Md-PhXC2Z4yTkt0zHMub5kh7zQ" />
21<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
22<meta name="MobileOptimized" content="width" />
23<meta name="HandheldFriendly" content="true" />
24<meta name="viewport" content="width=device-width, initial-scale=1.0" />
25<link rel="stylesheet" href="https://use.typekit.net/lae6hxw.css" />
26<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/" /="/" />
27<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css" /="/" />
28<link rel="stylesheet" href="https://libraries.wmgartistservices.com/custom-js/magnific-popup-new.css" async="async" defer="defer/" /="/" />
29<link href="https://fonts.googleapis.com/css2?family=Oooh+Baby&amp;display=swap" rel="stylesheet" />
30<link rel="stylesheet" href="https://use.typekit.net/zoh2ovg.css" />
31<link rel="stylesheet" href="https://use.typekit.net/bwc8yup.css" />
32<link rel="preconnect" href="https://fonts.googleapis.com" />
33<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
34<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&amp;display=swap" rel="stylesheet" />
35<link rel="preconnect" href="https://fonts.googleapis.com" />
36<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
37<link href="https://fonts.googleapis.com/css2?family=Birthstone&amp;display=swap" rel="stylesheet" />
38<link rel="preconnect" href="https://fonts.googleapis.com" />
39<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
40<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&amp;display=swap" rel="stylesheet" />
41<meta name="robots" content="noimageai,noai" />
42<link rel="icon" href="/sites/g/files/g2000021846/files/averyFav_0.png" type="image/png" />
43<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="18a114f1-6cf9-4612-873c-85e1110852d3" data-document-language="true"></script>
vendor: 1 bytes, line 43
43
44<script type="text/javascript">function OptanonWrapper() {
45      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
46      var allLinks = document.querySelectorAll('a');
47      for(i = 0; i < allLinks.length; i++) {
48        let href = allLinks[i].href;
49        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
50          href = href + '?ot=18a114f1-6cf9-4612-873c-85e1110852d3&url=' + window.location.hostname;
51          allLinks[i].setAttribute("href", href);
52          allLinks[i].setAttribute("target", "_blank");
53        }
54      }             
55      var eOT = new Event("OneTrustGroupsUpdated");
56      document.dispatchEvent(eOT);
57      var regCheckPerformance = /,C0002,/;
58      var regCheckFunctional = /,C0003,/;
59      var regCheckTargeting = /,C0004,/;
60      var regCheckSocial = /,C0008,/;
61}</script>
61
62<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
63<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmgwbrn"},"content":{"artist":"Avery Anna","label":"Warner Records","sublabel":"Warner Music Nashville"},"page":{"pageInfo":{"platform":"Drupal 10","pageName":"Avery Anna:Videos","server":"Avery Anna:Site","devTeam":"WMAS"},"category":{"primaryCategory":"Avery Anna:Videos","pageType":"Videos"}}}</script>
vendor: 1 bytes, line 63
63
64<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 64
64
65<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 65
65
66<script src="https://libraries.wmgartistservices.com/songkick/widget_min.js?gfg">�</script>
vendor: 1 bytes, line 66
66
67<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js">�</script>
vendor: 1 bytes, line 67
67
68<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js">�</script>
vendor: 1 bytes, line 68
68
69<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js">�</script>
vendor: 1 bytes, line 69
69
70<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js">�</script>
vendor: 1 bytes, line 70
70
71<script src="https://libraries.wmgartistservices.com/jslibrary/magnificpopup/jquery.magnific-popup.min.js">�</script>
vendor: 1 bytes, line 71
71
72<script src="https://libraries.wmgartistservices.com/custom-js/Magnific-Popup-Plugin_jquery.js">�</script>
vendor: 1 bytes, line 72
72
73<script &lt;/script="&lt;/script"></script>
73
74
75    <title>Videos | Avery Anna Official Website</title>
76    <link rel="stylesheet" media="all" href="/sites/g/files/g2000021846/files/css/css_N5bMzzNiDmyDXFdBelLl2zcasGo0ZKQSsEdODD6sQQU.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" />
77<link rel="stylesheet" media="all" href="/sites/g/files/g2000021846/files/css/css_i-OdiS8rf2sHbm76oh4LQyzsMVMkKs8QeecIGcaXZOA.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" />
78<link rel="stylesheet" media="print" href="/sites/g/files/g2000021846/files/css/css_2ZW0V0LhuCiexDy-DtmhuIfUbSjsCb_GD15VhkXSr7A.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" />
79<link rel="stylesheet" media="all" href="/sites/g/files/g2000021846/files/css/css_gCH75wtKHKpNQRu9ZUDA4fBE8Vv1NjpPoMqqPLU86Gs.css?delta=3&amp;language=en&amp;theme=bartik&amp;include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" />
80
81    
82  </head>
83  <body class="layout-no-sidebars path-videos">
84        <a href="#main-content" class="visually-hidden focusable skip-link">
85      Skip to main content
86    </a>
87    
88      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
89    <div id="page-wrapper">
90  <div id="page">
91    <header id="header" class="header" role="banner">
92      <div class="section layout-container clearfix">
93        
94          <div class="clearfix region region-header">
95    <div id="block-bartik-reskinnavigation" class="block block-block-content block-block-content2c553f99-ab8d-4f00-a83b-4b7e12c6934e">
96  
97    
98      <div class="content">
99      
100            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="header-wrapper" id="header_Wrapper">
101    <div class="logo-social">
102        <div class="site_logo desktop">
103            <h1 class="-is-visually-hidden">AveryAnna</h1>
104            <a href="/?frontpage=true">
105                <img src="/sites/g/files/g2000021846/files/2026-02/AveryLogo.png" alt="logo"></a>
106        </div>
107        <nav>
108            <div class="hamburger" id="hamburger">
109                <span></span>
110                <span></span>
111                <span></span>
112            </div>
113            <div class="nav-section" id="nav-section">
114                <ul class="nav-links" id="nav-links">
115                    <li><a class="menu-music menu-link-nav" href="/?frontpage=true#music">Music</a></li>
116                    <li><a class="menu-videos menu-link-nav" href="/?frontpage=true#videos">Videos</a> </li>
117                    <li><a class="menu-join menu-link-nav" href="/?frontpage=true#mlist">Join</a></li>
118                    <li><a class="menu-text menu-link-nav" href="https://my.community.com/averyanna" target="_blank">Text</a></li>
119                    <div class="site_logo open">
120                        <h1 class="-is-visually-hidden">AveryAnna</h1>
121                        <a href="/?frontpage=true">
122                            <img src="/sites/g/files/g2000021846/files/2026-02/AveryLogo.png" alt="logo"></a>
123                    </div>
124                    <li><a class="menu-tour menu-link-nav" href="/?frontpage=true#tour">Tour</a></li>
125                    <li><a class="menu-merch menu-link-nav" href="/?frontpage=true#merch">Merch</a></li>
126                    <li><a class="menu-follow menu-link-nav" href="/?frontpage=true#follow">Follow</a></li>
127                    <li><a class="menu-vip menu-link-nav" href="https://www.averyannavip.com"  target="_blank">vip</a></li>
128                    <li>
129                        <div class="socials-section open">
130                            <div class="fs-fb">
131                                <a class="aaicon-facebook1" aria-label="facebook" data-track="facebook"
132                                    href="https://www.facebook.com/averyannamusic" target="_blank">
133                                </a>
134                            </div>
135                            <div class="fs-tw">
136                                <a class="x-x" aria-label="twitter" data-track="twitter"
137                                    href="https://twitter.com/avery_anna_" target="_blank">
138                                </a>
139                            </div>
140                            <div class="fs-ig">
141                                <a class="aaicon-instagram" data-track="instagram" aria-label="instagram"
142                                    href="https://www.instagram.com/avery.anna.music/" target="_blank">
143                                </a>
144                            </div>
145                            <div class="fs-th">
146                                <a class="thread-Threads_app_logo" custom-link-name="threads" aria-label="threads"
147                                    href="https://www.threads.net/@avery.anna.music?igshid=MzRlODBiNWFlZA%3D%3D"
148                                    target="_blank">
149                                </a>
150                            </div>
151                            <div>
152                                <a href="https://www.tiktok.com/@avery.anna.music" aria-label="tiktok"
153                                    data-track="tiktok" target="_blank" id="tkLink" class="aaicon-tiktok">
154                                </a>
155                            </div>
156                        </div>
157                    </li>
158                </ul>
159            </div>
160        </nav>
161
162    </div>
163
164</div>
165<div class="socials-section">
166    <div class="fs-fb">
167        <a class="aaicon-facebook1" aria-label="facebook" data-track="facebook"
168            href="https://www.facebook.com/averyannamusic" target="_blank">
169        </a>
170    </div>
171    <div class="fs-tw">
172        <a class="x-x" aria-label="twitter" data-track="twitter" href="https://twitter.com/avery_anna_" target="_blank">
173        </a>
174    </div>
175    <div class="fs-ig">
176        <a class="aaicon-instagram" data-track="instagram" aria-label="instagram"
177            href="https://www.instagram.com/avery.anna.music/" target="_blank">
178        </a>
179    </div>
180    <div class="fs-th">
181        <a class="thread-Threads_app_logo" custom-link-name="threads" aria-label="threads"
182            href="https://www.threads.net/@avery.anna.music?igshid=MzRlODBiNWFlZA%3D%3D" target="_blank">
183        </a>
184    </div>
185    <div>
186        <a href="https://www.tiktok.com/@avery.anna.music" aria-label="tiktok" data-track="tiktok" target="_blank"
187            id="tkLink" class="aaicon-tiktok">
188        </a>
189    </div>
190</div>
191<style>
192    .header-wrapper {
193        font-size: 0;
194        padding: 1vw 0;
195    }
196
197    .logo-social {
198        display: flex;
199        justify-content: space-between;
200        width: 95%;
201        margin: 0 auto;
202        position: relative;
203        top: 0.2vw;
204        align-items: center;
205    }
206
207    .site_logo a:hover {
208        opacity: 1;
209    }
210
211    .site_logo img {
212        width: 20.5208vw;
213        height: auto;
214    }
215   
216   #nav-links a:hover {
217      opacity: 0.5;
218}
219
220    .socials-section a {
221        text-decoration: none;
222        color: #8C442A;
223        font-size: 0;
224        line-height: 2.5vw;
225        background: #2E5664;
226        height: 2.396vw;
227        width: 2.396vw;
228        border-radius: 2.396vw;
229        display: block;
230    }
231
232    .socials-section div {
233        background: #E8D9EF;
234        height: 2.396vw;
235        width: 2.396vw;
236        border-radius: 2.396vw;
237        text-align: center;
238        margin-right: 1vw;
239    }
240
241    .socials-section a:before {
242        text-decoration: none;
243        color: #E4D4BC;
244        font-size: 1.129vw;
245    }
246
247    .socials-section a:hover {
248        opacity: 1;
249        background: #A96A3E;
250    }
251
252    .site_logo a:hover {
253        opacity: 0.7;
254    }
255
256    .socials-section div:hover {
257        background: #EFB3C6;
258    }
259
260    .socials-section ul li {
261        display: inline-block;
262        vertical-align: middle;
263        margin-right: 1.129vw;
264    }
265
266    .socials-section ul li:last-child {
267        margin-right: 0;
268    }
269
270    /* nav */
271    nav {
272        position: relative;
273        display: flex;
274        align-items: center;
275    }
276
277    .hamburger {
278        display: none;
279    }
280
281    .hamburger span {
282        width: 100%;
283        height: 0.8vw;
284        background-color: #E4D4BC;
285        transition: all 0.3s ease;
286        border-radius: 2vw;
287    }
288
289    .nav-section {
290        display: flex;
291        justify-content: flex-end;
292        padding: 0;
293        margin-right: 14vw;
294    }
295
296    .nav-links {
297        list-style: none;
298        display: flex;
299        justify-content: flex-end;
300        margin: 0;
301        padding: 0;
302    }
303
304    .nav-links li {
305        margin: 0 1vw;
306    }
307
308    .nav-links li:has(.socials-section.open) {
309        display: none;
310    }
311
312    .nav-links a {
313        text-decoration: none;
314        letter-spacing: 0.0240vw;
315        color: #E4D4BC;
316        font-size: 1.417vw;
317        cursor: pointer;
318        text-transform: lowercase;
319        position: relative;
320        z-index: 2;
321        font-family: "Crimson Text", serif;
322        font-weight: 700;
323        font-style: normal;
324    }
325       .nav-links a:hover {
326            opacity: 0.6;
327        }
328    .socials-section {
329        display: flex;
330    }
331
332    .nav-links a:hover {
333        opacity: 1;
334    }
335
336    .nav-links a:hover:after {
337        content: '';
338        display: block;
339        position: absolute;
340        background: url(/sites/g/files/g2000021846/files/2026-02/Butterfly-Hover%402x.png) no-repeat scroll;
341        background-size: cover;
342        background-position: center;
343        width: 5.578125vw;
344        aspect-ratio: 107 / 47;
345        top: 50%;
346        left: 50%;
347        transform: translate(-50%, -50%);
348        z-index: -1;
349    }
350
351    .owl-carousel .owl-nav .owl-prev,
352    .owl-carousel .owl-nav .owl-next {
353        position: absolute;
354        top: 33%;
355        left: -1.0416666666666667vw;
356        transform: translate(-50%, -50%);
357        z-index: 9999;
358        width: 1.0416666666666667vw;
359        height: 2.6041666666666665vw;
360    }
361
362    .owl-carousel .owl-nav .owl-prev:hover,
363    .owl-carousel .owl-nav .owl-next:hover {
364        opacity: 0.7;
365    }
366
367    .owl-carousel .owl-nav .owl-next {
368        left: initial;
369        right: -2vw;
370        transform: translate(-50%, -50%);
371    }
372
373    ul.owl-carousel.owl-loaded.owl-drag {
374        position: relative;
375    }
376
377
378
379    /* misc pages stylings */
380    /* body.page-node-type-miscellaneous_pages .header-wrapper {
381        background: transparent;
382        height: auto;
383    }
384
385    body.page-node-101 .header-wrapper,
386    body.page-node-96 .header-wrapper {
387        position: fixed;
388        z-index: 999;
389    } */
390
391    body.page-node-type-miscellaneous_pages .nav-links a,
392    body.page-node-type-miscellaneous_pages .socials-section a {
393        color: #fff;
394    }
395
396    div#block-bartik-reskinnavigation {
397        width: 100%;
398        background-size: cover;
399    }
400
401    body {
402        background: url(/sites/g/files/g2000021846/files/2026-02/AA-ForgiveForget-Site-Sand-Backgroun
402d-Desktop.jpg);
403        background-repeat: repeat;
404    }
405
406    #page,
407    #main-wrapper,
408    .region-primary-menu .menu-item a.is-active,
409    .region-primary-menu .menu-item--active-trail a {
410        background: transparent;
411        background-size: contain;
412    }
413
414    @media only screen and (max-width:1024px) and (orientation: portrait) {
415        .header-wrapper {
416                    padding: 3.5vw 0 4.5vw;
417        }
418
419        .logo-social {
420            top: 2vw;
421            display: flex;
422            align-items: unset;
423            text-align: center;
424        }
425
426        .site_logo img {
427            width: 56.4103vw;
428            height: auto;
429            position: relative;
430            z-index: 999;
431        }
432
433
434        /* nav */
435        .hamburger {
436            display: flex;
437            flex-direction: column;
438            justify-content: space-around;
439            width: 8.4vw;
440            height: 2.933333vw;
441            position: absolute;
442            right: 1.666667vw;
443            top: 4vw;
444            cursor: pointer;
445            z-index: 999;
446        }
447
448        .hamburger span:nth-child(2) {
449            opacity: 0;
450        }
451
452        .hamburger.active {
453            position: fixed;
454            top: 8vw;
455            right: 8vw;
456            height: 6.933333333333334vw;
457        }
458
459        .nav-links {
460            position: fixed;
461            top: 0;
462            right: 0;
463            height: 100vh;
464            width: 100%;
465            background-color: white;
466            flex-direction: column;
467            align-items: center;
468            justify-content: center;
469            transform: translateX(100%);
470            transition: transform 0.3s ease;
471            z-index: 1;
472        }
473
474        .nav-links a {
475            font-size: 6.1538vw;
476        }
477
478        .nav-links li {
479            margin: 5vw 0;
480        }
481
482        .nav-links.active {
483            transform: translateX(0);
484            background: url(/sites/g/files/g2000021846/files/2026-02/AA-ForgiveForget-Site-Menu-Background%402x.png);
485            z-index: 99;
486        }
487
488        .hamburger.active span:nth-child(1) {
489            transform: rotate(45deg) translate(1vw, 1vw);
490        }
491
492        .hamburger.active span:nth-child(2) {
493            opacity: 0;
494        }
495
496        .hamburger.active span:nth-child(3) {
497            transform: rotate(-45deg) translate(2.25vw, -2.25vw);
498        }
499
500        .socials-section {
501            display: none;
502        }
503
504        .nav-links li:has(.socials-section.open) {
505            display: block;
506        }
507
508        body.nav-active .socials-section {
509            display: flex;
510            z-index: 999;
511            position: fixed;
512            bottom: 15vw;
513            width: max-content;
514            left: 50%;
515            transform: translate(-50%);
516            margin-left: 0vw;
517        }
518
519        .socials-section div {
520            height: 10.396vw;
521            width: 10.396vw;
522            border-radius: 10.396vw;
523            margin-right: 4vw;
524        }
525
526        .socials-section a {
527            margin-right: 0;
528            font-size: 0;
529            line-height: 10.5vw;
530            height: 10.396vw;
531            width: 10.396vw;
532            border-radius: 10.396vw;
533        }
534
535        .socials-section a:before {
536            font-size: 4.781333333333333vw;
537        }
538
539        div#block-views-block-music-section-block-1 .owl-carousel .owl-nav .owl-prev {
540            width: 6vw;
541            height: 6vw;
542            left: -4.041667vw;
543        }
544
545        div#block-views-block-music-section-block-1 .owl-carousel .owl-nav .owl-next {
546            width: 6vw;
547            height: 6vw;
548            right: -10vw;
549        }
550
551        div#block-bartik-reskinnavigation ul#nav-links .socials-section {
552            width: 4%;
553            text-align: center;
554            position: unset;
555            right: 0;
556            top: unset;
557            transform: none;
558            bottom: 0vw;
559        }
560    }
561
562    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
563        body.nav-active .socials-section {
564            bottom: 9vw;
565        }
566    }
567.nav-links .site_logo a:hover::after {
568    background: none;
569opacity: 0;
570}
571</style>
572<script>
573    jQuery(document).ready(function () {
574        jQuery(".tour-sec").click(function () {
575            jQuery('html, body').animate({
576                scrollTop: jQuery('div#block-bartik-toursection').offset().top - 50
577            }, 1000);
578        });
579        jQuery(".music-sec").click(function () {
580            jQuery('html, body').animate({
581                scrollTop: jQuery('div#block-views-block-music-section-block-1').offset().top - 50
582            }, 1000);
583        });
584
585    });
586
587    document.addEventListener('DOMContentLoaded', () => {
588        const hamburger = document.getElementById('hamburger');
589        const navLinks = document.getElementById('nav-links');
590        const headerWrapper = document.getElementById('header_Wrapper');
591
592        hamburger.addEventListener('click', () => {
593            navLinks.classList.toggle('active');
594            hamburger.classList.toggle('active');
595            document.body.classList.toggle('nav-active');
596            headerWrapper.classList.toggle('active');
597        });
598
599        const links = document.querySelectorAll('.nav-links li a');
600        links.forEach(link => {
601            link.addEventListener('click', () => {
602                navLinks.classList.remove('active');
603                hamburger.classList.remove('active');
604                document.body.classList.remove('nav-active');
605                headerWrapper.classList.remove('active');
606
607            });
608        });
609    });
610</script>
610</div>
611      
612    </div>
613  </div>
614<div id="block-turnkeytoasterscripts" class="block block-turnkey-toaster block-turnkey-toaster-scripts-block">
615  
616    
617      <div class="content">
618      
618<script></script>
618
619    </div>
620  </div>
621<div id="block-anonymoususer" class="block block-block-content block-block-content1e2b8a35-2a02-4bea-b47b-68abf9c78032">
622  
623    
624      <div class="content">
625      
626    </div>
627  </div>
628<div class="views-element-container block block-views block-views-blockvideos-section-block-6" id="block-views-block-videos-section-block-6">
629  
630    
631      <div class="content">
632      <div><div class="view view-videos-section view-id-videos_section view-display-id-block_6 js-view-dom-id-a8ba06958b4caef70aca02dc29d19bcba8e9dbdc92216b4bf1d1f692828a74ec">
633  
634    
635      <div class="view-header">
636      <div class="ufclass" id="videos"></div>
637    </div>
638      
639      <div class="view-content">
640      <div class="item-list">
641  
642  <ul>
643
644          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videowrapper">
645    <div class="video_heading">videos</div>
646	<div class="videotitle">
647	    &quot;Man Downstairs&quot;
648	</div>
649	
650	<div class="videoWrapper">
651            <div class="video-inner-wrapper">
652                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=MXfH4dRIZfk" class="fancyboxcaller-video1 watch mfp-iframe">
653                    <div class="play-button">
654                        <img src="/sites/g/files/g2000021846/files/2026-02/AA-Play-Button.svg" alt="play" />
655                    </div>
656                    <div class="videoframe">
657                          <img loading="lazy" src="/sites/g/files/g2000021846/files/2026-03/Avery%20Anna%20-%20Video%20Thumbnail.jpg" width="1920" height="1080" alt="jpg" typeof="Image" />
658
659
660                    </div>
661                </a>
662            </div>
663   
664	<div class="bttrfly_1">
665	    <img src="/sites/g/files/g2000021846/files/2026-02/Butterfly-Logo-Blur-2%402x.png" alt="butterfly_images_1" />
666	</div>
667	<div class="bttrfly_2">
668	    <img src="/sites/g/files/g2000021846/files/2026-02/Butterfly-Logo-Blur-1%402x.png" alt="butterfly_images_2" />
669	</div>
670 </div>
671  <div class="view_all_btn">
672	    <a href="/videos" class="view_all">VIEW ALL VIDEOS</a>
673	</div>
674</div></span></div></li>
675    
676  </ul>
677
678</div>
679
680    </div>
681  
682          </div>
683</div>
684
685    </div>
686  </div>
687<div id="block-bartik-reskinvideocss" class="block block-block-content block-block-contentc78c9e4b-859d-4d83-bfa1-812fd6d8b984">
688  
689    
690      <div class="content">
691      
692            <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">
693<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
694<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
695
696<style>
697.mfp-content {
698    text-align: center;
699}
700.path-videos #page header#header {
701    padding-bottom: 0vw;
702}
703div#block-views-block-videos-section-block-6 {
704    width: 100%;
705}
706.footerwrap{
707  display: none;
708}
709.path-videos .js-pager__items.pager a.button:hover {
710    opacity: 1;
711    background-color: #2E5664;
712    color: #E4D4BC;
713}
714
715div#block-views-block-videos-section-block-6 .content {
716    margin: 0 auto;
717    width: 48.4583vw;
718}
719
720body.path-videos, .path-videos #page {
721    background: url(/sites/g/files/g2000021846/files/2026-02/desk_bg.jpg);
722    background-repeat: repeat;
723    background-size: contain;
724    width: 100%;
725}
726 .path-videos #page #header {
727    background: url(/sites/g/files/g2000021846/files/2026-02/AA-ForgiveForget-Site-Interior-Header-Background-Desktop_0.png);
728    background-repeat: no-repeat;
729    background-size: cover;
730}
731
732.video_heading {
733    font-size:1.875vw;
734    margin:0 auto;
735    text-align: center;
736    margin-top:3vw;
737   font-family: "Crimson Text", serif;
738  font-weight: 600;
739  font-style: italic;
740    color:#A96A3E;
741}
742
743.videowrapper .videotitle {
744    font-family: "Cormorant Garamond", serif;
745    font-weight: 400;
746    font-style: normal;
747    font-size: 4.688vw;
748    text-shadow: unset;
749    text-align: center;
750    margin-top: 1vw;
751    color: #25190C;
752   text-transform: Uppercase;
753}
754.official_text {
755    margin-top: 1.0938vw;
756    text-align: center;
757    font-size: 1.25vw;
758    font-family: "Instrument Sans", sans-serif;
759    font-weight: 500;
760    font-style: normal;
761    color: #573F3E;
762}
763
764.videoWrapper {
765    position: relative;
766    margin-top: 1.563vw;
767
768}
769
770.video-inner-wrapper a {
771    width: 100%;
772    display: block;
773}
774
775.play-button {
776    position: absolute;
777    top: 50%;
778    left: 50%;
779    transform: translate(-50%, -50%);
780    width: 10vw;
781    transition: all 2s;
782height:10vw;
783z-index:98;
784}
785.bttrfly_1 {
786position: absolute;
787    top: 0;
788    right: -7.5vw;
789    width: 12.0313vw;
790}
791
792.bttrfly_2 {
793position: absolute;
794bottom: -4vw;
795left: -6vw;
796width: 12.0313vw;
797}
798.videowrapper .view_all_btn {
799    text-align: center;
800    margin-top: 3.8021vw;
801    font-size: 0.9375vw;
802    font-family: "Instrument Sans", sans-serif;
803    font-weight: 500;
804    font-style: normal;
805    color: #573F3E;
806}
807
808a.view_all {
809    color: #573F3E;
810    background-color: transparent;
811    color: #2E5664;
812    font-weight: 700;
813    font-family: "Crimson Text", serif;
814    height: 3.2292vw;
815    font-style: italic;
816    display: block;
817    text-align: center;
818    font-size: 1.042vw;
819    line-height: 3.2292vw;
820    margin: 0 auto;
821    margin-top: 1.2396vw;
822    width: 13.3333vw;
823    border: 2px solid #2E5664;
824}
825
826a.view_all span img {
827    width: 1.3542vw;
828}
829
830a.view_all span {
831    padding-left: .4vw;
832}
833.play-button:hover {
834opacity:0.5;
835width: 6vw;
836}
837
838a.view_all:hover {
839    opacity: 1;
840    background-color: #2E5664;
841    color: #E4D4BC;
842}
843
844.video-inner-wrapper {
845    position: relative;
846}
847.path-videos div#block-bartik-reskinnavigation .socials-section {
848    width: 4%;
849    text-align: center;
850    position: absolute;
851    right: 0;
852    top: 37%;
853    transform: translate(-50%, -50%);
854    z-index: 998;
855}
856@media only screen and (max-width:1024px) and (orientation:portrait){
857div#block-views-block-videos-section-block-6 .content {
858    width:90%;
859}
860.videowrapper {
861    padding-bottom: 35vw;
862}
863    .video_heading{
864        font-size:9.2308vw;
865        margin-top:10.6410vw;
866    }
867    .videowrapper .videotitle{
868        font-size: 9.5vw;
869    }
870    .official_text{
871        margin-top:5.1282vw;
872        font-size:5.1282vw;
873    }
874    .videoWrapper{
875        margin-top:10.2564vw;
876    }
877    .video-inner-wrapper a{
878        width:100%
879    }
880    .play-button{
881        width:18.0769vw;
882height:auto;
883    }
884    .play-button:hover{
885        width:17vw;
886    }
887    .bttrfly_1{
888        width:40%;
889        top:-15vw;
890        right:-7vw
891    }
892    .bttrfly_2{
893      width: 40%;
894        bottom: -14vw;
895        left: -7vw;
896    }
897    .videowrapper .view_all_btn{
898        margin-top:10.2564vw;
899        font-size: 3.5897vw;
900    }
901a.view_all {
902    font-size: 3.5897vw;
903    height: 13.3333vw;
904    line-height: 13.3333vw;
905    width: 56.4103vw;
906}
907    a.view_all span img{
908        width:5.6667vw;
909        
910    }
911    a.view_all span{
912        padding-left:1vw;
913    }
914}
915@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
916#header div#block-views-block-videos-section-block-6{
917margin-top:unset;
918}
919}
920@media only screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait){
921.bttrfly_1 {
922    top: -11vw;
923    right: -21vw;
924}
925    .bttrfly_2{
926        bottom: -12vw;
927        left: -10vw;
928    }
929    .play-button{
930        width:auto;
931    }
932}
933@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {
934 .play-button{
935        height:auto;
936    }
937}
938@media only screen and (min-width:2560px){
939.videoframe img {
940    width: 100%;
941}
942    .bttrfly_1{
943        top: -4.5vw;
944        right: -7vw;
945    }
946 .bttrfly_1 img, .bttrfly_2 img {
947    width: 100%;
948}
949    .bttrfly_2{
950        left: -4vw;
951    }
952.play-button img {
953    width: auto;
954}
955
956.play-button {
957    width: auto;
958}
959}
960.path-videos .view_all_btn {
961    display: none;
962}
963
964.path-videos .views-infinite-scroll-content-wrapper.clearfix li {
965   display:inline-block;
966    width: 27.7083vw;
967    margin-left:1.0417vw;
968margin-bottom:2.6042vw;
969}
970.views-infinite-scroll-content-wrapper.clearfix {
971    margin-top: 10.4167vw;
972}
973.path-videos .views-infinite-scroll-content-wrapper.clearfix .item-list {
974    width: 58.4583vw;
975    margin: 0 auto;
976   
977}
978.path-videos .views-infinite-scroll-content-wrapper.clearfix .videowrapper, .path-videos .views-infinite-scroll-content-wrapper.clearfix .videoWrapper{
979margin-top:unset;
980}
981.path-videos .views-infinite-scroll-content-wrapper.clearfix .play-button{
982width:7vw;
983height:6vw;
984}
985.path-videos .views-infinite-scroll-content-wrapper.clearfix .play-button:hover{
986width:5vw;
987}
988.path-videos .views-infinite-scroll-content-wrapper.clearfix .videoWrapper .video-imag-wrapper img {
989    border: 3px solid #573F3E;
990}
991.path-videos .views-infinite-scroll-content-wrapper.clearfix .videotitle1 br {
992    display: none;
993}
994
995.path-videos .views-infinite-scroll-content-wrapper.clearfix .videotitle1,.videotitle1 a {
996    color: #25190C;
997    font-family: "Crimson Text", serif;
998    font-weight: 600;
999    font-style: italic;
1000    text-align: center;
1001    font-size: 1.563vw;
1002    margin-top: .5vw;
1003    text-transform: capitalize;
1004}
1005.path-videos .view-display-id-page_1{
1006margin-bottom:0;
1007}
1008.path-videos .views-infinite-scroll-content-wrapper.clearfix .official_text1 {
1009    margin-top:.2vw;
1010    text-align:center;
1011       font-family: "Instrument Sans", sans-serif;
1012    font-weight: 500;
1013    font-style: normal;
1014    color: #573F3E;
1015     font-size: 1.25vw;
1016}
1017
1018.path-videos ul.js-pager__items.pager li.pager__item {
1019    display: block;
1020    text-align: center;
1021    margin: 0 auto;
1022        width: 12.0625vw;
1023    margin-top: 5.3125vw;
1024}
1025
1026
1027
1028.path-videos .js-pager__items.pager a.button {
1029    display: block;
1030    text-align: center;
1031    color: #2E5664;
1032    border: 2px solid #2E5664;
1033    font-size: 1.042vw;
1034    font-family: "Crimson Text", serif;
1035    font-weight: 700;
1036   font-style: italic;
1037   letter-spacing: unset;
1038   height: 3.021vw;
1039    line-height: 2.8vw;
1040    padding: 0;
1041}
1042
1043.path-videos .js-pager__items.pager a.button::before {
1044    display:none
1045}
1046.path-videos .video_heading {
1047    margin-top: 5.2083vw;
1048}
1049@media only screen and (max-width:1024px) and (orientation:portrait){
1050.path-videos .views-infinite-scroll-content-wrapper.clearfix li {
1051    width: 70.4103vw;
1052    margin-bottom:12.8205vw;
1053}
1054
1055    .hamburger {
1056        top: -6vw;
1057        right: 7.2vw;
1058    }
1059.path-videos .views-infinite-scroll-content-wrapper.clearfix .item-list {
1060    width: 70.4583vw;
1061}
1062.path-videos .videoOuterWrapper iframe#ytplayer {
1063    margin: 0 auto;
1064    width: 80%;
1065    display: block;
1066}
1067.path-videos .videowrapper{
1068padding-bottom:0vw;
1069}
1070    .views-infinite-scroll-content-wrapper.clearfix{
1071     margin-top:25.6410vw;
1072    }
1073    .path-videos .views-infinite-scroll-content-wrapper.clearfix .play-button{
1074        width:18.4615vw;
1075height:auto;
1076    }
1077    .path-videos .views-infinite-scroll-content-wrapper.clearfix .videotitle1{
1078        margin-top:5.1282vw;
1079        font-size: 4.1282vw;
1080    }
1081    .path-videos .views-infinite-scroll-content-wrapper.clearfix .official_text1{
1082        font-size:4.1282vw;
1083        margin-top:1vw;
1084    }
1085    .path-videos .js-pager__items.pager a.button{
1086        font-size:3.5897vw;
1087        height: 12.8vw;
1088        line-height: 12.8vw;
1089    }
1090    .path-videos ul.js-pager__items.pager li.pager__item{
1091        width:56.8974vw;
1092    }
1093}
1094@media only screen and (min-width:2560px) {
1095.path-videos .js-pager__items.pager a.button::after {
1096    height: 37px;
1097}
1098}
1099.path-videos .views-infinite-scroll-content-wrapper.clearfix .official_text1 {
1100    display: none;
1101}
1102  @media only screen and (min-width:3840px) {
1103        .play-button {
1104            top: 60%;
1105        }
1106    }
1107 </style>
1108<script>
1109    function lightboxCall() {
1110        var ytPlayer;
1111        var ytplayerwidth = jQuery(window).width() * .75;
1112        var ytplayerheight = ytplayerwidth * 9 / 16;
1113        $('a.fancyboxcaller-video1').magnificPopup({
1114            type: 'iframe',
1115            closeOnContentClick: false,
1116            closeBtnInside: false,
1117            fixedContentPos: true,
1118            mainClass: 'mfp-no-margins mfp-with-zoom mfp-img-mobile', // class to remove default margin from left and right side
1119            iframe: {
1120                markup: '<div id="videoLightBox"><div class="videoOuterWrapper"><iframe  id="ytplayer" width="' + ytplayerwidth + '" height="' + ytplayerheight + '" class="mfp-iframe" frameborder="0" allow="autoplay; encrypted-media"  allowfullscreen><button title="Close (Esc)" type="button" class="mfp-close">&Atilde;&#151;',
1121                patterns: {
1122                    youtube: {
1123                        index: "youtube.com",
1124                        id: "v=",
1125                        src: "https://www.youtube-nocookie.com/embed/%id%?enablejsapi=1" // URL that will be set as a source for iframe.
1126                    }
1127                }
1128
1129            },
1130            gallery: {
1131                enabled: true,
1132                tCounter: ' '
1133            },
1134            zoom: {
1135                enabled: true,
1136                duration: 300, // don't foget to change the duration also in CSS
1137                opener: function (element) {
1138                    return element.find('img');
1139                }
1140            },
1141            callbacks: {
1142                open: function () {
1143
1144
1145                    function onPlayerReady(event) {
1146                        event.target.playVideo();
1147                    }
1148
1149
1150                    ytPlayer = new YT.Player('ytplayer', {
1151                        height: ytplayerheight,
1152                        width: ytplayerwidth,
1153
1154                        events: {
1155                            'onReady': onPlayerReady,
1156                            'onStateChange': onPlayerStateChange
1157                        }
1158                    });
1159                }
1160            }
1161        });
1162    }
1163
1164    $(window).on('load', function () {
1165        lightboxCall();
1166    });
1167   
1168
1169</script>
1169</div>
1170      
1171    </div>
1172  </div>
1173<div id="block-mlistheaderandfootercss" class="block block-block-content block-block-content7c8581af-667b-4513-bb53-514fdaa532a7">
1174  
1175    
1176      <div class="content">
1177      
1178            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
1179    /* mail css */
1180    * {
1181        box-sizing: border-box;
1182    }
1183
1184    label.goptin_checkbox span {
1185        white-space: nowrap;
1186    }
1187
1188    input,
1189    select {
1190        background: transparent;
1191        padding: 0 0.5vw;
1192        box-sizing: border-box;
1193        color: var(--label-text-color);
1194        width: 100%;
1195        display: block;
1196        -webkit-border-radius: 0px;
1197        -moz-border-radius: 0px;
1198        -webkit-appearance: none;
1199        -moz-appearance: none;
1200    }
1201
1202    input:-webkit-autofill,
1203    input:-webkit-autofill:hover,
1204    input:-webkit-autofill:focus,
1205    textarea:-webkit-autofill,
1206    textarea:-webkit-autofill:hover,
1207    textarea:-webkit-autofill:focus,
1208    select:-webkit-autofill,
1209    select:-webkit-autofill:hover,
1210    select:-webkit-autofill:focus {
1211        color: var(--label-text-color);
1212        border: 2px solid var(--label-text-color);
1213        -webkit-text-fill-color: var(--label-text-color);
1214        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1215        transition: background-color 5000s ease-in-out 0s;
1216    }
1217
1218    input:focus,
1219    select:focus {
1220        outline: none;
1221    }
1222
1223    :focus {
1224        outline: none;
1225    }
1226
1227    :focus {
1228        outline: none !important;
1229    }
1230
1231    select::-ms-expand {
1232        display: none;
1233    }
1234
1235    .header-mlist {
1236        position: absolute;
1237        top: 35vw;
1238        left: auto;
1239        right: 0;
1240        width: 25%;
1241        margin: 0px 4%;
1242        z-index: 10;
1243    }
1244
1245    .header-mlist .mlistwrapper form.mlistFormOne,
1246    .header-mlist .mlistwrapper .mlform .terms {
1247        width: 100%;
1248    }
1249
1250    .mlistwrapper {
1251        text-align: center;
1252        margin: 0 auto;
1253    }
1254
1255    .mlistwrapper .mlform .terms.active a {
1256        font-size: 0;
1257    }
1258
1259    .mlistwrapper div.plain-ml-wrapper {
1260        width: 100%;
1261        margin: 0 auto;
1262    }
1263
1264    form.mlistFormTwo .postal_country,
1265    .dobMonth.fieldWrap {
1266        width: 68%;
1267        display: inline-block;
1268    }
1269
1270    form.mlistFormTwo .postalcode,
1271    .plain-ml-wrapper div.dobday.fieldWrap {
1272        width: 30%;
1273        margin-right: 2%;
1274        display: inline-block;
1275    }
1276
1277    .mlistwrapper .mlform input.email.errored,
1278    .errored {
1279        color: red;
1280    }
1281
1282    .secondform input:not([type="submit"]),
1283    .secondform select {
1284        width: 100%;
1285    }
1286
1287    input:-webkit-autofill,
1288    input:-webkit-autofill:hover,
1289    input:-webkit-autofill:focus,
1290    textarea:-webkit-autofill,
1291    textarea:-webkit-autofill:hover,
1292    textarea:-webkit-autofill:focus,
1293    select:-webkit-autofill,
1294    select:-webkit-autofill:hover,
1295    select:-webkit-autofill:focus {
1296        -webkit-text-fill-color: var(--label-text-color);
1297        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1298        transition: background-color 5000s ease-in-out 0s;
1299    }
1300
1301    input::-webkit-input-placeholder {
1302        color: var(--label-text-color);
1303        -webkit-text-fill-color: var(--label-text-color);
1304        opacity: 1;
1305        text-transform: none;
1306    }
1307
1308    input::-moz-placeholder {
1309        color: var(--label-text-color);
1310        -webkit-text-fill-color: var(--label-text-color);
1311        opacity: 1;
1312        text-transform: none;
1313    }
1314
1315    input:-ms-input-placeholder {
1316        color: var(--label-text-color);
1317        -webkit-text-fill-color: var(--label-text-color);
1318        opacity: 1;
1319        text-transform: none;
1320    }
1321
1322    input:-moz-placeholder {
1323        color: var(--label-text-color);
1324        -webkit-text-fill-color: var(--label-text-color);
1325        opacity: 1;
1326        text-transform: none;
1327    }
1328
1329    /*Footer Start*/
1330    .footer-mlist .mlistwrapper .mlform input:-webkit-autofill,
1331    .footer-mlist .mlistwrapper .mlform input:-webkit-autofill:hover,
1332    .footer-mlist .mlistwrapper .mlform input:-webkit-autofill:focus,
1333    .footer-mlist .mlistwrapper .mlform textarea:-webkit-autofill,
1334    .footer-mlist .mlistwrapper .mlform textarea:-webkit-autofill:hover,
1335    .footer-mlist .mlistwrapper .mlform textarea:-webkit-autofill:focus,
1336    .footer-mlist .mlistwrapper .mlform select:-webkit-autofill,
1337    .footer-mlist .mlistwrapper .mlform select:-webkit-autofill:hover,
1338    .footer-mlist .mlistwrapper .mlform select:-webkit-autofill:focus {
1339        color: var(--button-color);
1340        border: 2px solid var(--button-color);
1341        -webkit-text-fill-color: var(--button-color);
1342        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1343        transition: background-color 5000s ease-in-out 0s;
1344        opacity: 1;
1345    }
1346
1347    .footer-mlist input:-webkit-autofill,
1348    .footer-mlist input:-webkit-autofill:hover,
1349    .footer-mlist input:-webkit-autofill:focus,
1350    .footer-mlist textarea:-webkit-autofill,
1351    .footer-mlist textarea:-webkit-autofill:hover,
1352    .footer-mlist textarea:-webkit-autofill:focus,
1353    .footer-mlist select:-webkit-autofill,
1354    .footer-mlist select:-webkit-autofill:hover,
1355    .footer-mlist select:-webkit-autofill:focus {
1356        -webkit-text-fill-color: var(--button-color);
1357        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
1358        transition: background-color 5000s ease-in-out 0s;
1359    }
1360
1361    .footer-mlist input::-webkit-input-placeholder {
1362        color: var(--button-color);
1363        -webkit-text-fill-color: var(--button-color);
1364        opacity: 1;
1365        text-transform: none;
1366    }
1367
1368    .footer-mlist input::-moz-placeholder {
1369        color: var(--button-color);
1370        -webkit-text-fill-color: var(--button-color);
1371        opacity: 1;
1372        text-transform: none;
1373    }
1374
1375    .footer-mlist input:-ms-input-placeholder {
1376        color: var(--button-color);
1377        -webkit-text-fill-color: var(--button-color);
1378        opacity: 1;
1379        text-transform: none;
1380    }
1381
1382    .footer-mlist input:-moz-placeholder {
1383        color: var(--button-color);
1384        -webkit-text-fill-color: var(--button-color);
1385        opacity: 1;
1386        text-transform: none;
1387    }
1388
1389    /*Footer End*/
1390
1391    #block-plainjsmailinglist.block .content {
1392        max-width: none;
1393        padding: 0;
1394    }
1395
1396    .mlistwrapper form.mlistFormOne>div {
1397        display: inline-block;
1398        vertical-align: top;
1399    }
1400
1401    .fadeOut {
1402        display: none;
1403    }
1404
1405    .fadeIn {
1406        display: block;
1407    }
1408
1409    .mlistwrapper {
1410        max-width: 50vw;
1411        /*margin: 5vw auto;*/
1412    }
1413
1414    div#firstMlistForm>div {
1415        max-width: none;
1416        margin: 0 0 0 auto;
1417    }
1418
1419    p.message-description {
1420        font-size: 2vw;
1421        line-height: 1.1;
1422        text-align: center;
1423        margin: 0 0 2vw;
1424    }
1425
1426    .message {
1427        display: block;
1428    }
1429
1430    .plain-ml-wrapper select {
1431
1432        -webkit-appearance: none;
1433        -moz-appearance: none;
1434    }
1435
1436    .plain-ml-wrapper .email.fieldWrap label {
1437        display: none;
1438    }
1439
1440    .mlistwrapper .plain-ml-wrapper form.mlistFormOne div.fieldWrap {
1441        margin-right: 4%;
1442        width: 66%;
1443    }
1444
1445    .mlistwrapperform .mlistFormOne>div {
1446        text-align: center;
1447        display: inline-block;
1448        vertical-align: top;
1449    }
1450
1451    .mlistwrapper .plain-ml-wrapper div.fieldWrap {
1452        position: relative;
1453    }
1454
1455    form.mlistFormOne>div.submit {
1456        width: 30%;
1457    }
1458
1459    #block-plainjsmailinglist input:-webkit-autofill,
1460    #block-plainjsmailinglist select:-webkit-autofill {
1461        -webkit-box-shadow: 0 0 0 1000px transparent inset;
1462        -webkit-text-fill-color: var(--label-text-color);
1463    }
1464
1465    .mlistwrapper .mlform input.email {
1466        box-sizing: border-box;
1467        padding-left: 1vw;
1468        background: transparent;
1469        color: var(--label-text-color);
1470        letter-spacing: 0.05vw;
1471    }
1472
1473    .mlistwrapper .mlform .mlistFormOne input.submit {
1474        background: var(--button-color);
1475        color: var(--label-text-color);
1476        text-transform: capitalize;
1477        border-color: var(--button-color);
1478        font-family: var(--default-font-family);
1479        letter-spacing: 0.05vw;
1480        cursor: pointer;
1481    }
1482
1483    .mlistwrapper .secondform input:not([type="submit"]) {
1484        background: transparent;
1485        width: 100%;
1486        color: var(--label-text-color);
1487        height: 3vw;
1488        padding: 0 0.8vw;
1489        border: 1px solid var(--label-text-color);
1490        font-size: 1vw;
1491    }
1492
1493    input.submit {
1494        background-color: transparent;
1495        text-transform: lowercase;
1496        border-color: var(--button-color);
1497    }
1498
1499    .mlistwrapper .mlform input,
1500    .mlistwrapper input.submit {
1501        width: 100%;
1502        height: 3vw;
1503        line-height: 1.2;
1504        padding: 0;
1505        background: transparent;
1506        box-sizing: border-box;
1507        border-radius: 0;
1508        font-size: 0.8vw;
1509        text-transform: none;
1510        font-style: normal;
1511        font-family: var(--default-font-family);
1512    }
1513
1514    .mlistwrapper div.mlform {
1515        width: 100%;
1516        margin: 0px auto;
1517    }
1518
1519    .mlistwrapper form.mlistFormOne,
1520    .mlistwrapper .mlform .terms,
1521    .footer-mlist .mlistwrapper .secondform {
1522        width: 55%;
1523        margin: 0 auto;
1524    }
1525
1526    .mlistwrapper .mlform input {
1527        border: 1px solid var(--label-text-color);
1528    }
1529
1530    .mlistwrapper input.submit:hover {
1531        opacity: 1;
1532        color: var(--label-text-color);
1533        border-color: transparent;
1534    }
1535
1536    .mlistwrapper .mlform .mlistFormOne input.submit:hover {
1537        opacity: 0.5;
1538    }
1539
1540    .mlistwrapper .plain-ml-wrapper .terms {
1541        position: relative;
1542        text-align: left;
1543        padding-left: 0.2vw;
1544    }
1545
1546    div#block-plainjsmailinglist .plain-ml-wrapper .terms {
1547        max-width: 82%;
1548    }
1549
1550    .mlistwrapper .mlform p.terms-message a:hover,
1551    .mlistwrapper .secondform p.terms-message a:hover {
1552        opacity: 0.5;
1553    }
1554
1555    .mlistwrapper .mlform .terms,
1556    .secondform .terms {
1557        text-decoration: none;
1558        text-transform: capitalize;
1559        font-size: 0.9vw;
1560        color: var(--label-text-color);
1561        line-height: 1;
1562    }
1563
1564    .mlistwrapper .mlform .terms:active,
1565    .mlistwrapper .secondform .terms:active .mlistwrapper .mlform .terms:focus,
1566    .mlistwrapper .secondform .terms:focus {
1567        color: var(--label-text-color);
1568    }
1569
1570    .mlistwrapper form.mlistFormTwo .globaloptin {
1571        position: relative;
1572        margin: 0vw auto;
1573        width: 100%;
1574        text-align: left;
1575    }
1576
1577    .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked),
1578    .globaloptin [type="checkbox"]:checked {
1579        position: absolute;
1580        left: 0px;
1581        width: 2vw;
1582        height: 2vw;
1583        z-index: 10;
1584        top: 0;
1585        opacity: 0;
1586        cursor: pointer;
1587        margin: 0;
1588        -webkit-appearance: none;
1589        padding: 0;
1590    }
1591
1592    .mlistwrapper form.mlistFormTwo .globaloptin .goptin_checkbox {
1593        display: inline-block;
1594        box-sizing: border-box;
1595        line-height: 1.6vw;
1596        color: var(--label-text-color);
1597        text-align: left;
1598        text-transform: none;
1599        letter-spacing: 0.02vw;
1600        font-size: 1vw;
1601        padding-left: 2vw;
1602    }
1603
1604    .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:before,
1605    .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:before {
1606        content: "";
1607        position: absolute;
1608        left: 0px;
1609        top: 0px;
1610        width: 1.5vw;
1611        height: 1.5vw;
1612        border: 1px solid var(--label-text-color);
1613        background: transparent;
1614        border-radius: 0px;
1615        box-sizing: border-box;
1616    }
1617
1618    .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:after,
1619    .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:after {
1620        content: "\2713";
1621        position: absolute;
1622        top: 0.3vw;
1623        line-height: 1;
1624        left: 0.3vw;
1625        font-size: 1.2vw;
1626        color: var(--label-text-color);
1627        font-weight: 700;
1628        text-align: center;
1629    }
1630
1631    .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:after {
1632        opacity: 0;
1633        transform: scale(0);
1634    }
1635
1636    .plain-ml-wrapper span.secondFormClose:hover {
1637        opacity: 0.5;
1638    }
1639
1640    .mlistwrapper .mlform .terms p.terms-message,
1641    .mlistwrapper .mlform .terms p.terms-message-2 {
1642        position: relative;
1643        bottom: auto;
1644        top: 0;
1645        font-size: 0.9vw;
1646        z-index: 1;
1647        width: 92%;
1648        background: var(--background-transparent-color);
1649        color: var(--label-text-color);
1650        text-align: left;
1651        text-transform: none;
1652        padding: 1vw;
1653        font-family: var(--default-font-family);
1654        margin: 0;
1655        padding-right: 3.5vw;
1656    }
1657
1658    .mlistwrapper .plain-ml-wrapper .terms .terms {
1659        width: auto;
1660        border-bottom: 0;
1661        text-decoration: underline;
1662    }
1663
1664
1665    .mlistwrapper .mlform p.terms-message a,
1666    .mlistwrapper .secondform p.terms-message a {
1667        margin: 0;
1668        text-transform: none;
1669        border: 0;
1670        color: var(--label-text-color);
1671        text-decoration: underline;
1672    }
1673
1674    .mlistwrapper .secondform {
1675        position: relative;
1676        right: 0;
1677        top: 0;
1678        z-index: 1;
1679        width: 100%;
1680    }
1681
1682    .mlistwrapper form.mlistFormTwo div.terms {
1683        width: 100%;
1684    }
1685
1686    .mlistwrapper div.plain-ml-wrapper {
1687        position: relative;
1688        padding: 15px 0;
1689        margin: 0 auto;
1690    }
1691
1692    .firstMlistForm .terms .close:hover {
1693        opacity: 0.5;
1694    }
1695
1696    .firstMlistForm .terms .close {
1697        position: absolute;
1698        top: 38%;
1699        left: auto;
1700        right: 0.5vw;
1701        width: 1.5vw;
1702        height: 1.5vw;
1703        text-align: center;
1704        line-height: 1.7;
1705        color: var(--label-text-color);
1706        background: var(--button-color);
1707        cursor: pointer;
1708    }
1709
1710    .firstMlistForm .terms p {
1711        position: relative;
1712    }
1713
1714    .mlistwrapper .mlform,
1715    .mlistwrapper .secondform {
1716        margin: 0 auto;
1717        text-align: center;
1718        padding: 0;
1719        transition: all 0.5s ease-in-out;
1720    }
1721
1722    .mlistwrapper .plain-ml-wrapper .terms .terms:hover {
1723        opacity: 0.5;
1724    }
1725
1726    .mlistwrapper .secondform .welcome {
1727        padding: 2vw 0 1vw;
1728    }
1729
1730    .secondform.singleform.fadeIn {
1731        position: absolute;
1732        top: -23vw;
1733    }
1734
1735    .mlistwrapper .plain-ml-wrapper p.terms-message-2 a:hover {
1736        color: var(--label-text-color);
1737    }
1738
1739    .mlistwrapper .plain-ml-wrapper p.terms-message-2 a {
1740        color: var(--label-text-color);
1741        border: 0;
1742    }
1743
1744    .mlistwrapper div.plain-ml-wrapper span.secondformClose {
1745        position: absolute;
1746        right: 0;
1747        font-size: 1.3vw;
1748        top: -1vw;
1749        cursor: pointer;
1750        color: var(--label-text-color);
1751        display: block;
1752    }
1753
1754    .mlistwrapper div.plain-ml-wrapper span.secondformClose:hover {
1755        opacity: 0.5;
1756    }
1757
1758    .mlistwrapper form.mlistFormOne,
1759    .mlistwrapper form.mlistFormTwo {
1760        font-size: 0;
1761        margin: 0 auto;
1762    }
1763
1764    #block-plainjsmailinglist .plain-ml-wrapper {
1765        max-width: 980px;
1766    }
1767
1768    .mlistwrapper form.mlistFormTwo div.terms {
1769        margin: 10px 0 0;
1770        display: block;
1771        text-align: center;
1772    }
1773
1774    .mlistwrapper .plain-ml-wrapper p.terms-message-2,
1775    .mlistwrapper div#nav .plain-ml-wrapper p.terms-message-2 a {
1776        position: static;
1777        top: initial;
1778        left: initial;
1779        background: 0 0;
1780        font-size: 1vw;
1781        text-transform: none;
1782        margin: 0;
1783    }
1784
1785    .mlistwrapper .mlform .terms p.terms-message-2 {
1786        width: 100%;
1787        padding-right: 1vw;
1788    }
1789
1790    .mlistwrapper form.mlistFormOne span.input-error {
1791        font-size: 1vw;
1792        bottom: auto;
1793
1794        text-align: left;
1795        line-height: 1;
1796        left: 0;
1797    }
1798
1799    .mlistwrapper form.mlistFormTwo label {
1800        /* position: relative;*/
1801        text-align: left;
1802        top: initial;
1803        left: initial;
1804        text-transform: uppercase;
1805        display: block;
1806        letter-spacing: 0.02vw;
1807    }
1808
1809    .mlistwrapper form.mlistFormOne,
1810    .mlistwrapper form.mlistFormTwo {
1811        padding-bottom: 0.8vw;
1812    }
1813
1814    .mlistwrapper form.mlistFormTwo .postal_country {
1815        padding-top: 0.8vw;
1816    }
1817
1818    .mlistwrapper .mlform input.submit:hover {
1819        border-color: transparent;
1820        color: var(--label-text-color);
1821    }
1822
1823    #block-plainjsmailinglist .mlform p.terms-message a:hover,
1824    #block-plainjsmailinglist .secondform p.terms-message a:hover {
1825        opacity: 0.5;
1826    }
1827
1828    #header .region-header div#block-homepagemailinglistblock {
1829        padding-top: 63px;
1830    }
1831
1832    input.submit {
1833        font-size: 1vw;
1834    }
1835
1836    .mlistwrapper div#thankyou {
1837        width: 100%;
1838        font-size: 1.3vw;
1839        color: var(--label-text-color);
1840        text-align: center;
1841        text-transform: uppercase;
1842    }
1843
1844    .mlistwrapper .secondform .globaloptin {
1845        margin: 0;
1846    }
1847
1848    .mlistwrapper .secondform .globaloptin label {
1849        text-transform: none;
1850    }
1851
1852    .mlistwrapper .secondform select option {
1853        background: transparent;
1854        color: var(--button-color);
1855    }
1856
1857    .mlistwrapper div#firstMlistForm>div {
1858        margin: 0 auto;
1859    }
1860
1861    section.email-section .section-title h2 {
1862        font-size: 30px;
1863    }
1864
1865    .mlistwrapper .secondform .welcome p,
1866    .mlistwrapper .secondform .welcome span {
1867        font-size: 1vw;
1868        display: inline;
1869    }
1870
1871    .mlistwrapper form.mlistFormTwo label {
1872        font-size: 1vw;
1873        text-transform: capitalize;
1874        color: var(--label-text-color);
1875    }
1876
1877    .mlistwrapper form.mlistFormTwo>div {
1878        padding-bottom: 1vw;
1879    }
1880
1881    .mlistwrapper .secondform input,
1882    .mlistwrapper .secondform select {
1883        font-size: 1vw;
1884        text-transform: capitalize;
1885        font-family: var(--default-font-family);
1886    }
1887
1888    .mlistwrapper .secondform input.submit {
1889        font-size: 1vw;
1890        height: 3vw;
1891        color: var(--label-text-color);
1892        background: var(--default-bg-color);
1893        width: 100%;
1894        border-color: transparent;
1895        cursor: pointer;
1896    }
1897
1898    .mlistwrapper .secondform .submit {
1899        width: 50%;
1900    }
1901
1902    .mlistwrapper .secondform input.submit:hover {
1903        opacity: 0.5;
1904    }
1905
1906    .mlistwrapper p.thankswelcome-msg {
1907        text-transform: capitalize;
1908        line-height: 1.2;
1909    }
1910
1911    .mlistwrapper .mlform input.email.errored {
1912        border-color: red;
1913    }
1914
1915    .plain-ml-wrapper p.terms-message-2 a {
1916        text-decoration: underline;
1917    }
1918
1919    .mlistwrapper .secondform input,
1920    .mlistwrapper .secondform select {
1921        border-radius: 0 !important;
1922        height: 3vw;
1923        background-color: transparent;
1924    }
1925
1926    .mlistwrapper .secondform select {
1927        padding: 0 1vw;
1928        border: 1px solid var(--label-text-color);
1929    }
1930
1931    .mlistwrapper select#country {
1932        width: 100%;
1933        border: 1px solid var(--label-text-color);
1934        text-transform: uppercase;
1935    }
1936
1937    .mlistwrapper input#goptin_checkbox label.goptin_checkbox {
1938        height: auto;
1939    }
1940
1941    .mlistwrapper input#goptin_checkbox {
1942        position: absolute;
1943    }
1944
1945    .mlistwrapper form.mlistFormOne span.input-error {
1946        color: #ff0000;
1947    }
1948
1949    div.thankyou {
1950        color: var(--label-text-color);
1951    }
1952
1953    .footer-mlist {
1954        padding: 7vw 0 0vw;
1955    }
1956
1957    .footer-mlist .mlistwrapper .mlform input.email {
1958        color: var(--button-color);
1959        border: 1px solid var(--input-bg-color);
1960        background: var(--input-bg-color);
1961    }
1962
1963    .footer-mlist .mlistwrapper .mlform .terms,
1964    .footer-mlist .secondform .terms,
1965    .footer-mlist .mlistwrapper .mlform .terms p.terms-message,
1966    .footer-mlist .mlistwrapper .mlform .terms p.terms-message-2,
1967    .footer-mlist .mlistwrapper .mlform p.terms-message a,
1968    .footer-mlist .mlistwrapper .secondform p.terms-message a {
1969        color: var(--button-color);
1970        border-color: var(--button-color);
1971    }
1972
1973    .footer-mlist .mlistwrapper .secondform input,
1974    .footer-mlist .mlistwrapper .secondform select {
1975        color: var(--button-color);
1976        border-color: var(--input-bg-color);
1977        background: var(--input-bg-color);
1978    }
1979
1980    .footer-mlist .secondform.singleform.fadeIn {
1981        position: initial;
1982        top: initial;
1983    }
1984
1985    .footer-mlist .mlistwrapper .secondform input.submit {
1986        color: var(--label-text-color);
1987        background: var(--default-bg-color);
1988    }
1989
1990    .footer-mlist .plain-ml-wrapper div.select-drop-down-arrow:after {
1991        color: var(--button-color);
1992        content: "\25BC";
1993    }
1994
1995    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin .goptin_checkbox {
1996        color: var(--button-color);
1997        border-color: var(--input-bg-color);
1998    }
1999
2000    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:before,
2001    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:before {
2002        color: var(--button-color);
2003        border-color: var(--input-bg-color);
2004    }
2005
2006    .footer-mlist .mlistwrapper .secondform .welcome p,
2007    .footer-mlist .mlistwrapper .secondform .welcome span,
2008    .footer-mlist div.plain-ml-wrapper span.secondFormClose,
2009    .footer-mlist .mlistwrapper .plain-ml-wrapper p.terms-message-2 a {
2010        color: var(--button-color);
2011    }
2012
2013    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:after,
2014    .footer-mlist .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:after {
2015        color: var(--button-color);
2016        border-color: var(--input-bg-color);
2017    }
2018
2019    .footer-mlist div.thankyou {
2020        color: var(--button-color);
2021    }
2022
2023    /*mlist page*/
2024    .page-node-type-miscellaneous_pages #main-wrapper {
2025        background: transparent;
2026        background-size: cover;
2027        background-position: center;
2028        min-height: calc(100vh - 20.9vw);
2029        flex-direction: column;
2030        justify-content: center;
2031        align-items: center;
2032        text-align: center;
2033    }
2034
2035    .page-node-type-miscellaneous-pages div#main {
2036        background: transparent;
2037    }
2038
2039    .node__meta {
2040        display: none;
2041    }
2042
2043    .plain-ml-wrapper.firstMlistForm.mlistPage {
2044        max-width: 50%;
2045        margin: 8vw auto;
2046        margin-top: 0;
2047        padding-top: 2vw;
2048    }
2049
2050    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform {
2051        /* max-width: 50%; */
2052    }
2053
2054    .plain-ml-wrapper.firstMlistForm.mlistPage .singleform {
2055        max-width: 100%;
2056        margin: 0;
2057        padding: 0;
2058    }
2059
2060    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform label,
2061    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform label.birthday {
2062        display: block;
2063        text-align: left;
2064        font-size: 1vw;
2065        text-transform: capitalize;
2066        padding-bottom: 0.6vw;
2067        letter-spacing: 0.06vw;
2068    }
2069
2070    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform input:not([type="checkbox"]),
2071    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform select {
2072        font-size: 1vw;
2073        font-style: normal;
2074        height: 3.5vw;
2075        box-sizing: border-box;
2076 
2077    }
2078.plain-ml-wrapper.firstMlistForm.mlistPage .mlform select{
2079       cursor: pointer;
2080}
2081    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform .dobMonth.fieldWrap,
2082    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform .dobDay.fieldWrap {
2083        width: 49%;
2084        display: inline-block;
2085        vertical-align: middle;
2086    }
2087
2088    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform .dobMonth.fieldWrap {
2089        margin-right: 2%;
2090    }
2091
2092    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform .birthday {
2093        font-size: 0;
2094    }
2095
2096    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform>div {
2097        margin-top: 2vw;
2098    }
2099
2100    .globaloptin {
2101        position: relative;
2102        margin: 0vw auto;
2103        width: 100%;
2104        text-align: left;
2105    }
2106
2107    .plain-ml-wrapper.firstMlistForm.mlistPage .mlform label.goptin_checkbox {
2108        color: #fff;
2109        display: inline-block;
2110        vertical-align: top;
2111        width: 100%;
2112        text-align: left;
2113        font-size: 1vw;
2114        margin-top: 0;
2115        padding-left: 3vw;
2116        letter-spacing: 0.04vw;
2117        padding-bottom: 0;
2118        line-height: 2;
2119    }
2120
2121    .plain-ml-wrapper div.select-drop-down-arrow:after {
2122        font-size: 1.3vw;
2123        color: var(--label-text-color);
2124        right: -1.2vw;
2125        top: 50%;
2126        position: absolute;
2127        pointer-events: none;
2128        width: 3.5vw;
2129        text-indent: 14px;
2130        content: "\25BC";
2131        transform: translate(-50%, -50%);
2132        -webkit-transform: translate(-50%, -50%);
2133        -moz-transform: translate(-50%, -50%);
2134        -o-transform: translate(-50%, -50%);
2135        -ms-transform: translate(-50%, -50%);
2136    }
2137
2138    .plain-ml-wrapper.firstMlistForm.mlistPage .globaloptin [type="checkbox"]:not(:checked),
2139    .globaloptin [type="checkbox"]:checked {
2140        position: absolute;
2141        left: 0px;
2142        width: 2vw;
2143        height: 2vw;
2144        z-index: 10;
2145        top: 0;
2146        opacity: 0;
2147        cursor: pointer;
2148        margin: 0;
2149        -webkit-appearance: none;
2150        padding: 0;
2151    }
2152
2153    .globaloptin .goptin_checkbox {
2154        display: inline-block;
2155        box-sizing: border-box;
2156        line-height: 1.6vw;
2157        color: var(--label-text-color);
2158        text-align: left;
2159        text-transform: none;
2160        letter-spacing: 0.02vw;
2161        font-size: 1vw;
2162        padding-left: 2vw;
2163    }
2164
2165    .globaloptin [type="checkbox"]:not(:checked)+label:before,
2166    .globaloptin [type="checkbox"]:checked+label:before {
2167        content: "";
2168        position: absolute;
2169        left: 0px;
2170        top: 0px;
2171        width: 2vw;
2172        height: 2vw;
2173        border: 1px solid var(--label-text-color);
2174        background: transparent;
2175        border-radius: 0px;
2176        box-sizing: border-box;
2177    }
2178
2179    .globaloptin [type="checkbox"]:not(:checked)+label:after,
2180    .globaloptin [type="checkbox"]:checked+label:after {
2181        content: "\2713";
2182        position: absolute;
2183        top: 0.4vw;
2184        line-height: 1;
2185        left: 0.5vw;
2186        font-size: 1.4vw;
2187        color: var(--label-text-color);
2188        font-weight: 700;
2189        text-align: center;
2190    }
2191
2192    .globaloptin [type="checkbox"]:not(:checked)+label:after {
2193        opacity: 0;
2194        transform: scale(0);
2195    }
2196
2197    .plain-ml-wrapper.firstMlistForm.mlistPage p.terms-message.fadeIn {
2198        position: relative;
2199        top: auto;
2200        bottom: auto;
2201        background: var(--background-transparent-color);
2202        color: var(--label-text-color);
2203        text-align: left;
2204        text-transform: none;
2205        padding: 1vw;
2206        font-family: var(--default-font-family);
2207        font-size: 0.9vw;
2208    }
2209
2210    .plain-ml-wrapper.firstMlistForm.mlistPage p.terms-message.fadeIn a {
2211        color: var(--label-text-color);
2212        border: 0;
2213    }
2214
2215    .plain-ml-wrapper.firstMlistForm.mlistPage .terms a {
2216        text-align: left;
2217        font-size: 1vw;
2218        border-bottom: 1px solid;
2219        width: auto;
2220        display: inline-block;
2221    }
2222
2223    .plain-ml-wrapper.firstMlistForm.mlistPage .terms {
2224        text-align: left;
2225    }
2226
2227    option {
2228        background: transparent;
2229        color: var(--button-color);
2230    }
2231
2232    input.submit {
2233        text-transform: capitalize;
2234    }
2235
2236    .email.fieldWrap {
2237        position: relative;
2238    }
2239
2240    .mlform input.errored {
2241       border: 2px solid #ff0000;
2242    }
2243
2244    .message.fadeOut {
2245        display: none;
2246    }
2247
2248    div.thankyou {
2249        font-size: 2.5vw;
2250        padding: 8vw 0;
2251    }
2252
2253    .thankyou.fadeOut.fadeIn {
2254        color: #383031;
2255        text-transform: uppercase;
2256        padding-bottom: 0;
2257        padding-top: 15vw;
2258        font-family: montserrat, sans-serif;
2259        font-weight: 600;
2260        font-style: normal;
2261    }
2262
2263    @media only screen and (max-width: 1023px),
2264    only screen and (orientation:portrait) {
2265        div.thankyou {
2266            font-size: 4.5vw;
2267        }
2268
2269        .mlistwrapper {
2270            max-width: 100%;
2271        }
2272
2273        .footer-mlist .mlistwrapper .secondform {
2274            width: 100%;
2275        }
2276
2277        .views-field.views-field-field-desktop-header-image {
2278            display: none;
2279        }
2280
2281        .views-field.views-field-field-header-image {
2282            display: block;
2283        }
2284
2285        .views-field.views-field-field-header-image img {
2286            width: 100%;
2287            height: auto;
2288        }
2289
2290        .header-mlist {
2291            bottom: 0;
2292            top: auto;
2293            width: 100%;
2294            left: 0%;
2295            margin: 0 auto;
2296            right: auto;
2297        }
2298
2299        .block.block-views.block-views-blockheader-block-1,
2300        .block.block-block-content {
2301            position: relative;
2302        }
2303
2304        .mlistwrapper .mlform input.email {
2305            padding-left: 5vw;
2306        }
2307
2308        .mlistheader {
2309            font-size: 3vw;
2310        }
2311
2312        .mlistwrapperform .mlistFormOne,
2313        .mlistwrapper div#block-plainjsmailinglist form.mlistFormTwo {
2314            font-size: 0;
2315            width: 100%;
2316            margin: 0 auto;
2317        }
2318
2319        .mlistwrapper .mlform input,
2320        .mlistwrapper input.submit {
2321            font-size: 4vw;
2322            height: 12vw;
2323        }
2324
2325        .firstMlistForm .terms .close {
2326            width: 5vw;
2327            height: 6vw;
2328        }
2329
2330        .mlistwrapper form.mlistFormOne span.input-error {
2331            font-size: 3.5vw;
2332            top: -4vw;
2333        }
2334
2335        .mlistwrapper .mlform .terms,
2336        .mlistwrapper .secondform .terms,
2337        .thankyou {
2338            font-size: 4vw;
2339        }
2340
2341        .mlistwrapper .secondform input:not([type="submit"]),
2342        .mlistwrapper .secondform select {
2343            height: 12vw;
2344            font-size: 4vw;
2345            padding-left: 5vw;
2346        }
2347
2348        .secondform.singleform.fadeIn {
2349            background: #000;
2350            padding: 5%;
2351        }
2352
2353        .footer-mlist .secondform.singleform.fadeIn {
2354            background: transparent;
2355        }
2356
2357        .mlistwrapper form.mlistFormTwo label {
2358            font-size: 2vw;
2359        }
2360
2361        .mlistwrapper form.mlistFormTwo .globaloptin .goptin_checkbox {
2362            font-size: 3.5vw;
2363            line-height: 4vw;
2364            padding-left: 7vw;
2365        }
2366
2367        .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:before,
2368        .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:before {
2369            width: 4.5vw;
2370            height: 4.5vw;
2371        }
2372
2373        .mlistwrapper form.mlistFormTwo>div {
2374            padding-bottom: 5vw;
2375        }
2376
2377        .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:not(:checked)+label:after,
2378        .mlistwrapper form.mlistFormTwo .globaloptin [type="checkbox"]:checked+label:after {
2379            font-size: 4.5vw;
2380        }
2381
2382        .mlistwrapper .secondform .submit {
2383            width: 100%;
2384        }
2385
2386        .mlistwrapper .secondform input.submit {
2387            font-size: 4vw;
2388            height: 12vw;
2389        }
2390
2391        .mlistwrapper .mlform .terms p.terms-message,
2392        .mlistwrapper .mlform .terms p.terms-message-2 {
2393            font-size: 3.5vw;
2394        }
2395
2396        .mlistwrapper .plain-ml-wrapper p.terms-message-2,
2397        .mlistwrapper div#nav .plain-ml-wrapper p.terms-message-2 a {
2398            font-size: 3.5vw;
2399        }
2400
2401        .mlistwrapper .secondform .welcome p,
2402        .mlistwrapper .secondform .welcome span {
2403            font-size: 4vw;
2404        }
2405
2406        .mlistwrapper form.mlistFormOne,
2407        .mlistwrapper form.mlistFormTwo {
2408            padding-bottom: 3vw;
2409        }
2410
2411        .mlistwrapper form.mlistFormOne,
2412        .mlistwrapper .mlform .terms,
2413        .mlistwrapper form.mlistFormTwo {
2414            width: 100%;
2415        }
2416
2417        form.mlistFormTwo .postalcode,
2418        form.mlistFormTwo .postal_country {
2419            width: 100%;
2420            margin-right: 0;
2421        }
2422
2423        .mlistwrapper div.mlform {
2424            width: 90%;
2425        }
2426
2427        .mlistwrapper div.plain-ml-wrapper {
2428            padding-bottom: 30px;
2429        }
2430
2431        .page-node-type-miscellaneous_pages #main-wrapper {
2432            min-height: calc(100vh - 5.9vw);
2433justify-content: center;
2434        }
2435
2436        span.input-error {
2437            font-size: 3.5vw;
2438            bottom: -3.3vw;
2439        }
2440
2441        .plain-ml-wrapper.firstMlistForm.mlistPage .mlform>div {
2442            margin-top: 3vw;
2443        }
2444
2445        .plain-ml-wrapper.firstMlistForm.mlistPage {
2446            padding-top: 10vw;
2447            max-width: 75%;
2448        }
2449
2450        p.message-description {
2451            font-size: 4vw;
2452        }
2453
2454        .plain-ml-wrapper.firstMlistForm.mlistPage .mlform label,
2455        .plain-ml-wrapper.firstMlistForm.mlistPage .mlform label.birthday {
2456            font-size: 2.8vw;
2457        }
2458
2459        .plain-ml-wrapper.firstMlistForm.mlistPage .mlform input:not([type="checkbox"]),
2460        .plain-ml-wrapper.firstMlistForm.mlistPage .mlform select {
2461            height: 8vw;
2462            font-size: 16px;
2463        }
2464
2465        .plain-ml-wrapper.firstMlistForm.mlistPage .mlform label.goptin_checkbox {
2466            font-size: 2.8vw;
2467            padding-left: 8vw;
2468            line-height: 1.4;
2469        }
2470
2471        .globaloptin [type="checkbox"]:not(:checked)+label:before,
2472        .globaloptin [type="checkbox"]:checked+label:before {
2473            width: 6vw;
2474            height: 6vw;
2475        }
2476
2477        .globaloptin [type="checkbox"]:not(:checked)+label:after,
2478        .globaloptin [type="checkbox"]:checked+label:after {
2479            font-size: 3.8vw;
2480            left: 1.5vw;
2481            top: 1vw;
2482        }
2483
2484        .plain-ml-wrapper select {
2485            background-size: 3vw;
2486        }
2487
2488        span.input-error {
2489            font-size: 2.8vw;
2490        }
2491
2492        .plain-ml-wrapper.firstMlistForm.mlistPage p.terms-message.fadeIn {
2493            max-width: 75% !important;
2494            z-index: 999;
2495        }
2496
2497        .plain-ml-wrapper.firstMlistForm.mlistPage .terms a {
2498            font-size: 1.7vw;
2499        }
2500
2501        .plain-ml-wrapper.firstMlistForm.mlistPage p.terms-message.fadeIn {
2502            font-size: 2.5vw;
2503        }
2504
2505    }
2506
2507    @media only screen and (orientation:portrait) {
2508        div#main-wrapper {
2509            position: relative;
2510        }
2511
2512        .thankyou.fadeOut.fadeIn {
2513            position: relative;
2514            width: 100%;
2515            display: flex;
2516            align-items: center;
2517            padding: 0;
2518            min-height: calc(100vh - 48.9vw);
2519    justify-content: center;
2520        }
2521    }
2522</style></div>
2523      
2524    </div>
2525  </div>
2526<div id="block-bartik-headerowlscriptandcss" class="block block-block-content block-block-content9d47cfb6-7061-4857-b461-cff86e5d0a99">
2527  
2528    
2529      <div class="content">
2530      
2531            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
2531<script>
2532  $(document).ready(function () {
2533    setTimeout(function () {
2534      $("div#block-views-block-header-block-1 .view-content ul.owl-carousel").owlCarousel({
2535        margin: 10,
2536        loop: false,
2537        stagePadding: 0,
2538        autoplay: false,
2539        nav: true,
2540        dots: true,
2541        responsive: {
2542          0: {
2543            items: 1,
2544          },
2545          1025: {
2546            items: 1
2547          }
2548
2549        }
2550      });
2551    }, 100)
2552  });
2553</script>
2553
2554
2555
2556<style>
2557  #video .owl-carousel {
2558    display: block;
2559  }
2560
2561  #video .owl-prev {
2562    right: -18.4vw;
2563  }
2564
2565  #video {
2566    position: relative;
2567  }
2568
2569  .owl-prev:hover,
2570  .owl-next:hover {
2571    opacity: 0.7;
2572  }
2573
2574  #video .view-footer a:hover {
2575    background: #D3EDFD;
2576    color: #000;
2577  }
2578
2579  div#video .owl-next {
2580    left: 69.58vw;
2581    right: 0;
2582  }
2583
2584  div ul.owl-carousel .owl-nav.disabled {
2585    display: flex;
2586  }
2587
2588  div#video .owl-nav {
2589    font-size: 0;
2590    position: absolute;
2591    left: 5vw;
2592    top: 50%;
2593    transform: translateY(-50%);
2594    width: 2.396vw;
2595    height: 2.396vw;
2596    background-position: center;
2597    background-repeat: no-repeat;
2598    background-size: contain;
2599    display: block;
2600  }
2601
2602  div#video .view-footer {
2603    padding: 3vw 0;
2604    position: absolute;
2605    width: 100%;
2606    bottom: 0;
2607    z-index: 99;
2608    text-align: center;
2609    width: 23.542vw;
2610    left: 50%;
2611    transform: translateX(-50%);
2612  }
2613
2614  div#video .view-footer a {
2615    border: 1px solid #D3EDFD;
2616    color: #D3EDFD;
2617    font-size: 1.5625vw;
2618    font-family: 'p22-franklin-caslon';
2619    border-radius: 2vw;
2620    font-style: italic;
2621    padding: 0.9375vw 2.96875vw;
2622  }
2623
2624  .playIcon {
2625    width: 3vw;
2626  }
2627
2628  div#video .owl-prev {
2629    font-size: 0;
2630    position: absolute;
2631    top: -335%;
2632    width: 0.6770833333333334vw;
2633    height: 10vw;
2634    background-position: center;
2635    background-repeat: no-repeat;
2636    background-size: contain;
2637    transform: translate(50%, 135%);
2638
2639  }
2640
2641  div#video .owl-next {
2642    position: absolute;
2643    /* left: 5vw; */
2644    top: -323%;
2645    width: 0.6770833333333334vw;
2646    height: 10vw;
2647    background-position: center;
2648    background-repeat: no-repeat;
2649    background-size: contain;
2650    transform: translate(50%, 135%);
2651  }
2652
2653  #header .region-header div#block-bartik-reskinnavigation {
2654    margin-bottom: 0;
2655  }
2656
2657  .socials-section {
2658    display: block;
2659  }
2660
2661  .nav-section {
2662    margin: 0 auto;
2663  }
2664
2665  .logo-social {
2666    display: block;
2667  }
2668
2669  .nav-links {
2670    align-items: center;
2671  }
2672
2673  .owl-dots {
2674    text-align: center;
2675    margin: 0.083333vw 0.625vw 0;
2676  }
2677
2678  .socials-section div {
2679    margin-top: 0.5vw;
2680  }
2681
2682  .socials-section a {
2683    text-align: center;
2684  }
2685
2686  .site_logo.desktop {
2687    display: none;
2688  }
2689
2690  .socials-section.open {
2691    display: none;
2692  }
2693
2694  div#block-views-block-header-block-1 .view-footer {
2695    position: absolute;
2696    transform: translate(-50%, -50%);
2697    right: -8.5vw;
2698    top: 50%;
2699  }
2700
2701  div#block-bartik-reskinnavigation .socials-section {
2702    width: 4%;
2703    text-align: center;
2704    position: absolute;
2705    right: 0;
2706    top: 18%;
2707    transform: translate(-50%, -50%);
2708  }
2709
2710  #page #header {
2711    position: relative;
2712  }
2713
2714  .headerwrapper {
2715    position: relative;
2716  }
2717
2718  .customText {
2719    position: absolute;
2720    left: 7rem;
2721    top: 41%;
2722    transform: translateY(-50%);
2723    z-index: 2;
2724    pointer-events: none;
2725
2726  }
2727
2728  .customText .tourItem .tourImage {
2729    display: block;
2730    max-width: 35vw;
2731    height: auto;
2732  }
2733
2734  .headerimage img {
2735    display: block;
2736    width: 100%;
2737    height: auto;
2738  }
2739
2740  .headerwrapper.nid-706 .orderbutton {
2741    margin-left: -15vw;
2742    margin-top: -5vw
2743  }
2744
2745
2746  @media only screen and (max-width:1024px) and (orientation:portrait) {
2747    .site_logo.desktop {
2748      display: block;
2749    }
2750
2751    .header-wrapper.active .site_logo.desktop {
2752      position: fixed;
2753      top: 11vw;
2754      left: 50%;
2755      width: 100%;
2756      transform: translate(-50%, -50%);
2757      z-index: 998;
2758    }
2759
2760    .site_logo.open {
2761      display: none;
2762    }
2763
2764    div#block-bartik-reskinnavigation .header-wrapper.active .socials-section.open {
2765      display: flex;
2766    }
2767
2768    div#block-bartik-reskinnavigation .socials-section {
2769      display: none;
2770    }
2771
2772    .socials-section {
2773      display: none;
2774    }
2775
2776    div#block-bartik-reskinnavigation .socials-section {
2777      display: none;
2778    }
2779
2780    div#video .owl-prev img,
2781    div#video .owl-next img {
2782      display: block;
2783    }
2784
2785    div#video .owl-nav {
2786      top: 40%;
2787      width: 2vw;
2788      height: 10vw;
2789    }
2790
2791    div#video .owl-next {
2792      width: 2.3076923076923075vw;
2793      left: 53.5vw;
2794      top: -7vw
2795    }
2796
2797    div#video .owl-prev {
2798      top: -7vw;
2799      width: 2.3076923076923075vw;
2800      right: -33vw;
2801
2802    }
2803  }
2804</style>
2805
2806
2807
2808<style>
2809  .owl-carousel .owl-nav.disabled,
2810  .owl-carousel .owl-dots.disabled {
2811    display: block;
2812    width: 1vw;
2813    background: #DED6D6;
2814    height: 1vw;
2815    border-radius: 10vw;
2816  }
2817
2818  .owl-carousel .owl-dots {
2819    bottom: 0;
2820    left: 50%;
2821    display: block;
2822    position: absolute;
2823    transform: translate(-50%, -50%);
2824    margin-bottom: -3vw;
2825  }
2826
2827  .owl-dot.active {
2828    background-color: #25190C;
2829  }
2830
2831  .owl-dot {
2832    width: 0.7291666666666666vw;
2833    height: 0.7291666666666666vw;
2834    background-color: #4d4642;
2835    border-radius: 1vw;
2836    display: inline-block;
2837    margin: 0 0.2vw;
2838  }
2839
2840  @media only screen and (max-width: 1024px) and (orientation: portrait) {
2841    div#video .owl-nav {
2842      top: 40%;
2843      width: 2vw;
2844      height: 10vw;
2845      position: relative;
2846      top: initial;
2847      transform: unset;
2848    }
2849
2850    .owl-dot {
2851      width: 2.5641025641025643vw;
2852      height: 2.5641025641025643vw;
2853      background-color: #fff;
2854      border-radius: 1vw;
2855      display: inline-block;
2856      margin: 0 1.53846154vw;
2857    }
2858
2859    .owl-dots {
2860      text-align: center;
2861      margin: 0;
2862    }
2863
2864    .headerwrapper.nid-706 .orderbutton {
2865      margin-left: 0;
2866      margin-top: 2vw;
2867    }
2868
2869    .customText {
2870      position: absolute;
2871      left: 2rem;
2872      top: 72%;
2873    }
2874
2875    .customText .tourItem .tourImage {
2876      display: block;
2877      max-width: 67vw;
2878      height: auto;
2879    }
2880
2881    .owl-carousel .owl-dots {
2882      margin-bottom: -10vw;
2883    }
2884  }
2885
2886  @media only screen and (min-width:1920px) {
2887    .owl-dot {
2888      margin: 0 0.6vw;
2889    }
2890  }
2891</style></div>
2892      
2893    </div>
2894  </div>
2895
2896  </div>
2897
2898        
2899      </div>
2900    </header>
2901          <div class="highlighted">
2902        <aside class="layout-container section clearfix" role="complementary">
2903            <div class="region region-highlighted">
2904    <div data-drupal-messages-fallback class="hidden"></div>
2905
2906  </div>
2907
2908        </aside>
2909      </div>
2910            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
2911      <div id="main" class="layout-main clearfix">
2912        
2913        <main id="content" class="column main-content" role="main">
2914          <section class="section">
2915            <a id="main-content" tabindex="-1"></a>
2916              <div class="region region-content">
2917    <div id="block-bartik-content" class="block block-system block-system-main-block">
2918  
2919    
2920      <div class="content">
2921      <div class="views-element-container"><div class="view view-videos-section view-id-videos_section view-display-id-page_1 js-view-dom-id-45a52a1e5afd92a1417b90dea3522eaaa3bc4e4b7819d453c7fb2b7cc892f32e">
2922  
2923    
2924      <div class="view-header">
2925      
2926    </div>
2927      
2928      <div class="view-content">
2929      <div data-drupal-views-infinite-scroll-content-wrapper class="views-infinite-scroll-content-wrapper clearfix"><div class="item-list">
2930  
2931  <ul>
2932
2933          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videoSection">
2934	<div class="videoWrapper">
2935		<div class="video-inner-wrapper">
2936                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=CMYXq-lJG1k" class="fancyboxcaller-video1 watch mfp-iframe">
2937                    <div class="play-button">
2938                        <img src="/sites/g/files/g2000019876/files/2025-04/play-button.svg" alt="play" />
2939                    </div>
2940                    <div class="videoframe">
2941                          <img loading="lazy" src="/sites/g/files/g2000021846/files/styles/video_image_large_960_540/public/2025-05/Form_Thumbnail_0.jpg?itok=bQjwf4lF" width="960" height="540" alt="thumbnail" typeof="Image" class="image-style-video-image-large-960-540" />
2942
2943
2944
2945                    </div>
2946                </a>
2947            </div>
2948	</div>
2949	<div class="videotitle1">
2950	    "let go letters" (short film)
2951	</div>
2952	<div class="official_text1">OFFICIAL MUSIC VIDEO</div>
2953</div></span></div></li>
2954          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videoSection">
2955	<div class="videoWrapper">
2956		<div class="video-inner-wrapper">
2957                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=IoiOzW_JMYs" class="fancyboxcaller-video1 watch mfp-iframe">
2958                    <div class="play-button">
2959                        <img src="/sites/g/files/g2000019876/files/2025-04/play-button.svg" alt="play" />
2960                    </div>
2961                    <div class="videoframe">
2962                          <img loading="lazy" src="/sites/g/files/g2000021846/files/styles/video_image_large_960_540/public/2025-02/Predictable_Lyric%20Video_Thumbnail.jpg?itok=3kiKemLL" width="960" height="540" alt="Predictable Video" typeof="Image" class="image-style-video-image-large-960-540" />
2963
2964
2965
2966                    </div>
2967                </a>
2968            </div>
2969	</div>
2970	<div class="videotitle1">
2971	    "Mr. Predictable" (Lyric Video)
2972	</div>
2973	<div class="official_text1">OFFICIAL MUSIC VIDEO</div>
2974</div></span></div></li>
2975          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videoSection">
2976	<div class="videoWrapper">
2977		<div class="video-inner-wrapper">
2978                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=y7hfja-8M70" class="fancyboxcaller-video1 watch mfp-iframe">
2979                    <div class="play-button">
2980                        <img src="/sites/g/files/g2000019876/files/2025-04/play-button.svg" alt="play" />
2981                    </div>
2982                    <div class="videoframe">
2983                          <img loading="lazy" src="/sites/g/files/g2000021846/files/styles/video_image_large_960_540/public/2025-04/2025.04.11_Avery%20Anna_let%20go%20letters%20album%20trailer_Promotional%20Video_Thumbnail.jpg?itok=VNlx-Mf0" width="960" height="540" alt="thumbnail" typeof="Image" class="image-style-video-image-large-960-540" />
2984
2985
2986
2987                    </div>
2988                </a>
2989            </div>
2990	</div>
2991	<div class="videotitle1">
2992	    let go letters album trailer
2993	</div>
2994	<div class="official_text1">OFFICIAL MUSIC VIDEO</div>
2995</div></span></div></li>
2996          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videoSection">
2997	<div class="videoWrapper">
2998		<div class="video-inner-wrapper">
2999                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=nPLaoWIYP-k" class="fancyboxcaller-video1 watch mfp-iframe">
3000                    <div class="play-button">
3001                        <img src="/sites/g/files/g2000019876/files/2025-04/play-button.svg" alt="play" />
3002                    </div>
3003                    <div class="videoframe">
3004                          <img loading="lazy" src="/sites/g/files/g2000021846/files/styles/video_image_large_960_540/public/2024-09/Avery%20Anna%20-%20the%20rest%20%28feat.%20The%20Love%20Junkies%29%20%5BVisualizer%5D_r.jpg?itok=5COCxGD2" width="960" height="540" alt="al" typeof="Image" class="image-style-video-image-large-960-540" />
3005
3006
3007
3008                    </div>
3009                </a>
3010            </div>
3011	</div>
3012	<div class="videotitle1">
3013	    "the rest" <br> (ft. The Love Junkies)
3014	</div>
3015	<div class="official_text1">OFFICIAL MUSIC VIDEO</div>
3016</div></span></div></li>
3017          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videoSection">
3018	<div class="videoWrapper">
3019		<div class="video-inner-wrapper">
3020                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=2TJ2Hq1f-34" class="fancyboxcaller-video1 watch mfp-iframe">
3021                    <div class="play-button">
3022                        <img src="/sites/g/files/g2000019876/files/2025-04/play-button.svg" alt="play" />
3023                    </div>
3024                    <div class="videoframe">
3025                          <img loading="lazy" src="/sites/g/files/g2000021846/files/styles/video_image_large_960_540/public/2024-07/Avery%20Anna%20-%28Visualizer%29%20.jpg?itok=s6INo_YK" width="960" height="540" alt="thumbnail" typeof="Image" class="image-style-video-image-large-960-540" />
3026
3027
3028
3029                    </div>
3030                </a>
3031            </div>
3032	</div>
3033	<div class="videotitle1">
3034	    "grand canyon"<br>(Visualizer)
3035	</div>
3036	<div class="official_text1">OFFICIAL MUSIC VIDEO</div>
3037</div></span></div></li>
3038          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videoSection">
3039	<div class="videoWrapper">
3040		<div class="video-inner-wrapper">
3041                <a rel="set1" data-fancybox-group="thumb" href="https://www.youtube.com/watch?v=S_u78OQVV1U" class="fancyboxcaller-video1 watch mfp-iframe">
3042                    <div class="play-button">
3043                        <img src="/sites/g/files/g2000019876/files/2025-04/play-button.svg" alt="play" />
3044                    </div>
3045                    <div class="videoframe">
3046                          <img loading="lazy" src="/sites/g/files/g2000021846/files/styles/video_image_large_960_540/public/2024-07/loseyouagain%28feat.%20Parmalee%29.jpg?itok=R-6ML6qW" width="960" height="540" alt="loseyouagain" typeof="Image" class="image-style-video-image-large-960-540" />
3047
3048
3049
3050                    </div>
3051                </a>
3052            </div>
3053	</div>
3054	<div class="videotitle1">
3055	    "lose you again"<br>(ft. Parmalee)
3056	</div>
3057	<div class="official_text1">OFFICIAL MUSIC VIDEO</div>
3058</div></span></div></li>
3059    
3060  </ul>
3061
3062</div>
3063</div>
3064
3065    </div>
3066  
3067      
3068<ul class="js-pager__items pager" data-drupal-views-infinite-scroll-pager>
3069  <li class="pager__item">
3070    <a class="button" href="?page=1" title="Load more items" rel="next">VIEW MORE VIDEOS</a>
3071  </li>
3072</ul>
3073
3074            <div class="view-footer">
3075      <style>
3076.path-videos a.menu-videos.menu-link-nav:after {
3077  content: '';
3078    display: block;
3079    position: absolute;
3080    background: url(/sites/g/files/g2000021846/files/2026-02/Butterfly-Hover%402x.png);
3081    background-size: cover;
3082    background-position: center;
3083    width: 5.578125vw;
3084    aspect-ratio: 107 / 47;
3085    top: 50%;
3086    left: 50%;
3087    transform: translate(-50%, -50%);
3088    z-index: -1;
3089}
3090</style>
3091    </div>
3092    </div>
3093</div>
3094
3095    </div>
3096  </div>
3097<div id="block-bartik-footerbackground" class="block block-block-content block-block-contentfb8342d9-ab1c-4172-9efa-6e5d9d9744c3">
3098  
3099    
3100      <div class="content">
3101      
3102            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footer-bg">
3103<img src="/sites/g/files/g2000021846/files/2026-07/AA-ForgiveForget-Site-Interior-Footer-Desktop-fnm3u41i_usnb235d.webp" alt="footer-bg">
3104</div>
3105
3106<style>
3107.footer-bg img {
3108    vertical-align: bottom;
3109}
3110</style>
3111</div>
3112      
3113    </div>
3114  </div>
3115
3116  </div>
3117
3118          </section>
3119        </main>
3120                      </div>
3121    </div>
3122        <footer class="site-footer">
3123      <div class="layout-container">
3124                          <div class="site-footer__bottom">
3125              <div class="region region-footer-fifth">
3126    <div id="block-footerblock" class="block block-block-content block-block-content07c54ec0-b1f4-4628-97a7-c13e6a91448f">
3127  
3128    
3129      <div class="content">
3130      
3131            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
3132    @font-face {
3133        font-family: 'aaicon';
3134        src: url('/sites/g/files/g2000021846/files/2025-04/aaicon.eot.txt') format('embedded-opentype'),
3135            url('/sites/g/files/g2000021846/files/2025-04/aaicon.svg')format('svg'),
3136            url('/sites/g/files/g2000021846/files/2025-04/aaicon.ttf.txt') format('truetype'),
3137            url('/sites/g/files/g2000021846/files/2025-04/aaicon.woff')format('woff');
3138        font-weight: normal;
3139        font-style: normal;
3140        font-display: block;
3141    }
3142
3143    [class^="aaicon-"],
3144    [class*=" aaicon-"] {
3145        /* use !important to prevent issues with browser extensions that change fonts */
3146        font-family: 'aaicon' !important;
3147        speak: never;
3148        font-style: normal;
3149        font-weight: normal;
3150        font-variant: normal;
3151        text-transform: none;
3152        line-height: 1;
3153
3154        /* Better Font Rendering =========== */
3155        -webkit-font-smoothing: antialiased;
3156        -moz-osx-font-smoothing: grayscale;
3157    }
3158
3159    @font-face {
3160        font-family: 'thread';
3161        src: url('/sites/g/files/g2000021846/files/2025-04/thread.ttf.txt') format('truetype'),
3162            url('/sites/g/files/g2000021846/files/2025-04/thread.woff') format('woff'),
3163            url('/sites/g/files/g2000021846/files/2025-04/thread.svg') format('svg');
3164
3165        font-weight: normal;
3166        font-style: normal;
3167        font-display: block;
3168    }
3169
3170    [class^="thread-"],
3171    [class*=" thread-"] {
3172        /* use !important to prevent issues with browser extensions that change fonts */
3173        font-family: 'thread' !important;
3174        speak: never;
3175        font-style: normal;
3176        font-weight: normal;
3177        font-variant: normal;
3178        text-transform: none;
3179        line-height: 1;
3180
3181        /* Better Font Rendering =========== */
3182        -webkit-font-smoothing: antialiased;
3183        -moz-osx-font-smoothing: grayscale;
3184    }
3185
3186    .thread-Threads_app_logo:before {
3187        content: "\e900";
3188        /* color: #f5f7f0; */
3189    }
3190
3191
3192    .aaicon-spotify:before {
3193        content: "\e902";
3194    }
3195
3196    .aaicon-youtube-play:before {
3197        content: "\e903";
3198    }
3199
3200    .aaicon-twitter:before {
3201        content: "\e904";
3202    }
3203
3204    .aaicon-facebook1:before {
3205        content: "\e905";
3206    }
3207
3208    .aaicon-facebook-f:before {
3209        content: "\e905";
3210    }
3211
3212    .aaicon-cwpandora:before {
3213        content: "\e901";
3214        /* color: #fff5de; */
3215    }
3216
3217    .aaicon-tiktok:before {
3218        content: "\e900";
3219    }
3220
3221    .aaicon-amazon:before {
3222        content: "\ea87";
3223    }
3224
3225    .aaicon-instagram:before {
3226        content: "\ea92";
3227    }
3228
3229    .aaicon-appleinc:before {
3230        content: "\eabe";
3231    }
3232
3233    @font-face {
3234        font-family: 'x';
3235        src: url('/sites/g/files/g2000021846/files/2025-04/x.eot.txt')format('embedded-opentype'),
3236            url('/sites/g/files/g2000021846/files/2025-04/x.svg') format('svg'),
3237            url('/sites/g/files/g2000021846/files/2025-04/x.ttf.txt') format('truetype'),
3238            url('/sites/g/files/g2000021846/files/2025-04/x.woff') format('woff');
3239        font-weight: normal;
3240        font-style: normal;
3241        font-display: block;
3242    }
3243
3244    [class^="x-"],
3245    [class*=" x-"] {
3246        /* use !important to prevent issues with browser extensions that change fonts */
3247        font-family: 'x' !important;
3248        speak: never;
3249        font-style: normal;
3250        font-weight: normal;
3251        font-variant: normal;
3252        text-transform: none;
3253        line-height: 1;
3254
3255        /* Better Font Rendering =========== */
3256        -webkit-font-smoothing: antialiased;
3257        -moz-osx-font-smoothing: grayscale;
3258    }
3259
3260    .x-x:before {
3261        content: "\e900";
3262    }
3263
3264    footer.site-footer {
3265        background: #dfd0bd;
3266        padding: 0;
3267    }
3268
3269    .site-footer__bottom .region {
3270        margin: 0;
3271    }
3272
3273    .site-footer__bottom {
3274        border-top: 0;
3275    margin-top: 0vw;
3276    }
3277
3278    .site-footer__bottom .block {
3279        margin: 0;
3280    }
3281
3282    .footerwrapper {
3283        /*background: #383031;*/
3284        width: 100%;
3285        padding: 1vw 0;
3286    }
3287
3288    span.copySpan {
3289        font-size: 0.573vw;
3290        letter-spacing: 0.029vw;
3291    text-transform: capitalize;
3292    color: #ffffff;
3293    font-family: "Crimson Text", serif;
3294    font-weight: 700;
3295    font-style: normal;
3296    }
3297
3298    .site-footer .content .ppTosWrap a,
3299    .site-footer .content .ppTosWrap span {
3300        font-size: 0.573vw;
3301        letter-spacing: 0.029vw;
3302    text-transform: capitalize;
3303    color: #ffffff;
3304    font-family: "Crimson Text", serif;
3305    font-weight: 700;
3306    font-style: normal;
3307    }
3308
3309    br.fmob {
3310        display: none;
3311    }
3312
3313    .copyTextWrap {
3314        text-align: center;
3315        line-height: 10px;
3316    }
3317
3318
3319
3320    .site-footer .content .footer-social a {
3321        font-size: 1vw;
3322        color: #383031;
3323        display: block;
3324        line-height: 2.5vw;
3325        font-weight: 600;
3326        font-style: normal;
3327    }
3328
3329    .footer-social {
3330        display: block;
3331        align-items: center;
3332        justify-content: center;
3333        padding: 1vw 0;
3334        padding-bottom: 1.5vw;
3335        text-align: center;
3336    }
3337
3338    .site-footer .content .footer-social div {
3339        height: 2.396vw;
3340        width: 2.396vw;
3341        border: 0.1vw solid #fff;
3342        border-radius: 2.396vw;
3343        text-align: center;
3344        margin-right: 1vw;
3345        background: #ffffff;
3346    }
3347
3348    .site-footer .content {
3349        font-size: 0;
3350    }
3351
3352    br.brmob,
3353    .footer-social br {
3354        display: none;
3355    }
3356
3357    div .site-footer .content .footer-social div {
3358        background: #2E5664;
3359        border: unset;
3360        box-shadow: unset;
3361        display: inline-block;
3362    }
3363
3364    div .site-footer .content .footer-social a {
3365        color: #E4D4BC;
3366    }
3367
3368    div .site-footer .content .footer-social div:hover {
3369        background: #A96A3E;
3370    }
3371
3372    div span.copySpan,
3373    div .site-footer .content .ppTosWrap a,
3374    div .site-footer .content .ppTosWrap span {
3375        color: #988976;
3376        font-size: 0.8250vw;
3377    }
3378
3379    div .site-footer .content .ppTosWrap a:hover {
3380        color: #A96A3E;
3381    }
3382
3383    .topImage {
3384        max-width: 20.5246vw;
3385        margin: 0 auto;
3386        border-top-left-radius: 0;
3387        border-top-right-radius: 0;
3388        box-shadow: unset;
3389        padding-bottom: 2vw;
3390    }
3391
3392    .topImage a:hover {
3393        opacity: 0.7;
3394    }
3395
3396    div#footer-nav-section {
3397        justify-content: center;
3398        margin: 0;
3399    }
3400
3401    .footer.nav-links a:hover {
3402        color: #EFB3C6;
3403        opacity: 1;
3404    }
3405.footer .nav-links a {
3406    font-family: "Crimson Text", serif;
3407    font-weight: 700;
3408    font-style: italic;
3409    text-transform: lowercase;
3410    font-size: 1.416666666666667vw;
3411    color: #E4D4BC;
3412}
3413.footer .nav-links a:hover {
3414  color: #A96A3E;
3415}
3416    .site-footer .layout-container {
3417        padding: 0;
3418    }
3419
3420    div#block-footerblock {
3421        padding-top: 4vw;
3422    padding-bottom: 5.026041666666667vw;
3423    background: #25190C;
3424    }
3425
3426    @media only screen and (max-width: 1024px) and (orientation: portrait) {
3427
3428        br.brmob,
3429        a.ot-sdk-show-settings,
3430        .footer-social br {
3431            display: block;
3432        }
3433
3434        .topImage {
3435            max-width: 56.4103vw;
3436            padding: 20vw 0 7vw;
3437        }
3438
3439        span.sep.fsmob {
3440            display: none;
3441        }
3442
3443        div span.copySpan,
3444        div .site-footer .content .ppTosWrap a,
3445        div .site-footer .content .ppTosWrap span {
3446            font-size: 2.5641vw;
3447        }
3448
3449        .site-footer .content .footer-social div {
3450            height: 10.064vw;
3451            width: 10.064vw;
3452            border-radius: 7.064vw;
3453            margin-right: 0vw;
3454            margin: 2vw;
3455        }
3456
3457        .site-footer .content .footer-social {
3458            gap: 2vw;
3459        }
3460
3461        .site-footer .content .footer-social a {
3462            line-height: 7.064vw;
3463            font-size: 3vw;
3464        }
3465
3466        .footerwrapper {
3467            padding-top: 6vw;
3468            padding-bottom: 6vw;
3469        }
3470
3471        div .site-footer .content .footer-social a {
3472            line-height: 10.064vw;
3473            font-size: 4.5vw;
3474        }
3475
3476        span.copySpan {
3477            font-size: 2.564vw;
3478            letter-spacing: 0.128vw;
3479        }
3480
3481        .site-footer .content .ppTosWrap a,
3482        .site-footer .content .ppTosWrap span {
3483            font-size: 2.564vw;
3484            letter-spacing: 0.128vw;
3485        }
3486
3487        .site-footer .content .ppTosWrap span {
3488            font-size: 2.5vw;
3489            line-height: 2.2vw;
3490            vertical-align: top;
3491        }
3492
3493        .copyTextWrap {
3494            padding: 3vw 0;
3495            line-height: 3.5vw
3496        }
3497
3498        .footer.nav-links {
3499            position: relative;
3500            top: auto;
3501            right: auto;
3502            height: auto;
3503            width: 100%;
3504            background-color: transparent;
3505            flex-direction: unset;
3506            align-items: center;
3507            justify-content: center;
3508            transform: none;
3509            transition: none;
3510            z-index: 0;
3511    display: flex;
3512    gap: 3vw 0;
3513    flex-wrap: wrap;
3514    width: 70%;
3515        }
3516
3517        .footer.nav-links a {
3518            font-size: 4.102564102564102vw;
3519        }
3520
3521        .footer.nav-links li {
3522            margin: 0 2.5vw;
3523        }
3524    }
3525
3526    .bgImage {
3527        display: none;
3528    }
3529
3530    @media only screen and (max-width:1023px) and (orientation:landscape) {
3531        div#follow {
3532            margin-top: -7vw;
3533            padding-top: 31vw;
3534        }
3535
3536        div .instabutton {
3537            bottom: -30vw;
3538        }
3539
3540        div#block-footerblock {
3541            margin-top: 20vw;
3542        }
3543
3544        div#block-flocker {
3545            top: -14vw;
3546        }
3547
3548        div#follow {
3549            top: 20vw;
3550        }
3551
3552        div .instabutton {
3553            bottom: -10vw;
3554        }
3555
3556        div#block-footerblock {
3557            margin-top: 6vw;
3558        }
3559    }
3560</style>
3561<div class="bgImage">
3562    <img class="desktop" src="/sites/g/files/g2000021846/files/2026-02/AveryLogo.png"
3563        alt="image">
3564    <img class="mobile" src="/sites/g/files/g2000021846/files/2025-04/AA-LetGoLetters-Site-InteriorFooter-Mobile.png"
3565        alt="image">
3566</div>
3567<div class="footerwrap"></div>
3568<div class="topImage">
3569    <a href="/?frontpage=true"> <img src="/sites/g/files/g2000021846/files/2026-02/AveryLogo.png"
3570            alt="image" /></a>
3571</div>
3572<div class="footer nav-section" id="footer-nav-section">
3573    <ul class="footer nav-links" id="footer-nav-links">
3574        <li><a class="menu-music menu-link-nav" href="/?frontpage=true#music">Music</a></li>
3575        <li><a class="menu-videos menu-link-nav" href="/?frontpage=true#videos">Videos</a> </li>
3576        <li><a class="menu-join menu-link-nav" href="/?frontpage=true#mlist">Join</a></li>
3577        <li><a class="menu-join menu-link-nav" href="https://my.community.com/averyanna" target="_blank">Text</a></li>
3578        <li><a class="menu-tour menu-link-nav" href="/?frontpage=true#tour">Tour</a></li>
3579        <li><a class="menu-merch menu-link-nav" href="/?frontpage=true#merch">Merch</a></li>
3580        <li><a class="menu-follow menu-link-nav" href="/?frontpage=true#follow">Follow</a></li>
3581        <li><a class="menu-follow menu-link-nav" href="https://www.averyannavip.com/"  target="_blank">Vip</a></li>
3582    </ul>
3583</div>
3584<div class="footerwrapper">
3585    <div class="footer-social">
3586        <div class="fs-fb">
3587            <a class="aaicon-facebook1" aria-label="facebook-ftr" data-track="facebook-ftr"
3588                href="https://www.facebook.com/averyannamusic" target="_blank">
3589            </a>
3590        </div>
3591        <div class="fs-tw">
3592            <a class="x-x" data-track="twitter-ftr" aria-label="twitter-ftr" href="https://twitter.com/avery_anna_"
3593                target="_blank">
3594            </a>
3595        </div>
3596        <div class="fs-ig">
3597            <a class="aaicon-instagram" data-track="instagram-ftr" aria-label="instagram-ftr"
3598                href="https://www.instagram.com/avery.anna.music/" target="_blank">
3599            </a>
3600        </div>
3601        <div class="fs-th">
3602            <a class="thread-Threads_app_logo" custom-link-name="threads-ftr" aria-label="threads-ftr"
3603                href="https://www.threads.net/@avery.anna.music?igshid=MzRlODBiNWFlZA%3D%3D" target="_blank">
3604            </a>
3605        </div>
3606        <div>
3607            <a href="https://www.tiktok.com/@avery.anna.music" data-track="tiktok-ftr" target="_blank" id="tkLink"
3608                aria-label="tiktok-ftr" class="aaicon-tiktok">
3609            </a>
3610        </div>
3611        <br>
3612        <div class="fs-it">
3613            <a class="aaicon-appleinc" data-track="apple-music-ftr" aria-label="apple-ftr"
3614                href="https://music.apple.com/us/artist/avery-anna/1430307815" target="_blank">
3615            </a>
3616        </div>
3617        <div class="fs-sp">
3618            <a class="aaicon-spotify" data-track="spotify-ftr" aria-label="spotify-ftr"
3619                href="https://open.spotify.com/artist/5rjz63sgMaAUAyBMyCUK5D" target="_blank">
3620            </a>
3621        </div>
3622        <div class="fs-yt">
3623            <a class="aaicon-youtube-play" data-track="youtube-ftr" aria-label="youtube-ftr"
3624                href="https://www.youtube.com/channel/UCQcGLAWbanZl8UgS8SlPuwA" target="_blank">
3625            </a>
3626        </div>
3627        <div class="fs-amazonmusic">
3628            <a class="aaicon-amazon" data-track="amazon-d" aria-label="amazon-ftr"
3629                href="https://music.amazon.com/artists/B07GLCH91K/avery-anna" target="_blank">
3630            </a>
3631        </div>
3632        <div class="pandora">
3633            <a href="https://www.pandora.com/artist/avery-anna/ARV4tbX3Zgjhc5J" target="_blank" aria-label="pandora-ftr"
3634                custom-link-name="Pandora (footer)" class="aaicon-cwpandora">
3635            </a>
3636        </div>
3637    </div>
3638
3639    <div class="copyTextWrap">
3640        <span class="copySpan">©2026 Warner Records Nashville. <br class="brmob">All Rights
3641            Reserved.</span>
3642        <div class="ppTosWrap">
3643            <a href="https://privacy.wmg.com/warnerrecords/privacy-policy" target="_blank">Privacy&nbsp;Policy</a>
3644            <span class="sep">&nbsp;|&nbsp;</span>
3645            <a href="https://www.warnerrecordsnashville.com/terms-of-use" target="_blank">Terms&nbsp;Of&nbsp;Use</a>
3646            <span class="sep">&nbsp;|&nbsp;</span>
3647            <br class="fmob">
3648            <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank">Cookies Policy</a>
3649            <span class="sep fsmob">&nbsp;|&nbsp;</span>
3650            <a class="ot-sdk-show-settings" style="cursor:pointer;">Do Not Sell My Personal Information</a>
3651        </div>
3652    </div>
3653</div></div>
3654      
3655    </div>
3656  </div>
3657<div id="block-bartik-reskininteriorcss" class="block block-block-content block-block-content970249bf-ff25-40f1-bd9d-30bdf6e16b31">
3658  
3659    
3660      <div class="content">
3661      
3662            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
3663    .path-videos .js-pager__items.pager a.button,
3664    .path-music .js-pager__items.pager a.button {
3665        position: relative;
3666        z-index: 1;
3667    }
3668
3669    body {
3670        background: url(/sites/g/files/g2000021846/files/2025-04/Y1q9Mc1Q.jpg);
3671        background-size: cover;
3672        background-color: transparent;
3673        background-position: center;
3674        width: 100%;
3675    }
3676
3677    .footerwrap {
3678       /* border-top: 1px solid #FEFAF7;*/
3679        position: relative;
3680        padding: 3vw;
3681    }
3682
3683    .bgImage img.mobile {
3684        display: none;
3685    }
3686
3687    .bgImage {
3688
3689        position: absolute;
3690
3691        transform: translate(-50%, -50%);
3692
3693        /* bottom: 91vw; */
3694
3695        width: 100%;
3696
3697        height: auto;
3698
3699        left: 50%;
3700
3701        /* right: 0; */
3702
3703        z-index: 0;
3704
3705        top: -5vw;
3706        display: none;
3707
3708    }
3709
3710    footer.site-footer {
3711
3712        background: transparent;
3713
3714    }
3715
3716    footer.site-footer {}
3717
3718    .topImage {
3719
3720        position: relative;
3721        margin-top: 2vw;
3722    }
3723
3724    div#footer-nav-section {
3725
3726        position: relative;
3727
3728    }
3729
3730    .footerwrapper {
3731
3732        position: relative;
3733
3734    }
3735
3736    div#page {
3737
3738        overflow: hidden;
3739
3740    }
3741
3742    div#block-footerblock {
3743
3744        position: relative;
3745
3746    }
3747
3748    img {
3749
3750        width: 100%;
3751
3752    }
3753
3754    #page,
3755    #main-wrapper,
3756    .region-primary-menu .menu-item a.is-active,
3757    .region-primary-menu .menu-item--active-trail a {
3758
3759        background: transparent;
3760
3761    }
3762
3763
3764    .site-footer__bottom {
3765        margin-top: 0;
3766    }
3767
3768    .site-footer {
3769        padding-top: 0;
3770    }
3771
3772    .bgImage {
3773
3774        position: absolute;
3775
3776        transform: translate(-50%, -50%);
3777
3778        /* bottom: 91vw; */
3779
3780        width: 100%;
3781
3782        height: auto;
3783
3784        left: 50%;
3785
3786        /* right: 0; */
3787
3788        z-index: 0;
3789
3790        top: 0;
3791        display: none;
3792
3793    }
3794
3795    .view-display-id-page_1 {
3796        margin-bottom: 25vw;
3797    }
3798
3799    footer.site-footer {
3800
3801        background: transparent;
3802
3803    }
3804
3805    footer.site-footer {}
3806
3807    .topImage {
3808
3809        position: relative;
3810
3811    }
3812
3813    div#footer-nav-section {
3814
3815        position: relative;
3816
3817    }
3818
3819    .footerwrapper {
3820
3821        position: relative;
3822
3823    }
3824
3825    div#page {
3826
3827        overflow: hidden;
3828
3829    }
3830
3831    div#block-footerblock {
3832
3833        position: relative;
3834
3835    }
3836
3837    img {
3838
3839        width: 100%;
3840
3841    }
3842
3843    #page,
3844    #main-wrapper,
3845    .region-primary-menu .menu-item a.is-active,
3846    .region-primary-menu .menu-item--active-trail a {
3847
3848        background: transparent;
3849
3850    }
3851
3852
3853    .site-footer__bottom {
3854        margin-top: 0;
3855    }
3856
3857    .site-footer {
3858        padding-top: 0;
3859    }
3860
3861    @media only screen and (max-width: 1024px) and (orientation: portrait) {
3862        .bgImage img.desktop {
3863            display: none;
3864        }
3865
3866        .bgImage img.mobile {
3867            display: block;
3868        }
3869
3870        .view-display-id-page_1 {
3871            margin-bottom: 55vw;
3872        }
3873
3874        footer.site-footer {
3875            background-color: #131311;
3876        }
3877
3878        .bgImage {
3879            top: 40vw;
3880        }
3881
3882        .footerwrap {
3883            margin-top: 60vw;
3884        }
3885    }
3886</style></div>
3887      
3888    </div>
3889  </div>
3890
3891  </div>
3892
3893          </div>
3894              </div>
3895    </footer>
3896  </div>
3897</div>
3898
3899  </div>
3900
3901    
3901<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="WRN"></script>
3901
3902
3903    
3903<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"videos","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxVzFsKAyEMheEN6bgkiTaV0MQUk3ZwVt8yF2hfzsPH4S8wnB6pMpjNpYBhKH8kaAYN7eLGWoCj-WTqLVQdmLoOAaYNg01zlLR33oSrpX0X0duLT8rU79TJMVsdynxc4qXx0LBKy_p0EtrASXv6QvyFD8FMSbE","theme":"bartik","theme_token":null},"ajaxTrustedUrl":[],"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:45a52a1e5afd92a1417b90dea3522eaaa3bc4e4b7819d453c7fb2b7cc892f32e":{"view_name":"videos_section","view_display_id":"page_1","view_args":"","view_path":"\/videos","view_base_path":"videos","view_dom_id":"45a52a1e5afd92a1417b90dea3522eaaa3bc4e4b7819d453c7fb2b7cc892f32e","pager_element":0}}},"user":{"uid":0,"permissionsHash":"72285ed8c9d3cd692107f1ecea7f7cb48ae133bf614df17dce68ca8fc84519a2"}}</script>
vendor: 1 bytes, line 3903
3903
3904<script src="/sites/g/files/g2000021846/files/js/js_uud3waZursgYueMsDiHeSB_xg5MN_SEkOG_k6fIPAzs.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=bartik&amp;include=eJwry0wtL47PzEvLzMssSY0vTi7Kz8nRLwOJ6sJEdSGiAIQwEW4"></script>
3904
3905
3906  </body>
3907</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.