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&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&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&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&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 </script="</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&language=en&theme=bartik&include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" /> 77<link rel="stylesheet" media="all" href="/sites/g/files/g2000021846/files/css/css_i-OdiS8rf2sHbm76oh4LQyzsMVMkKs8QeecIGcaXZOA.css?delta=1&language=en&theme=bartik&include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" /> 78<link rel="stylesheet" media="print" href="/sites/g/files/g2000021846/files/css/css_2ZW0V0LhuCiexDy-DtmhuIfUbSjsCb_GD15VhkXSr7A.css?delta=2&language=en&theme=bartik&include=eJxVzEEOwjAMAMEPpfGTkNNakcGOq9ilpK8HtUKCyx7msAV78ANmQfeRCzql8kdK7ljJv1zFCsrkMYRbTbN1gqVvK0rGO74uaNYVhQ9KPjxI4Rw_mXaHs1lt2YTSrvVma7DygcHW4APTL7wBbl0-dg" /> 79<link rel="stylesheet" media="all" href="/sites/g/files/g2000021846/files/css/css_gCH75wtKHKpNQRu9ZUDA4fBE8Vv1NjpPoMqqPLU86Gs.css?delta=3&language=en&theme=bartik&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 "Man Downstairs" 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">×', 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 Policy</a> 3644 <span class="sep"> | </span> 3645 <a href="https://www.warnerrecordsnashville.com/terms-of-use" target="_blank">Terms Of Use</a> 3646 <span class="sep"> | </span> 3647 <br class="fmob"> 3648 <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank">Cookies Policy</a> 3649 <span class="sep fsmob"> | </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&delta=0&language=en&theme=bartik&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.