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="Welcome to the official site of the Queen of Soul, Aretha Franklin. Learn more about exclusive limited-edition releases, legacy news, community events, and more." /> 6<meta name="keywords" content="Aretha, Aretha Franklin, Franklin, Queen Of Soul, Soul, R&B, R and B, Rhythm & Blues, Gospel, Detroit Soul" /> 7<link rel="canonical" href="https://www.arethafranklin.net/" /> 8<meta name="robots" content="index, follow" /> 9<link rel="shortlink" href="https://www.arethafranklin.net/" /> 10<meta property="og:site_name" content="Aretha Franklin" /> 11<meta property="og:type" content="website" /> 12<meta property="og:url" content="https://www.arethafranklin.net/home" /> 13<meta property="og:title" content="The Official Site Of Aretha Franklin" /> 14<meta property="og:description" content="Welcome to the official site of the Queen of Soul, Aretha Franklin. Learn more about exclusive limited-edition releases, legacy news, community events, and more." /> 15<meta property="og:image" content="https://www.arethafranklin.net/sites/g/files/g2000011871/files/2024-08/ArethaFranklin-OGImage.jpg" /> 16<meta name="twitter:card" content="summary_large_image" /> 17<meta name="twitter:description" content="Welcome to the official site of the Queen of Soul, Aretha Franklin. Learn more about exclusive limited-edition releases, legacy news, community events, and more." /> 18<meta name="twitter:title" content="The Official Site Of Aretha Franklin" /> 19<meta name="twitter:image" content="https://www.arethafranklin.net/sites/g/files/g2000011871/files/2024-08/ArethaFranklin-OGImage.jpg" /> 20<meta name="google-site-verification" content="D14BaPTM53wEyFEXxxgjlkjn0V6AywVHEgixQaCpn4w" /> 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/jdt3cwh.css" /> 26<meta name="robots" content="noimageai,noai" /> 27<link rel="icon" href="/sites/g/files/g2000011871/files/favca.jpg" type="image/jpeg" />
28<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="d00433cb-ba74-462f-a8b8-ea781692ed58" data-document-language="true"></script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript">function OptanonWrapper() { 30 var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/'; 31 var allLinks = document.querySelectorAll('a'); 32 for(i = 0; i < allLinks.length; i++) { 33 let href = allLinks[i].href; 34 if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) { 35 href = href + '?ot=d00433cb-ba74-462f-a8b8-ea781692ed58&url=' + window.location.hostname; 36 allLinks[i].setAttribute("href", href); 37 allLinks[i].setAttribute("target", "_blank"); 38 } 39 } 40 var eOT = new Event("OneTrustGroupsUpdated"); 41 document.dispatchEvent(eOT); 42 var regCheckPerformance = /,C0002,/; 43 var regCheckFunctional = /,C0003,/; 44 var regCheckTargeting = /,C0004,/; 45 var regCheckSocial = /,C0008,/; 46}</script>
46 47<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
48<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmgrhi"},"content":{"artist":"Aretha Franklin","label":"rhino"},"page":{"pageInfo":{"pageName":"Aretha Franklin:Homepage","server":"Aretha Franklin:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Aretha Franklin:Home","pageType":"homepage"}}}</script>
vendor: 1 bytes, line 48
48
49<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 49
49
50<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js">�</script>
vendor: 1 bytes, line 50
50
51<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js">�</script>
vendor: 1 bytes, line 51
51
52<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js"></script>
52 53 54 <title>The Official Site Of Aretha Franklin</title> 55 <link rel="stylesheet" media="all" href="/sites/g/files/g2000011871/files/css/css_v9zoNXoFUAEUyQrPVZO1tYIFQBwObR_0Mqy0_4uwLRY.css?delta=0&language=en&theme=bartik&include=eJxdzcEOwyAMA9AfouWTUAAPRQukIrQV_fpNPUzbLj48W3KkPvjpk5DZXCMZXPyhCjMqsD9umj_LIhpJFhtTuBWXtMM37ZWELzihqfsImS3pgT69NiQVZ9MGqr8vD87QgBqRw4Mh2XfYps34wHKX7wlO83euVfMucGctQbfBlS8arM2_YfmGF0YpVsY" /> 56<link rel="stylesheet" media="all" href="/sites/g/files/g2000011871/files/css/css_ozUa9ZTQ3VDbJ2BXa9okZOkpKxt44CIc45-0ukQWZRo.css?delta=1&language=en&theme=bartik&include=eJxdzcEOwyAMA9AfouWTUAAPRQukIrQV_fpNPUzbLj48W3KkPvjpk5DZXCMZXPyhCjMqsD9umj_LIhpJFhtTuBWXtMM37ZWELzihqfsImS3pgT69NiQVZ9MGqr8vD87QgBqRw4Mh2XfYps34wHKX7wlO83euVfMucGctQbfBlS8arM2_YfmGF0YpVsY" /> 57<link rel="stylesheet" media="print" href="/sites/g/files/g2000011871/files/css/css_4rxhrqZXZngrka0F_UdYgVTwmK33AbpeKL3TR63kxok.css?delta=2&language=en&theme=bartik&include=eJxdzcEOwyAMA9AfouWTUAAPRQukIrQV_fpNPUzbLj48W3KkPvjpk5DZXCMZXPyhCjMqsD9umj_LIhpJFhtTuBWXtMM37ZWELzihqfsImS3pgT69NiQVZ9MGqr8vD87QgBqRw4Mh2XfYps34wHKX7wlO83euVfMucGctQbfBlS8arM2_YfmGF0YpVsY" /> 58 59 60 </head> 61 <body class="layout-no-sidebars path-frontpage page-node-type-page"> 62 <a href="#main-content" class="visually-hidden focusable skip-link"> 63 Skip to main content 64 </a> 65 66 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 67 <div id="page-wrapper"> 68 <div id="page"> 69 <header id="header" class="header" role="banner"> 70 <div class="section layout-container clearfix"> 71 72 <div class="clearfix region region-header"> 73 <div id="block-cleanupcss" data-block-plugin-id="block_content:fe9513bc-2481-4aa4-8de6-7e9ded074f2a" class="block block-block-content block-block-contentfe9513bc-2481-4aa4-8de6-7e9ded074f2a"> 74 75 76 <div class="content"> 77 78 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.2/css/all.css"> 79 80<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap" rel="stylesheet"> 81 82<style> 83 .yturl { 84 display: none !important; 85 } 86 h1 { 87 margin: 0; 88 font-size: 0; 89 } 90 div#block-views-block-videos-block-5 { 91 display: none !important; 92 } 93 94 div#block-bartik-breadcrumbs { 95 display: none; 96 } 97 98 .region.region-breadcrumb { 99 padding: 0; 100 } 101 102 div#page-wrapper { 103 position: static; 104 top: 0; 105 left: 0; 106 transform: none; 107 } 108 109 a.visually-hidden.focusable.skip-link { 110 display: none; 111 } 112 113 #page-wrapper #page #main-wrapper, 114 .layout-container { 115 max-width: 100%; 116 min-height: auto; 117 } 118 119 #page-wrapper #page #main-wrapper div#main { 120 margin: 0; 121 } 122 123 .block .content { 124 margin: 0; 125 } 126 127 .node__content { 128 margin: 0; 129 } 130 131 .region-header { 132 padding: 0; 133 font-size: 0; 134 } 135 136 header#header { 137 background: transparent; 138 } 139 140 body, 141 body.path-frontpage, 142 #page-wrapper #page, 143 #page-wrapper #page #main-wrapper { 144 background: transparent; 145 } 146 147 .main-content .section { 148 padding: 0; 149 } 150 151 footer.site-footer { 152 display: none; 153 } 154 155 img { 156 max-width: 100%; 157 height: auto; 158 } 159 160 body { 161 padding: 0 !important; 162 margin: 0 !important; 163 } 164 165 div#toolbar-administration { 166 display: none; 167 } 168 169 div#block-bartik-local-tasks { 170 display: none; 171 } 172 173 .contextual-region { 174 position: static; 175 } 176 177 body, 178 body.path-frontpage, 179 #page-wrapper #page, 180 #page-wrapper #page #main-wrapper { 181 background: #d3c6b5; 182 } 183 184 body * { 185 font-family: brandon-grotesque, sans-serif; 186 font-weight: 500; 187 font-style: normal; 188 } 189 190 @font-face { 191 font-family: "icomoonv1"; 192 src: url("/sites/g/files/g2000011871/files/2021-03/icomoonv1.eot?mu66w4"); 193 src: url("/sites/g/files/g2000011871/files/2021-03/icomoonv1.eot?mu66w4#iefix") 194 format("embedded-opentype"), 195 url("/sites/g/files/g2000011871/files/2021-03/icomoonv1.ttf?mu66w4") 196 format("truetype"), 197 url("/sites/g/files/g2000011871/files/2021-03/icomoonv1.woff?mu66w4") 198 format("woff"), 199 url("/sites/g/files/g2000011871/files/2021-03/icomoonv1.svg?mu66w4#icomoonv1") 200 format("svg"); 201 font-weight: normal; 202 font-style: normal; 203 font-display: block; 204 } 205 206 [class^="icon-"], 207 [class*=" icon-"] { 208 /* use !important to prevent issues with browser extensions that change fonts */ 209 font-family: "icomoonv1" !important; 210 speak: never; 211 font-style: normal; 212 font-weight: normal; 213 font-variant: normal; 214 text-transform: none; 215 line-height: 1; 216 217 /* Better Font Rendering =========== */ 218 -webkit-font-smoothing: antialiased; 219 -moz-osx-font-smoothing: grayscale; 220 } 221 222 .icon-twitter:before { 223 content: "\f099"; 224 } 225 226 .icon-facebook:before { 227 content: "\f09a"; 228 } 229 230 .icon-facebook-f:before { 231 content: "\f09a"; 232 } 233 234 .icon-youtube-play:before { 235 content: "\f16a"; 236 } 237 238 .icon-instagram:before { 239 content: "\f16d"; 240 } 241 242 .icon-apple:before { 243 content: "\f179"; 244 } 245 246 .icon-spotify:before { 247 content: "\f1bc"; 248 } 249 250 .icon-amazon:before { 251 content: "\f270"; 252 } 253 254 div#pp-footer div#footer-inner a { 255 border-bottom: none; 256 } 257 258 /*div#mlform p.message-description span, div.section-title, div.relatednews, div.relatedmusic { 259 font-weight: bold; 260 }*/ 261 262 div#block-views-block-merch-block-1 { 263 background: url(/sites/g/files/g2000011871/files/2021-03/menuopenBG.png); 264 background-repeat: no-repeat; 265 background-size: cover; 266background-color:#220d0e; 267 } 268 269 div#block-views-block-merch-block-1 .innerMerch { 270 box-shadow: none; 271 } 272 273 div#block-views-block-merch-block-1 .section-title { 274 color: #d3c6b5; 275 } 276 277 div#block-views-block-merch-block-1 a.viewall { 278 color: #d3c6b5; 279 } 280 281 div#block-views-block-merch-block-1 a.viewall:hover { 282 color: #b99c43; 283 } 284#main-content{ 285 display:block; 286width:1px; 287} 288</style> 289
290<script> 291 var descNews = `<p class="message-description">Be the first to hear<br class="mob-break"> more news about 292 <span>ARETHA<br class="mob-break"> FRANKLIN</span> 293 </p>`; 294 var descMusicDetail = `<p class="message-description">Be the first to hear<br class="mob-break"> more news from 295 <span>ARETHA<br class="mob-break"> FRANKLIN</span> 296 </p>`; 297 var descMusic = `<p class="message-description">Be the first to hear<br class="mob-break"> music news from 298 <span>ARETHA<br class="mob-break"> FRANKLIN</span> 299 </p>`; 300 jQuery(document).ready(function () { 301 if (jQuery("body").hasClass("path-news")) { 302 jQuery("div#mlform p.message-description").remove(); 303 jQuery("div#mlform .message").html(descNews); 304 } else if (jQuery("body").hasClass("page-node-type-blog")) { 305 jQuery("div#mlform p.message-description").remove(); 306 jQuery("div#mlform .message").html(descMusicDetail); 307 } else if (jQuery("body").hasClass("page-node-type-album")) { 308 jQuery("div#mlform p.message-description").remove(); 309 jQuery("div#mlform .message").html(descMusic); 310 } else if (jQuery("body").hasClass("path-music")) { 311 jQuery("div#mlform p.message-description").remove(); 312 jQuery("div#mlform .message").html(descMusic); 313 } else if (jQuery("body").hasClass("page-node-type-videos")) { 314 jQuery("div#mlform p.message-description").remove(); 315 jQuery("div#mlform .message").html(descMusic); 316 } 317jQuery(".skip-link").remove(); 318 }); 319</script>
319 320</div> 321 322 </div> 323 </div> 324<div id="block-headercssandscripts" data-block-plugin-id="block_content:01bf18d2-9fd7-47c3-9d9b-4b265ae7c13d" class="block block-block-content block-block-content01bf18d2-9fd7-47c3-9d9b-4b265ae7c13d"> 325 326 327 <div class="content"> 328 329 <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"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap" rel="stylesheet">
330<script> 331 jQuery(document).ready(function () { 332 jQuery('#menu-mob').on('click', function () { 333 if (jQuery('#close-wrapper').hasClass('mob-clicked')) { 334 jQuery('#nav').hide(); 335 jQuery('#close-wrapper').removeClass('mob-clicked'); 336 jQuery('#menu-mob').removeClass('close'); 337 jQuery('#menu-mob').addClass('icon-menu'); 338 jQuery("body").removeClass('menuOpen'); 339 } else { 340 jQuery('#nav').show(); 341 jQuery('#close-wrapper').addClass('mob-clicked'); 342 jQuery('#menu-mob').removeClass('icon-menu'); 343 jQuery('#menu-mob').addClass('close'); 344 jQuery("body").addClass('menuOpen'); 345 } 346 }); 347 }) 348 349 jQuery(document).ready(function () { 350 if (jQuery("body").hasClass('path-frontpage')) { 351 jQuery('a#home-nav span').css('text-decoration', 'underline'); 352 } 353 else if (jQuery("body").hasClass('path-news')) { 354 jQuery('a#news-nav span').css('text-decoration', 'underline'); 355 } 356 else if (jQuery("body").hasClass('path-music')) { 357 jQuery('a#music-nav span').css('text-decoration', 'underline'); 358 } 359 else if (jQuery("body").hasClass('page-node-type-videos')) { 360 jQuery('a#video-nav span').css('text-decoration', 'underline'); 361 } 362 else if (jQuery("body").hasClass('page-node-type-album')) { 363 jQuery('a#music-nav span').css('text-decoration', 'underline'); 364 } 365 else if (jQuery("body").hasClass('page-node-type-blog')) { 366 jQuery('a#news-nav span').css('text-decoration', 'underline'); 367 } 368 }) 369</script>
369 370<style> 371 body.menuOpen { 372 height: 100vh; 373 overflow: hidden; 374 } 375 376 .bannerWrap.sections img { 377 width: 100%; 378 height: auto; 379 } 380 381 .bannerCnts { 382 display: none; 383 } 384 385 div#close-wrapper span { 386 font-size: 1.83vw; 387 } 388 389 div#nav { 390 background-color: black; 391 margin: 0px auto; 392 height: 100vh; 393 position: fixed; 394 width: 100%; 395 z-index: 9999; 396 top: 0; 397 text-align: center; 398 background: url(/sites/g/files/g2000011871/files/2021-03/menuopenBG.png); 399 background-repeat: no-repeat; 400 background-size: cover; 401 } 402 403 div#menu-mob-wrapper span#menu-mob { 404 position: fixed; 405 top: 0; 406 z-index: 999; 407 padding: 10px; 408 } 409div#menu-mob:hover { 410 opacity: 0.7; 411} 412 div#close-wrapper { 413 z-index: 9999; 414 position: absolute; 415 color: white; 416 top: 1.83vw; 417 right: 1.83vw; 418 } 419 420 div#close-wrapper:hover #menu-mob span { 421 background-color: #B99C43; 422 } 423 424 .mob-clicked { 425 color: white; 426 pointer-events: all; 427 } 428 429 .menu-link { 430 display: block; 431 font-size: 2.5vw; 432 line-height: 1.1; 433 text-transform: capitalize; 434 font-weight: normal; 435 cursor: pointer; 436 color: #d2c6b6; 437 border: 0; 438 width: max-content; 439 margin: 0 auto; 440 } 441 442 #menu-mob { 443 -webkit-transform: rotate(0deg); 444 -ms-transform: rotate(0deg); 445 transform: rotate(0deg); 446 -webkit-transition: 0.5s ease-in-out; 447 transition: 0.5s ease-in-out; 448 cursor: pointer; 449 width: 2.92vw; 450 height: 3.92vw; 451 z-index: 30; 452 overflow: hidden; 453 -webkit-box-sizing: border-box; 454 -moz-box-sizing: border-box; 455 box-sizing: border-box; 456 line-height: 1; 457 } 458 459 #menu-mob span { 460 width: 100%; 461 display: block; 462 height: 0.34vw; 463 position: absolute; 464 border-radius: 0.15vw; 465 right: 0; 466 background-color: #fcf6ec; 467 opacity: 1; 468 -webkit-transform: rotate(0deg); 469 -ms-transform: rotate(0deg); 470 transform: rotate(0deg); 471 -webkit-transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); 472 transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); 473 } 474 475 #menu-mob span:nth-child(1) { 476 top: 0; 477 } 478 479 #menu-mob span:nth-child(2) { 480 top: 0.69vw; 481 width: 85%; 482 } 483 484 #menu-mob span:nth-child(3) { 485 top: 1.31vw; 486 width: 70%; 487 } 488 489 #menu-mob.close span:nth-child(1) { 490 top: 1.07vw; 491 -webkit-transform: rotate(135deg); 492 -ms-transform: rotate(135deg); 493 transform: rotate(135deg); 494 } 495 496 #menu-mob.close span:nth-child(2) { 497 opacity: 0; 498 499 right: 0; 500 } 501 502 #menu-mob.close span:nth-child(3) { 503 top: 1.07vw; 504 -webkit-transform: rotate(-135deg); 505 -ms-transform: rotate(-135deg); 506 transform: rotate(-135deg); 507 width: 100%; 508 } 509 510 a#menulogo span { 511 font-family: 'Arvo', serif; 512 font-weight: 700; 513 font-display: swap; 514 font-size: 4vw; 515 text-transform: none; 516 color: #d2c6b6; 517 } 518a#menulogo span:hover { 519 opacity: 0.7; 520} 521 .menu-link span { 522 523 text-transform: uppercase; 524 color: #ADBDB0; 525 } 526 527 div#nav ul li a.menu-link:hover span { 528 color: #B99C43; 529 } 530 531 div#nav ul { 532 margin: 0; 533 padding: 0; 534 } 535 536 a:active, 537 .link:active, 538 a:hover, 539 a:focus, 540 .link:hover, 541 .link:focus { 542 opacity: 1; 543 color: #d2c6b6; 544 } 545 546 .social-icons .icon { 547 display: inline-block; 548 width: auto; 549 height: auto; 550 margin-right: 2vw; 551 } 552 553 .social-icons a { 554 text-decoration: none; 555 color: #d2c6b6; 556 font-size: 2.5vw; 557 border: 0; 558 } 559 560 .social-icons .icon:last-child { 561 margin-right: 0; 562 } 563 564 .social-icons a:hover { 565 color: #adbdb0; 566 } 567 568 div#nav a:not(#menulogo):hover { 569 color: #adbdb0; 570 } 571 572 .menulogoWrap { 573 padding-bottom: 2.8vw; 574 padding-top: 4.5vw; 575 } 576 577 .social-icons { 578 padding-top: 0; 579 } 580 581 div#nav ul li { 582 padding-bottom: 2.8vw; 583 } 584 585 @media only screen and (max-width:1023px) and (orientation: landscape), 586 only screen and (max-width: 1024px) and (orientation: portrait) { 587 #menu-mob { 588 width: 5.92vw; 589 height: 5.92vw; 590 } 591 592 #menu-mob span { 593 height: 0.84vw; 594 border-radius: 1.65vw; 595 } 596 597 #menu-mob span:nth-child(2) { 598 top: 1.69vw; 599 } 600 601 #menu-mob span:nth-child(3) { 602 top: 3.31vw; 603 } 604 605 img.deskBanner { 606 display: none; 607 } 608 609 img.mobBanner { 610 display: block !important; 611 } 612 613 #menu-mob.close span:nth-child(3) { 614 top: 2.07vw; 615 } 616 617 #menu-mob.close span:nth-child(1) { 618 top: 2.07vw; 619 } 620 621 a#menulogo span { 622 font-size: 8vw; 623 } 624 625 .menulogoWrap { 626 padding-bottom: 7.8vw; 627 padding-top: 10.5vw; 628 } 629 630 div#nav ul li { 631 padding-bottom: 7.8vw; 632 } 633 634 .menu-link { 635 font-size: 8.5vw; 636 } 637 638 .social-icons .icon, 639 .social-icons .icon:last-child { 640 margin-left: 3vw; 641 margin-right: 3vw; 642 } 643 644 .social-icons a { 645 font-size: 7.5vw; 646 } 647 } 648 649 @media all and (max-width:767px) { 650 a#menulogo span { 651 font-size: 10vw; 652 } 653 654 .menu-link { 655 font-size: 10.5vw; 656 } 657 658 .menulogoWrap { 659 padding-bottom: 8.8vw; 660 padding-top: 11.5vw; 661 } 662 663 div#nav ul li { 664 padding-bottom: 8.8vw; 665 } 666 667 .social-icons a { 668 669 } 670 671 .social-icons br.mob { 672 display: block !important; 673 } 674 675 .social-icons .icon { 676 margin-bottom: 6vw; 677 } 678 } 679 680 @media all and (max-width:1023px) and (orientation:landscape) { 681 .nav-wrapper-inside { 682 height: 90vh; 683 overflow: auto; 684 } 685 } 686</style></div> 687 688 </div> 689 </div> 690<div id="block-homepagenewcssandscripts" data-block-plugin-id="block_content:4a4012fd-2126-462f
690-9f31-77514ea50695" class="block block-block-content block-block-content4a4012fd-2126-462f-9f31-77514ea50695"> 691 692 693 <div class="content"> 694 695 <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"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap" rel="stylesheet"> 696<style> 697 div#block-headerbannerblock { 698 font-size: 0; 699 } 700 701 div#block-views-block-news-block-1 .view-content ul .innerNews:hover { 702 background: #adbdb0; 703 /* background: linear-gradient(180deg, rgba(173, 189, 176, 1) 50%, rgba(155, 169, 157, 1) 65%, rgba(129, 141, 131, 1) 77%, rgba(105, 114, 106, 1) 100%); */ 704 /* background: linear-gradient(180deg, #ADBDB0 0%, #A3B2A6 20%, #96A498 30%, #88958A 45%, #79847B 60%, #626B64 80%, #575F58 100%); */ 705 } 706 707 div#block-views-block-news-block-1 .view-content ul .innerNews:hover .newscnts * { 708 color: #fcf6ec; 709 } 710 711 .section-title { 712 font-size: 3.66vw; 713 color: #323333; 714 line-height: 1; 715 padding-top: 3.24vw; 716 padding-bottom: 3.24vw; 717 } 718 719 div#block-views-block-news-block-1 { 720 text-align: center; 721 } 722 723 .view-all-wrapper { 724 position: absolute; 725 top: 2.76vw; 726 right: 0; 727 right: 1.83vw; 728 } 729 730 .view-header { 731 position: relative; 732 } 733 734 a.viewall { 735 color: #323333; 736 border: 0; 737 font-size: 1.5vw; 738 } 739 740 a.viewall:hover, 741 div#block-views-block-music-block-1 a.viewall:hover { 742 color: #b99c43; 743 } 744 745 a.viewall span { 746 padding-left: 0.6vw; 747 } 748 749 i.fa.fa-arrow-right { 750 font-size: 1.4vw; 751 font-weight: 100; 752 } 753 754 div#block-views-block-news-block-1 .view-content ul { 755 font-size: 0; 756 margin: 0; 757 padding: 0; 758 } 759 760 div#block-views-block-news-block-1 .view-content ul li { 761 display: inline-block; 762 width: 30.83%; 763 vertical-align: top; 764 margin-right: 3vw; 765 } 766 767 div#block-views-block-news-block-1 .view-content { 768 max-width: 85%; 769 margin: 0 auto; 770 } 771 772 div#block-views-block-news-block-1 .view-content ul * { 773 /* font-size: 1vw; */ 774 } 775 776 div#block-views-block-news-block-1 .view-content ul .innerNews { 777 font-size: 1vw; 778 } 779 780 .blogImage img { 781 width: 100%; 782 } 783 784 div#block-views-block-news-block-1 .view-content ul li:last-child { 785 margin-right: 0; 786 } 787 788 div.bloglink { 789 border: 0; 790 color: #323333; 791 font-size: 1.5vw; 792 text-align: left; 793 font-family: 'Arvo', serif; 794 font-weight: bold; 795 line-height: 1; 796min-height:3vw; 797 } 798 799 .blogBody { 800 color: #323333; 801 text-align: left; 802 margin-top:1vw; 803 font-size: 1.2vw; 804min-height:5.4vw; 805 } 806 807 .blogTitle { 808 text-align: left; 809 } 810 811 div#block-views-block-news-block-1>div.content { 812 padding-bottom: 2vw; 813 } 814 815 .newscnts { 816 padding: 1.2vw 1.7vw 1.7vw; 817 box-sizing: border-box; 818 } 819 820 .innerNews { 821 background: #fff; 822 } 823 824 .innerNews,
825 .innerMerch, 826 .ytthumb { 827 -webkit-box-shadow: -10px 0 5px -2px #9f9588; 828 /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ 829 -moz-box-shadow: -10px 0 5px -2px #9f9588; 830 /* Firefox 3.5 - 3.6 */ 831 box-shadow: -10px 0 5px -2px #9f9588; 832 box-sizing: border-box; 833 } 834 835 @media only screen and (max-width:1023px) and (orientation: landscape), 836 only screen and (max-width: 1024px) and (orientation: portrait) { 837 .blogBody{ 838 margin-top:4vw; 839 } 840 841 .section-title { 842 font-size: 10.66vw; 843 padding-top: 5.66vw; 844 padding-bottom: 8.24vw; 845 } 846 847 .view-header .view-all-wrapper { 848 display: none; 849 } 850 851 div#block-views-block-news-block-1 .view-content ul li { 852 display: block; 853 width: 100%; 854 margin: 0; 855 margin-bottom: 5vw; 856 } 857 858 div#block-views-block-news-block-1 .view-content { 859 max-width: 90%; 860 } 861 862 div.bloglink { 863 font-size: 5.5vw; 864 } 865 866 .blogBody { 867 font-size: 4.2vw; 868 } 869 870 .innerNews, 871 .innerMerch, 872 .ytthumb { 873 -webkit-box-shadow: 0px 13px 5px -2px #9f9588; 874 -moz-box-shadow: 0px 13px 5px -2px #9f9588; 875 box-shadow: 0px 13px 5px -2px #9f9588; 876 box-sizing: border-box; 877 } 878 879 .view-footer .view-all-wrapper { 880 display: block !important; 881 position: relative; 882 top: 0; 883 right: 0; 884 padding-top: 7vw; 885 } 886 887 a.viewall { 888 font-size: 4vw; 889 } 890 891 a.viewall span { 892 padding-left: 1vw; 893 } 894 895 i.fa.fa-arrow-right { 896 font-size: 3.4vw; 897 } 898 899 div#block-views-block-news-block-1>div.content { 900 padding-bottom: 4vw; 901 } 902 903 div#block-views-block-news-block-1 .view-content ul li:last-child { 904 margin-bottom: 0; 905 } 906 907 .newscnts { 908 padding: 5.7vw; 909 } 910 911 div#block-views-block-news-block-1 .view-content ul li:nth-of-type(1n+3) { 912 display: none; 913 } 914 } 915 916 @media all and (max-width:767px) { 917 div.bloglink { 918 font-size: 6.5vw; 919 } 920 921 .blogBody { 922 font-size: 4.5vw; 923 } 924 925 div#block-views-block-news-block-1 .view-content ul li { 926 margin-bottom: 6vw; 927 } 928 929 a.viewall { 930 font-size: 4.3vw; 931 } 932 } 933</style></div> 934 935 </div> 936 </div> 937<div id="block-homepagemusiccssandscripts" data-block-plugin-id="block_content:7d36644b-ab7a-4bcb-acc5-f2de58bacdf2" class="block block-block-content block-block-content7d36644b-ab7a-4bcb-acc5-f2de58bacdf2"> 938 939 940 <div class="content"> 941 942 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 943 div#block-views-block-music-block-1 { 944 text-align: center; 945 background: url(/sites/g/files/g2000011871/files/2021-03/menuopenBG.png); 946 background-repeat: no-repeat; 947 background-size: cover; 948 padding-bottom: 5vw; 949 background-color: #220d0e; 950 } 951 952 div#block-views-block-music-block-1 .section-title { 953 color: #d3c6b5; 954 } 955 956 div#block-views-block-music-block-1 a.viewall { 957 color: #d3c6b5; 958 } 959 960 div#block-views-block-music-block-1 .view-content ul { 961 margin: 0; 962 font-size: 0; 963 } 964 965 .innerMusic:hover { 966 background: #adbdb0; 967 } 968 969 div#block-views-block-music-block-1 .view-content ul li { 970 padding: 0; 971 font-size: 1vw; 972 width: 18.75%; 973 display: inline-block; 974 vertical-align: top; 975 } 976 977 .albumImage img { 978 width: 100%; 979 } 980 981 div#block-views-block-music-block-1 .view-content ul li { 982 margin-right: 1.5vw; 983 } 984 985 div#block-views-block-music-block-1 .view-content ul li:last-child { 986 margin-right: 0; 987 } 988 989 .albumTitle { 990 text-transform: capitalize; 991 color: #323333; 992 font-size: 1.5vw; 993 font-family: brandon-grotesque, sans-serif; 994 font-weight: 500; 995 font-style: normal; 996 font-weight: bold; 997 line-height: 1; 998 padding-bottom: 1.3vw; 999min-height:3vw; 1000 } 1001.albumTitle a{ 1002 color: #323333; 1003border:none;
1004font-weight: 600; 1005} 1006 1007 .innerMusic { 1008 background: #fff; 1009 } 1010.musiccnts .title { 1011 min-height: 3vw; 1012 display: block; 1013} 1014 span.listen { 1015 color: #220d0e; 1016 font-size: 1.2vw; 1017 border: 0; 1018 line-height: 1; 1019 /* border-bottom: 0.13vw solid #220d0e; */ 1020 border-bottom: 0.11vw solid rgba(34, 13, 14, 0.45); 1021 box-sizing: border-box; 1022 display: inline-block; 1023 width: max-content; 1024 text-align: center; 1025 margin:0 auto; 1026 } 1027 1028 .albumImage { 1029 font-size: 0; 1030 } 1031 1032 .innerMusic:hover .musiccnts { 1033 background: #adbdb0; 1034 /* background: rgb(173, 189, 176); */ 1035 /* background: linear-gradient(180deg, rgba(173, 189, 176, 1) 50%, rgba(155, 169, 157, 1) 65%, rgba(129, 141, 131, 1) 77%, rgba(105, 114, 106, 1) 100%); */ 1036 /* background: linear-gradient(180deg, #ADBDB0 0%, #9BA99D 20%, #88958A 40%, #758077 60%, #677068 80%, #575F58 100%); */ 1037 } 1038 1039 /* .innerMusic:hover .albumImage { 1040 -webkit-box-shadow: 0px 10px 10px -1px #ADBDB0; 1041 -moz-box-shadow: 0px 10px 10px -1px #ADBDB0; 1042 box-shadow: 0px 10px 10px -1px #ADBDB0; 1043 } */ 1044 1045 .innerMusic:hover .musiccnts * { 1046 color: #fcf6ec; 1047 border-color: #fcf6ec; 1048 } 1049 1050 .musiccnts { 1051 padding: 1.7vw; 1052 box-sizing: border-box; 1053min-height: 11vw; 1054 } 1055 1056 @media only screen and (max-width:1023px) and (orientation: landscape), 1057 only screen and (max-width: 1024px) and (orientation: portrait) { 1058 div#block-views-block-music-block-1 .view-content ul li { 1059 width: 100%; 1060 margin: 0; 1061 margin-bottom: 5vw; 1062 } 1063 1064 div#block-views-block-music-block-1>div.content .view-content { 1065 max-width: 90%; 1066 margin: 0 auto; 1067 } 1068 1069 .albumImage { 1070 width: 35%; 1071 display: inline-block; 1072 vertical-align: middle; 1073 } 1074 1075 .musiccnts { 1076 width: 65%; 1077 display: inline-block; 1078 vertical-align: middle; 1079 padding: 3.7vw; 1080 box-sizing: border-box; 1081 } 1082 1083 .innerMusic { 1084 font-size: 0; 1085 } 1086 1087 .albumTitle { 1088 font-size: 5.5vw; 1089 padding-bottom: 3.3vw; 1090 white-space: nowrap; 1091 overflow: hidden; 1092 text-overflow: ellipsis; 1093min-height:0; 1094 } 1095 1096 span.listen { 1097 font-size: 4.2vw; 1098 } 1099 1100 div#block-views-block-music-block-1 .view-content ul li:last-child { 1101 margin-bottom: 0; 1102 } 1103 1104 div#block-views-block-music-block-1 .view-content ul li:nth-of-type(1n+4) { 1105 display: none; 1106 } 1107 } 1108 1109 @media all and (max-width:767px) { 1110 .albumTitle { 1111 font-size: 6.5vw; 1112 } 1113 1114 span.listen { 1115 font-size: 4.5vw; 1116 } 1117 1118 div#block-views-block-news-block-1 .view-content ul li { 1119 margin-bottom: 6vw; 1120 } 1121 1122 } 1123</style></div> 1124 1125 </div> 1126 </div> 1127<div id="block-homepagemerchcss" data-block-plugin-id="block_content:76eb66d6-c726-4156-9c54-ca84df1fc757" class="block block-block-content block-block-content76eb66d6-c726-4156-9c54-ca84df1fc757"> 1128 1129 1130 <div class="content"> 1131 1132 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 1133 div#block-views-block-merch-block-1 { 1134 text-align: center; 1135 } 1136 1137 div#block-views-block-merch-block-1 .view-content ul { 1138 font-size: 0; 1139 margin: 0; 1140 padding: 0; 1141 } 1142 1143 div#block-views-block-merch-block-1 .view-content ul li { 1144 display: inline-block; 1145 width: 30.83%; 1146 vertical-align: top; 1147 margin-right: 2.3vw; 1148 } 1149 1150 .merchImage img { 1151 width: 100%; 1152 } 1153 1154 div#block-views-block-merch-block-1 .view-content { 1155 max-width: 85%; 1156 margin: 0 auto; 1157 padding-bottom: 2.5vw; 1158 } 1159 1160 div.shopnow { 1161 font-size: 1.31vw; 1162 padding: 2.19vw 0; 1163 display: block; 1164 background: #323333; 1165 color: #fcf6ec; 1166 text-transform: uppercase; 1167 border: 0; 1168 } 1169 1170 div#block-views-block-merch-block-1 .view-content ul li:last-child { 1171 margin-right: 0; 1172 } 1173 1174 a.merchlinkout:hover div.shopnow{ 1175 background: #adbdb0; 1176 } 1177 1178 @media only screen and (max-width:1023px) and (orientation: landscape), 1179 only screen and (max-width: 1024px) and (orientation: portrait) { 1180 div#block-views-block-merch-block-1 .view-content ul li { 1181 display: block; 1182 width: 100%; 1183 margin: 0; 1184 margin-bottom: 5vw; 1185 } 1186 1187 div#block-views-block-merch-block-1 .view-content { 1188 max-width: 90%; 1189 padding-bottom: 0; 1190 } 1191 1192 div#block-views-block-merch-block-1 .view-content ul li:last-child { 1193 margin-bottom: 0; 1194 } 1195 1196 div.shopnow { 1197 font-size: 4.2vw; 1198 padding: 5.19vw 0; 1199 } 1200 1201 div#block-views-block-merch-block-1>div.content { 1202 padding-bottom: 5vw; 1203 } 1204div#block-views-block-merch-block-1 .view-content ul li:nth-of-type(1n+2) { 1205 display: none; 1206} 1207 } 1208 @media all and (max-width:767px){ 1209 div.shopnow { 1210 font-size: 5.2vw; 1211 } 1212 } 1213</style></div> 1214 1215 </div> 1216 </div> 1217<div id="block-homepagevideocssandscripts" data-block-plugin-id="block_content:e5406664-b7b1-4122-8490-79ce970833c8" class="block block-block-content block-block-contente54
121706664-b7b1-4122-8490-79ce970833c8"> 1218 1219 1220 <div class="content"> 1221 1222 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
1222<script> 1223 // function loadScript() { 1224 // if (typeof (YT) == 'undefined' || typeof (YT.Player) == 'undefined') { 1225 // var tag = document.createElement('script'); 1226 // tag.src = "https://www.youtube.com/iframe_api"; 1227 // var firstScriptTag = document.getElementsByTagName('script')[0]; 1228 // firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 1229 // } 1230 // } 1231 // $(function () { 1232 // loadScript(); 1233 // }) 1234 jQuery(document).ready(function () { 1235 jQuery('div#block-views-block-videos-block-2 .view-header').prependTo('div#block-views-block-videos-block-2') 1236 jQuery('div#block-views-block-videos-block-1 .view-content .featuredThumb.ytthumb').appendTo(jQuery('div#block-views-block-videos-block-2 .view-footer .featuredVideo')) 1237 jQuery('div#block-views-block-videos-block-2 .view-footer').insertBefore(jQuery('div#block-views-block-videos-block-2 .view-content')) 1238 1239 function youtube_parser(url) { 1240 var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/; 1241 var match = url.match(regExp); 1242 return (match && match[7].length == 11) ? match[7] : false; 1243 } 1244 var ytbPlayer; 1245 jQuery(".ytthumb").click(function () { 1246 1247 var thumburl = jQuery(this).find("img:not(.playicon)").attr('src'); 1248 var splitted = thumburl.split('/'); 1249 var vid = splitted[splitted.length - 1].split(".jpg")[0]; 1250 // var ytID = getVid(); 1251 // if(jQuery(this).hasClass("featuredThumb")){ 1252 1253 // } 1254 jQuery(".featuredThumb.ytthumb >img").hide(); 1255 jQuery("iframe#yt-video").remove() 1256 jQuery(".featuredThumb.ytthumb").append('<div id="yt-video">') 1257 1258 //var youtubeID = vid; 1259 var playerID = jQuery('#yt-video').attr('id'); 1260 1261 var ytubeurl = jQuery(this).find('.yturl').text(); 1262 var youtubeID = youtube_parser(ytubeurl); 1263 1264 ytbPlayer = new YT.Player(playerID, { 1265 height: '315', 1266 width: '560', 1267 videoId: youtubeID, 1268 host: "https://www.youtube-nocookie.com", 1269 events: { 1270 'onReady': onPlayerReady, 1271 'onStateChange': onPlayerStateChange 1272 } 1273 }); 1274 function onPlayerReady(event) { 1275 event.target.playVideo(); 1276 } 1277 }); 1278 const mq1 = window.matchMedia('(max-width:1023px) and (orientation: landscape)'); 1279 const mq2 = window.matchMedia('(max-width: 1024px) and (orientation: portrait)'); 1280 if (mq1.matches || mq2.matches) { 1281 jQuery('div#block-views-block-videos-block-2 .view-footer .view-all-wrapper').appendTo(jQuery('div#block-views-block-videos-block-2 .view-content')) 1282 } 1283 jQuery(window).on('resize', function () { 1284 if (mq1.matches || mq2.matches) { 1285 jQuery('div#block-views-block-videos-block-2 .view-footer .view-all-wrapper').appendTo(jQuery('div#block-views-block-videos-block-2 .view-content')) 1286 } 1287 }); 1288 }) 1289</script>
1289 1290<style> 1291 iframe#yt-video { 1292 position: absolute; 1293 left: 0; 1294 top: 0; 1295 width: 100%; 1296 height: 100%; 1297 } 1298 1299 .featuredThumb.ytthumb { 1300 position: relative; 1301 padding-bottom: 56.25%; 1302 height: 0; 1303 } 1304 1305 div#block-views-block-videos-block-1 { 1306 display: none; 1307 } 1308 1309 .ytthumb { 1310 cursor: pointer; 1311 position: relative; 1312 font-size: 0; 1313 /* padding-bottom: 56.25%; 1314 height: 0; */ 1315 } 1316 1317 .videoThumb .ytthumb>img { 1318 -webkit-filter: grayscale(100%); 1319 /* Safari 6.0 - 9.0 */ 1320 filter: grayscale(100%); 1321 } 1322 1323 img.playicon { 1324 position: absolute; 1325 top: 50%; 1326 left: 50%; 1327 transform: translate(-50%, -50%); 1328 cursor: pointer; 1329 } 1330 img.playicon:hover { 1331 opacity: 0.7; 1332} 1333 .featuredThumb.ytthumb img.playicon { 1334 width: 8vw; 1335 } 1336 1337 .ytthumb>img:not(.playicon) { 1338 width: 100%; 1339 } 1340 1341 .ytthumb>img:not(.playicon) { 1342 width: 100%; 1343 } 1344 1345 div#block-views-block-videos-block-2 { 1346 text-align: center; 1347 } 1348 1349 div#block-views-block-videos-block-2 .view-footer { 1350 display: inline-block; 1351 vertical-align: top; 1352 width: 79.2%; 1353 margin-right: 2%; 1354 } 1355 1356 div#block-views-block-videos-block-2>div.content { 1357 max-width: 78%; 1358 margin: 0 auto; 1359 padding-bottom: 5.7vw; 1360 } 1361 1362 div#block-views-block-videos-block-2 .view-content { 1363 display: inline-block; 1364 vertical-align: top; 1365 width: 17.1%; 1366 } 1367 1368 div#block-views-block-videos-block-2 .view-content ul { 1369 padding: 0; 1370 margin: 0; 1371 } 1372 1373 div#block-views-block-videos-block-2 .view-content ul li { 1374 padding: 0; 1375 margin-bottom: 12%; 1376 } 1377 1378 div#block-views-block-videos-block-2 .view-content ul li:last-child { 1379 margin-bottom: 0; 1380 } 1381 1382 @media only screen and (max-width:1023px) and (orientation: landscape), 1383 only screen and (max-width: 1024px) and (orientation: portrait) { 1384 div#block-views-block-videos-block-2 .view-footer { 1385 display: block; 1386 width: 100%; 1387 margin: 0; 1388 margin-bottom: 5%; 1389 } 1390 1391 div#block-views-block-videos-block-2 .view-content ul li { 1392 margin: 0; 1393 display: inline-block; 1394 width: 49%; 1395 margin-right: 2%; 1396 } 1397 1398 div#block-views-block-videos-block-2 .view-content ul { 1399 font-size: 0; 1400 } 1401 1402 div#block-views-block-videos-block-2 .view-content { 1403 display: block; 1404 width: 100%; 1405 } 1406 1407 div#block-views-block-videos-block-2 .view-content ul li:nth-of-type(even) { 1408 margin-right: 0; 1409 } 1410 1411 div#block-views-block-videos-block-2 .view-content ul li:nth-of-type(1n+3) { 1412 display: none; 1413 } 1414 1415 div#block-views-block-videos-block-2>div.content { 1416 max-width: 90%; 1417 } 1418 1419 div#block-views-block-videos-block-2 .view-content .view-all-wrapper { 1420 display: block !important; 1421 position: relative; 1422 top: 0; 1423 right: 0; 1424 padding-top: 7vw; 1425 } 1426 1427 .featuredThumb.ytthumb img.playicon { 1428 width: 16vw; 1429 } 1430 } 1431</style></div> 1432 1433 </div> 1434 </div> 1435<div id="block-homepagemailinglistblockcss" data-block-plugin-id="block_content:dae391c9-650d-4e0d-9923-04d5bfe1b2c1" class="block block-block-content block-block-contentdae391c9-650d-4e0d-9923-04d5bfe1b2c1"> 1436 1437 1438 <div class="content"> 1439 1440 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 1441 div.mlist-outer-wrapper { 1442 padding-top: 6.71vw; 1443 padding-bottom: 6.35vw; 1444 } 1445#secondform input:not([type=submit]){ 1446cursor: auto; 1447 height: 2.5vw; 1448} 1449 #lightbox-email-wrapper div#mlform p.message-description { 1450 font-family: 'Arvo', serif; 1451 font-weight: 700; 1452 1453 font-size: 1.75vw; 1454 padding-bottom: 2.5vw; 1455 color: #D2C6B6; 1456 } 1457 1458 div#mlform p.message-description span { 1459 font-size: 5.85vw; 1460 line-height: 1; 1461 padding-top: 1.5vw; 1462 display: block; 1463 1464 } 1465 1466 /* div#mlform form#mlistFormOne { 1467display: flex; 1468justify-content: center; 1469} */ 1470 1471 div#mlform form#mlistFormOne>div { 1472 display: inline-block; 1473 vertical-align: middle; 1474 } 1475 1476 div#mlform form#mlistFormOne div.email.fieldWrap { 1477 margin-right: 0.6vw; 1478 } 1479 1480 div#mlform form#mlistFormOne div.email.fieldWrap input { 1481cursor: auto; 1482 background: #ADBDB0; 1483 text-align: center; 1484 width: 24vw; 1485 } 1486 1487 div#mlform form#mlistFormOne div.submit input { 1488 1489 width: 12vw; 1490 background: #D2C6B6; 1491 border: 1px solid #707070; 1492 text-transform: uppercase; 1493 color: #323333; 1494 font-family: arial; 1495 cursor: pointer; 1496 } 1497
1498 div#mlform form#mlistFormOne div.submit input:hover { 1499 background: #B99C43; 1500 color: #FCF6EC; 1501 opacity: 1; 1502 } 1503 1504 div#mlform input { 1505 font-size: 1.5vw; 1506 height: 6vw; 1507cursor: pointer; 1508 } 1509 1510 div#mlform div#terms { 1511 text-align: right; 1512 padding-top: 0.5vw; 1513 } 1514 1515 div#mlform div#terms a { 1516 position: relative; 1517 right: 36%; 1518 border-bottom: none; 1519 text-transform: uppercase; 1520 font-weight: 700; 1521 color: #FCF6EC; 1522 opacity: 1; 1523 font-family: brandon-grotesque, sans-serif; 1524 font-weight: 700; 1525 font-style: normal; 1526 } 1527 1528 a.external-link:hover { 1529 opacity: 0.7; 1530 } 1531 1532 div#mlform div#terms a:hover { 1533 border-bottom: 1px solid #D2C6B6; 1534 opacity: 0.7; 1535 color: #000; 1536 } 1537 1538 div#mlform div#terms p.terms-message a { 1539 position: relative; 1540 right: 0; 1541 color: #000; 1542 text-decoration: underline; 1543 font-size: 0.82vw; 1544 font-weight: 500; 1545 text-transform: capitalize; 1546 } 1547 1548 div#mlform div#terms p.terms-message a:hover { 1549 border-bottom: none; 1550 opacity: 0.75; 1551 } 1552 1553 div#mlform div#terms p.terms-message, 1554 div#secondform div#terms p.terms-message-2 { 1555 1556 position: absolute; 1557 left: 50%; 1558 transform: translateX(-50%); 1559 width: 36vw; 1560 padding: 0 0.5vw; 1561 text-align: left; 1562 font-weight: 500; 1563 } 1564 1565 #lightbox-email-wrapper div#secondform div.welcome p { 1566 font-family: 'Arvo', serif; 1567 font-weight: 700; 1568 font-size: 1.75vw; 1569 padding-bottom: 2.5vw; 1570 color: #D2C6B6; 1571 } 1572 1573 #lightbox-email-wrapper div#secondform div.welcome p span { 1574 font-family: 'Arvo', serif; 1575 font-weight: 700; 1576 font-size: 1.75vw; 1577 padding-bottom: 2.5vw; 1578 color: #D2C6B6; 1579 } 1580 1581 div#secondform { 1582 width: 60%; 1583 position: relative; 1584 } 1585 1586 form#mlistFormTwo>div { 1587 margin-bottom: 1vw; 1588 } 1589 1590 div#secondform div.submit input { 1591 padding: 1.21vw 4.61vw; 1592 background: #D2C6B6; 1593 border: 1.2px solid #707070; 1594 text-transform: uppercase; 1595 color: #323333; 1596 font-family: arial; 1597 cursor: pointer; 1598 font-size: 1vw; 1599 } 1600 1601 div#secondform div.submit input:hover { 1602 background: #B99C43; 1603 color: #FCF6EC; 1604 opacity: 1; 1605 } 1606 1607 div#secondform div.submit { 1608 margin-top: 1vw; 1609 } 1610 1611 div#secondform #terms a { 1612 border-bottom: none; 1613 } 1614 div#secondform #terms a:hover{ 1615 opacity: 0.6; 1616 } 1617 1618 div#secondform #terms a:hover { 1619 border-bottom: 1px solid #D2C6B6; 1620 } 1621 1622 div#secondform #terms p.terms-message-2 a { 1623 text-decoration: underline; 1624 color: #000; 1625 } 1626 1627 div#secondform #terms p.terms-message-2 a:hover { 1628 border-bottom: none; 1629 opacity: 0.75; 1630 } 1631 1632 div.mlist-outer-wrapper div#mlform br.mob-break { 1633 display: none; 1634 } 1635 1636 ::placeholder { 1637 color: #220D0E; 1638 opacity: 1; 1639 /* Firefox */ 1640 } 1641 1642 :-ms-input-placeholder { 1643 /* Internet Explorer 10-11 */ 1644 color: #220D0E; 1645 } 1646 1647 ::-ms-input-placeholder { 1648 /* Microsoft Edge */ 1649 color: #220D0E; 1650 } 1651 1652 div.plain-ml-wrapper span#secondFormClose:hover { 1653 opacity: 0.75; 1654 } 1655 1656 body.path-frontpage .globaloptin input[type="checkbox"]:checked+label::after { 1657 content: ""; 1658 } 1659 1660 #secondform .globaloptin { 1661 font-size: 11px; 1662 position: relative; 1663 } 1664.lightbox-right-wrapper #secondform .globaloptin { 1665 padding-left: 0; 1666} 1667 body.path-frontpage .globaloptin input[type="checkbox"] { 1668 opacity: 0; 1669 z-index: 99; 1670 } 1671 1672 body.path-frontpage #secondform input[type="checkbox"] { 1673 width: max(18px, 1.5vw); 1674 height: max(18px, 1.5vw); 1675 position: absolute; 1676 top: 5px; 1677 cursor: pointer; 1678 } 1679body.path-frontpage #secondform .globaloptin label::before{ 1680 width: max(18px, 1.5vw); 1681 height: max(18px, 1.5vw); 1682top:5px; 1683left:0; 1684} 1685body.path-frontpage div#secondform label.goptin_checkbox{ 1686padding-left: max(25px, 2.5vw); 1687}
1688body.path-frontpage .globaloptin input[type=checkbox]:checked+label:after{ 1689 left: 0.2vw; 1690 top: 0.5vw; 1691 width: 1vw; 1692 height: 0.5vw; 1693} 1694 body.path-frontpage .globaloptin label::after { 1695 height: 3px; 1696 width: 9px; 1697 border-left: 2px solid; 1698 border-bottom: 2px solid; 1699 transform: rotate(-45deg); 1700 left: 2px; 1701 top: 0.6vw; 1702 } 1703 div#secondform label.goptin_checkbox { 1704 vertical-align:top; 1705 } 1706div#secondform select{ 1707 padding: 0 max(40px, 2vw) 0 10px; 1708cursor: pointer; 1709 height: 2.5vw; 1710background-size: 1.5vw; 1711} 1712 @media only screen and (min-width: 768px) { 1713 body.path-frontpage #secondform label.goptin_checkbox { 1714 margin-left: 0; 1715 pointer-events: none; 1716 margin-top: 0.3vw; 1717 } 1718 } 1719 1720 @media only screen and (max-width: 1023px) and (orientation: landscape), 1721 only screen and (max-width: 1024px) and (orientation: portrait) { 1722 div#mlform p.message-description { 1723 font-size: 5.3vw; 1724 margin-bottom: 0; 1725 line-height: 1; 1726 padding-bottom: 4.5vw; 1727 } 1728body.path-frontpage .globaloptin input[type=checkbox]:checked+label:after{ 1729 left: 1vw; 1730 top: 2.5vw; 1731 width: 3vw; 1732 height: 1.3vw; 1733} 1734 div.mlist-outer-wrapper div#mlform br.mob-break { 1735 display: inline-block; 1736 } 1737 1738 div#mlform p.message-description span { 1739 font-size: 13.3vw; 1740 line-height: 0.85; 1741 padding-top: 4vw; 1742 } 1743 1744 div#mlform form#mlistFormOne>div { 1745 display: block; 1746 } 1747 1748 div#mlform form#mlistFormOne div.email.fieldWrap { 1749 margin-right: 0; 1750 margin-bottom: 1vw; 1751 } 1752 1753 div.mlist-outer-wrapper div.plain-ml-wrapper { 1754 width: 90%; 1755 margin: 0px auto; 1756 } 1757 1758 div#mlform input { 1759 font-size: 4.8vw; 1760 } 1761 1762 div#mlform form#mlistFormOne div.email.fieldWrap input { 1763 padding: 5.19vw 0; 1764 height: auto; 1765 width: 100%; 1766 } 1767 1768 div#mlform div#terms a { 1769 font-size: 3.2vw; 1770 position: relative; 1771 right: 0; 1772 } 1773 1774 div#mlform div#terms { 1775 text-align: center; 1776 padding-top: 2vw; 1777 } 1778 1779 div#mlform form#mlistFormOne div.submit input { 1780 padding: 5.19vw 0; 1781 font-size: 6.4vw; 1782 width: 100%; 1783 height: auto; 1784 } 1785 1786 div#mlform div#terms p.terms-message, 1787 div#secondform div#terms p.terms-message-2 { 1788 width: 96%; 1789 margin-top: 2vw; 1790 padding: 0px 2%; 1791 bottom: 6vw; 1792 border: 1px solid #000; 1793 } 1794 1795 .plain-ml-wrapper p.terms-message-2, 1796 .plain-ml-wrapper p.terms-message { 1797 font-size: 3.2vw; 1798 margin-top: 2vw; 1799 margin-bottom: 0; 1800 } 1801 1802 div#secondform { 1803 width: 100%; 1804 } 1805 1806 div#secondform div.welcome p { 1807 font-size: 5.3vw; 1808 margin-bottom: 0; 1809 } 1810 1811 div#secondform div.welcome p span { 1812 font-size: 5vw !important; 1813 margin-bottom: 0; 1814 } 1815 1816 div#secondform label { 1817 font-size: 4.3vw; 1818 color: #000; 1819 } 1820 1821 #secondform select { 1822 font-size: 4.3vw; 1823 } 1824 1825 div.plain-ml-wrapper span#secondFormClose { 1826 font-size: 6.5vw; 1827 top: -4.5vw; 1828 } 1829 1830 #secondform input:not([type="submit"]) { 1831 font-size: 4.3vw; 1832 height: auto; 1833 } 1834 1835 #secondform input[type="checkbox"] { 1836 display: inline-block; 1837 position: absolute; 1838 width: 3vw; 1839 height: 3vw; 1840 margin-top: 0.8vw; 1841 } 1842 1843 div#secondform label.goptin_checkbox { 1844 display: inline-block; 1845 position: relative; 1846 width: 90%; 1847 padding-left: 9vw; 1848 font-size: 3.3vw; 1849 vertical-align: middle; 1850 } 1851 1852 div#secondform div.submit input { 1853 padding: 4vw 16vw; 1854 font-size: 4.3vw; 1855 } 1856 1857 .plain-ml-wrapper input { 1858 font-size: 4.3vw; 1859 } 1860 1861 #mlform .terms, 1862 #secondform .terms { 1863 font-size: 3.2vw; 1864 } 1865 1866 #mlform #terms .terms-message, 1867 #secondform #terms .terms-message { 1868 font-size: 3.2vw; 1869 } 1870 1871 span.input-error, div .lightbox-email-wrapper span.input-error { 1872 font-size: 3.3vw; 1873 top: -4vw; 1874 bottom: 0; 1875 } 1876 1877 div#secondform select { 1878 height: auto; 1879 } 1880 1881 input#goptin_checkbox { 1882 height: 3vw; 1883 width: 3vw; 1884 } 1885 1886 div#mlform div#terms p.terms-message a, 1887 div#secondform div#terms p.terms-message-2 a { 1888 font-size: 3.2vw; 1889 } 1890 1891 .plain-ml-wrapper select { 1892 background-size: 4vw; 1893 } 1894 } 1895 1896 @media only all and (min-device-width: 768px) and (max-device-width: 1024px) { 1897 .lightbox-mailing-close { 1898 font-size: 20px; 1899 } 1900 1901 .lightbox-inner-wrapper div#mlform p.message-description { 1902 font-size: 40px; 1903 } 1904 1905 .lightbox-inner-wrapper div#mlform div#terms a, 1906 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 1907 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2, 1908 .lightbox-inner-wrapper div#mlform div#terms p.terms-message a, 1909 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 a { 1910 font-size: 25px; 1911 } 1912 1913 .lightbox-inner-wrapper div#secondform div.welcome p { 1914 font-size: 21px; 1915 } 1916 1917 span.input-error { 1918 font-size: 12px; 1919 } 1920 1921 .lightbox-inner-wrapper div#secondform label { 1922 font-size: 19px; 1923 } 1924 1925 .lightbox-inner-wrapper div#mlform form#mlistFormOne>div { 1926 display: block; 1927 } 1928 1929 .lightbox-email-wrapper .lightbox-inner-wrapper>div { 1930 display: inline-block; 1931 vertical-align: middle; 1932 width: 46%; 1933 } 1934 1935 .lightbox-inner-wrapper div#mlform form#mlistFormOne { 1936 max-width: 100%; 1937 width: 100%; 1938 } 1939 1940 .lightbox-inner-wrapper div#mlform form#mlistFormOne div.email.fieldWrap input { 1941 width: 100%; 1942 } 1943 1944 .lightbox-inner-wrapper div#mlform form#mlistFormOne div.submit input { 1945 width: 100%; 1946 } 1947 } 1948 1949 @media only screen and (max-width: 1023px) and (orientation: landscape), 1950 only screen and (max-width: 1024px) and (orientation: portrait) {
1951body #secondform .globaloptin label::before { 1952 height: 16px; 1953 width: 16px; 1954} 1955body .lightbox-inner-wrapper .globaloptin input[type=checkbox]:checked+label:after { 1956 left: 1.1vw; 1957 top: 2.6vw; 1958 width: 3vw; 1959 height: 1.1vw; 1960} 1961 .lightbox-email-wrapper .lightbox-inner-wrapper>div { 1962 display: block; 1963 width: 100%; 1964 max-width: 100%; 1965 } 1966 1967 .lightbox-inner-wrapper div#mlform form#mlistFormOne div.email.fieldWrap input { 1968 width: 100%; 1969 font-size: 20px; 1970 } 1971 1972 .lightbox-inner-wrapper div#mlform form#mlistFormOne { 1973 max-width: 100%; 1974 width: 100% 1975 } 1976 1977 div#mlform form#mlistFormOne div.email.fieldWrap input { 1978 width: 100%; 1979 } 1980 } 1981 1982 #secondform .globaloptin label::before { 1983 height: 1vw; 1984 width: 1vw; 1985 } 1986 1987 div#secondform label { 1988 color: #000; 1989 } 1990 1991 body.page-node-type-album .share a.icon-facebook, 1992 body.page-node-type-album .share a.icon-twitter, 1993 body.page-node-type-album .share a.twt-x:hover { 1994 color: #b99c43; 1995 } 1996 1997 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { 1998 div#mlform form#mlistFormOne div.submit input { 1999 font-size: 2.9vw; 2000 } 2001 } 2002 2003 @media only screen and (min-width:3840px) { 2004 #mlform input#email { 2005 border: 2px solid #707070; 2006 } 2007 2008 div#mlform form#mlistFormOne div.submit input { 2009 border: 2px solid #707070; 2010 } 2011 } 2012 2013 div#secondform label, 2014 #secondform label.goptin_checkbox { 2015 color: #000; 2016 } 2017 2018 .lightbox-inner-wrapper #secondform label.goptin_checkbox, 2019 .lightbox-right-wrapper div#secondform label { 2020 color: #d2c6b6; 2021 } 2022 .globaloptin input[type=checkbox]:checked+label:after { 2023 height: 3px; 2024 width: 8px; 2025 left: 2px; 2026 top: 0.6vw; 2027 } 2028 @media only screen and (max-width:1024px) and (orientation: portrait) { 2029 #lightbox-email-wrapper div#mlform p.message-description{ 2030 padding-bottom: 5.5vw; 2031font-size: 4vw; 2032 } 2033 } 2034@media only screen and (max-width: 1023px) and (orientation: landscape), only screen and (max-width: 1024px) and (orientation: portrait) { 2035 span.input-error, div .lightbox-email-wrapper span.input-error { 2036 font-size: 3.5vw; 2037 top: -5vw; 2038 bottom: 0; 2039 } 2040body.path-frontpage div#secondform label.goptin_checkbox { 2041 padding-top: 1vw; 2042} 2043div#secondform select { 2044 background-size: 4vw; 2045} 2046} 2047 2048</style></div> 2049 2050 </div> 2051 </div> 2052<div id="block-qosblockcss" data-block-plugin-id="block_content:463d2b20-1eed-4c06-a743-a3a9a8dd603f" class="block block-block-content block-block-content463d2b20-1eed-4c06-a743-a3a9a8dd603f"> 2053 2054 2055 <div class="content"> 2056 2057 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2058 div#block-homepageqosblock { 2059 text-align: center; 2060 text-align: center; 2061 background: url(/sites/g/files/g2000011871/files/2021-03/menuopenBG.png); 2062 background-repeat: no-repeat; 2063 background-size: cover; 2064 } 2065 2066 .innerqosBlock { 2067 padding-top: 11.71vw; 2068 padding-bottom: 11.35vw; 2069 color: #fcf6ec; 2070 } 2071 2072 .qosBlocktitle { 2073 font-size: 5.85vw; 2074 line-height: 1; 2075 padding-bottom: 2.5vw; 2076 font-family: 'Arvo', serif; 2077 font-weight: 700; 2078 } 2079 2080 .qosBlockcnts { 2081 font-size: 1.75vw; 2082 padding-bottom: 2.5vw; 2083 line-height: 2.3vw; 2084 } 2085 2086 a.timeline { 2087 border: 0; 2088 text-transform: uppercase; 2089 font-weight: bold; 2090 color: #220d0e; 2091 font-size: 1.17vw; 2092 background: #adbdb0; 2093 padding: 1.61vw 5.61vw; 2094 box-sizing: border-box; 2095 display: block; 2096 } 2097 2098 .timelineButton { 2099 max-width: 20.5vw; 2100 margin: 0 auto; 2101 } 2102 2103 a.timeline:hover { 2104 background: #b99c43; 2105 color: #fff; 2106 } 2107 2108 @media only screen and (max-width:1023px) and (orientation: landscape), 2109 only screen and (max-width: 1024px) and (orientation: portrait) { 2110 .qosBlocktitle { 2111 font-size: 9.85vw; 2112 padding-bottom: 5.5vw; 2113 } 2114 2115 .innerqosBlock { 2116 padding-top: 15.71vw; 2117 padding-bottom: 15.35vw; 2118 } 2119 2120 .qosBlockcnts { 2121 font-size: 3.75vw; 2122 padding-bottom: 4.5vw; 2123 line-height: normal; 2124 } 2125 2126 .qosBlockcnts br { 2127 display: none; 2128 } 2129 2130 div#block-homepageqosblock>div.content { 2131 max-width: 90%; 2132 margin: 0 auto; 2133 } 2134 2135 .timelineButton { 2136 max-width: 66.5vw; 2137 } 2138 2139 a.timeline { 2140 font-size: 4.17vw; 2141 padding: 3.61vw 12.61vw; 2142 } 2143 } 2144 @media all and (max-width:767px){ 2145 .qosBlocktitle br { 2146 display: block !important; 2147 } 2148 2149 .qosBlocktitle { 2150 font-size: 12.85vw; 2151 line-height: 1.2; 2152 } 2153 2154 .qosBlockcnts { 2155 font-size: 5.75vw; 2156 padding-bottom: 7.5vw; 2157 line-height: normal; 2158 } 2159 2160 .timelineButton { 2161 width: 100%; 2162 max-width: none; 2163 } 2164 2165 a.timeline { 2166 font-size: 7.17vw; 2167 padding: 3.61vw 12.61vw; 2168 } 2169 } 2170</style></div> 2171 2172 </div> 2173 </div> 2174<div id="block-footerblockcss" data-block-plugin-id="block_content:bee72adf-cf77-4f02-aae7-f58248fa94ad" class="block block-block-content block-block-contentbee72adf-cf77-4f02-aae7-f58248fa94ad"> 2175 2176 2177 <div class="content"> 2178 2179 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2180 div#block-footerblock { 2181 text-align: center; 2182 background: #220d0e; 2183 } 2184 2185 .innerFooter { 2186 font-size: 0; 2187 padding: 1.83vw; 2188 box-sizing: border-box; 2189 color: #d2c6b6; 2190 } 2191 2192 br.footerMobBreak { 2193 display: none; 2194 } 2195 2196 span.sepmob { 2197 display: inline-block; 2198 } 2199 2200 .innerFooter>div { 2201 font-size: 1vw; 2202 display: inline-block; 2203 width: 50%; 2204 vertical-align: middle; 2205 } 2206 2207 .innerFooter>div.leftWrap { 2208 text-align: left; 2209 } 2210 2211 .innerFooter>div.rightWrap { 2212 text-align: right; 2213 } 2214 2215 .aretha { 2216 font-size: 1.17vw; 2217 text-transform: uppercase; 2218 } 2219.aretha a{ 2220color:#D2C6B6; 2221border:none; 2222text-decoration:none; 2223} 2224.aretha a:hover{ 2225opacity: 0.6; 2226} 2227 .copy * { 2228 font-size: 0.93vw; 2229 } 2230 2231 .footerlinks a:hover { 2232 color: #B99C43; 2233 } 2234 2235 .footerlinks a { 2236 color: #d2c6b6; 2237 border: 0; 2238 } 2239 2240 .copy { 2241 display: inline-block; 2242 vertical-align: middle; 2243 } 2244 2245 .wmgLogo { 2246 display: inline-block; 2247 vertical-align: middle; 2248 padding-left: 1vw; 2249 } 2250.wmgLogo a{ 2251border:none; 2252text-decoration:none; 2253} 2254.wmgLogo a:hover { 2255 opacity: 0.5; 2256} 2257 .wmgLogo img.logo { 2258 width: 100%; 2259 } 2260 2261 @media only screen and (max-width:1023px) and (orientation: landscape), 2262 only screen and (max-width: 1024px) and (orientation: portrait) { 2263 span.sepmob { 2264 display: none; 2265 } 2266 2267 br.footerMobBreak { 2268 display: inline-block; 2269 } 2270 2271 .innerFooter { 2272 padding: 3.5vw; 2273 } 2274 2275 .innerFooter>div { 2276 display: block; 2277 width: 100%; 2278 text-align: center; 2279 } 2280 2281 .innerFooter>div.leftWrap { 2282 text-align: center; 2283 } 2284 2285 .wmgLogo.mob { 2286 display: block !important; 2287 text-align: center; 2288 margin: 3vw 0; 2289 } 2290 2291 .wmgLogo img.logo { 2292 width: 15vw; 2293 margin: 0 auto; 2294 text-align: center; 2295 } 2296 2297 .aretha { 2298 font-size: 3.77vw; 2299 } 2300 2301 .copy { 2302 display: block; 2303 text-align: center; 2304 } 2305 2306 .wmgLogo { 2307 display: none; 2308 } 2309 2310 .copy * { 2311 font-size: 2.93vw; 2312 } 2313 } 2314 2315@media all and (min-width:1025px){ 2316 .copy { 2317 width: calc(100% - 5vw); 2318 } 2319 2320 a.ot-sdk-show-settings {white-space: nowrap;} 2321 2322 span.brk.seperator-admin { 2323 /*display: none;*/ 2324 } 2325} 2326@media all (min-width:768px) and (max-width:1024px) and (orientation:landscape){ 2327 .copy { 2328 width: calc(100% - 5vw); 2329 } 2330 2331 a.ot-sdk-show-settings {white-space: nowrap;} 2332 2333 span.brk.seperator-admin { 2334 display: none; 2335 } 2336} 2337 2338 2339body .wmgLogo{ 2340width: 5.6vw; 2341padding-top: 0.5vw; 2342} 2343 2344body .wmgLogo.mob{ 2345width: 100%; 2346} 2347@media only screen and (min-width:1024px) and (orientation: landscape){ 2348.innerFooter>div.rightWrap { 2349 text-align: right; 2350 width: 55%; 2351} 2352.innerFooter>div.leftWrap { 2353 width: 45%; 2354} 2355} 2356</style></div> 2357 2358 </div> 2359 </div> 2360<div id="block-homecarousel" data-block-plugin-id="block_content:fbb41028-5a64-4b3f-a3b0-bb7c8a22d5aa" class="block block-block-content block-block-contentfbb41028-5a64-4b3f-a3b0-bb7c8a22d5aa"> 2361 2362 2363 <div class="content"> 2364 2365 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" type="text/css" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css">
2366<script src="https://libraries.wmgartistservices.com/externalJS/OwlCarousel2-2.3.4-owl.carousel.min.js" type="text/javascript"></script>
2366 2367 2368<style> 2369 .bannerWrap.sections > img.deskBanner, .bannerWrap.sections > img.mobBanner { 2370 display: none !important; 2371 } 2372 .owl-carousel.homePage { 2373 display: block !important; 2374 } 2375 .owl-dots { 2376 position: absolute; 2377 bottom: 2px; 2378 left: 50%; 2379 z-index: 10; 2380 transform: translateX(-50%); 2381 } 2382 2383 button.owl-dot span { 2384 display: block; 2385 width: 15px; 2386 height: 15px; 2387 background: #d3c6b5; 2388 border-radius: 50%; 2389 border: 2px solid #d3c6b5; 2390 box-sizing: border-box; 2391 } 2392 2393 button.owl-dot.active span { 2394 background: #b99c43; 2395 } 2396 2397 button.owl-dot { 2398 margin: 0 10px 0 0; 2399 } 2400 2401 button.owl-dot:last-child { 2402 margin: 0; 2403 } 2404 2405 button.owl-prev, button.owl-next { 2406 position: absolute; 2407 top: 50%; 2408 transform: translateY(-50%); 2409 -webkit-transform: translateY(-50%); 2410 } 2411 2412 button.owl-prev { 2413 left: 2vw; 2414 } 2415 2416 button.owl-next { 2417 right: 2vw; 2418 } 2419 2420 button.owl-prev span, button.owl-next span { 2421 font-size: 5vw; 2422 color: #b99c43; 2423 } 2424 2425 button.owl-prev span:hover, button.owl-next span:hover { 2426 color: #d3c6b5; 2427 } 2428 2429 @media only screen and (max-width: 1023px) and (orientation: landscape), only screen and (max-width: 1024px) and (orientation: portrait) { 2430 img.deskBanner { 2431 display: none !important; 2432 } 2433 2434 button.owl-prev span, button.owl-next span { 2435 font-size: 10vw; 2436 } 2437 } 2438</style> 2439
2440<script> 2441 $(document).ready(function(){ 2442 $('.owl-carousel').owlCarousel({ 2443 loop:true, 2444 margin:0, 2445 nav:true, 2446 responsive:{ 2447 0:{ 2448 items:1 2449 } 2450 } 2451 }); 2452 }); 2453</script>
2453</div> 2454 2455 </div> 2456 </div> 2457<div id="block-otcssandscripts-3" data-block-plugin-id="block_content:b4e6327d-b2a7-4380-b6a9-fb6a83b7c7d2" class="block block-block-content block-block-contentb4e6327d-b2a7-4380-b6a9-fb6a83b7c7d2"> 2458 2459 2460 <div class="content"> 2461 2462 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2463a.icon-facebook { 2464 display: none; 2465} 2466a.icon-twitter{ 2467display: none; 2468} 2469.copy { 2470 width: 97%; 2471} 2472</style> 2473
2473<script class="optanon-category-C0004" type="text/plain"> 2474 jQuery('a.icon-facebook').css("display","inline-block"); 2475 </script>
2475 2476 2477
2477<script class="optanon-category-C0003" type="text/plain"> 2478 jQuery('a.icon-twitter').css("display","inline-block"); 2479 </script>
2479 2480</div> 2481 2482 </div> 2483 </div> 2484<div id="block-signuplightbox" data-block-plugin-id="block_content:7e232bc8-ef38-4f34-99a0-322dbf08f9b5" class="block block-block-content block-block-content7e232bc8-ef38-4f34-99a0-322dbf08f9b5"> 2485 2486 2487 <div class="content"> 2488 2489 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
2489<script> 2490 if (!Element.prototype.matches) { 2491 Element.prototype.matches = 2492 Element.prototype.msMatchesSelector || 2493 Element.prototype.webkitMatchesSelector; 2494 } 2495 2496 if (!Element.prototype.closest) { 2497 Element.prototype.closest = function (s) { 2498 var el = this; 2499 2500 do { 2501 if (Element.prototype.matches.call(el, s)) return el; 2502 el = el.parentElement || el.parentNode; 2503 } while (el !== null && el.nodeType === 1); 2504 return null; 2505 }; 2506 } 2507</script>
2507 2508 2509 2510<div class="lightbox-email-wrapper" id="lightbox-email-wrapper"> 2511 <div class="email-overlay"></div> 2512 <div class="lightbox-mailing-close">X</div> 2513 <div class="lightbox-inner-wrapper"> 2514 <div class="lightbox-left-wrapper"><span>ARETHA<br class="mob-break"> FRANKLIN</span></div> 2515 <div class="lightbox-right-wrapper"> 2516 <div class="mlist-outer-wrapper"> 2517 <div class="plain-ml-wrapper" id="firstMlistForm" data-success="firstFormCallback" data-success-formtwo="secondFormCallback"> 2518 <div id="mlform"> 2519 <div class="message"> 2520 <p class="message-description">Be the first to know<br class="mob-break"> about all things 2521 ARETHA FRANKLIN 2522 </p> 2523 </div> 2524 <form id="mlistFormOne" class="mlform twostep" action> 2525 <div class="email fieldWrap"> 2526 <label for class>Your Email Address</label> 2527 <input data-type="email" data-error-text="Email address is required" required id="email" name="email" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email Address'" aria-label="Lightbox Form Your Email Address"> 2528 2529 </div> 2530 <div class="primary-list-values"> 2531 <input id="Datasource" name="Datasource" type="hidden" value="ArethaFranklin_NewsletterOptIn_Lightbox_Website"> 2532 <input name="newsletterId" type="hidden" value="14078529"> 2533 </div> 2534 2535 <span class="consent-placeholder" data-template="artist-mktg" data-artist="Aretha Franklin" data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/rhino/privacy-policy"> 2536 </span> 2537 2538 <div class="submit"> 2539 <input type="submit" id="submit" class="mlistSubmit" value="JOIN"> 2540 </div> 2541 </form> 2542 </div> 2543 <div id="thankyou" class="fadeOut"> 2544 Thank you! 2545 </div> 2546 <div id="secondform" class="fadeOut singleform"> 2547 <span id="secondFormClose">x</span> 2548 <div class="welcome"> 2549 <p>Welcome <span id="name"></span> to Aretha Franklin's mailing list!</p> 2550 </div> 2551 <form id="mlistFormTwo" class="mlform" action> 2552 <input type="hidden" id="secondFormEmail" name="email" value> 2553 <div class="postalcode fieldWrap"> 2554 <label for class>Postal code</label> 2555 <input type="text" id="postalcode" name="postalcode" aria-label="Lightbox Form Postal Code"> 2556 </div> 2557 <div class="postal_country fieldWrap"> 2558 <div class="country"> 2559 <label for> Country </label> 2560 <select id="country" name="country" class="form-control" aria-label="Lightbox Form Country"> 2561 <option value>Select country</option> 2562 <option value="Afghanistan">Afghanistan</option> 2563 <option value="Ã land Islands">Ã land Islands</option> 2564 <option value="Albania">Albania</option> 2565 <option value="Algeria">Algeria</option> 2566 <option value="American Samoa">American Samoa</option> 2567 <option value="Andorra">Andorra</option> 2568 <option value="Angola">Angola</option> 2569 <option value="Anguilla">Anguilla</option> 2570 <option value="Antarctica">Antarctica</option> 2571 <option value="Antigua and Barbuda">Antigua and Barbuda</option> 2572 <option value="Argentina">Argentina</option> 2573 <option value="Armenia">Armenia</option> 2574 <option value="Aruba">Aruba</option> 2575 <option value="Australia">Australia</option> 2576 <option value="Austria">Austria</option> 2577 <option value="Azerbaijan">Azerbaijan</option> 2578 <option value="Bahamas">Bahamas</option> 2579 <option value="Bahrain">Bahrain</option> 2580 <option value="Bangladesh">Bangladesh</option> 2581 <option value="Barbados">Barbados</option> 2582 <option value="Belarus">Belarus</option> 2583 <option value="Belgium">Belgium</option> 2584 <option value="Belize">Belize</option> 2585 <option value="Benin">Benin</option> 2586 <option value="Bermuda">Bermuda</option> 2587 <option value="Bhutan">Bhutan</option> 2588 <option value="Bolivia">Bolivia</option> 2589 <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> 2590 <option value="Botswana">Botswana</option> 2591 <option value="Bouvet Island">Bouvet Island</option> 2592 <option value="Brazil">Brazil</option> 2593 <option value="British Indian Ocean Territory">British Indian Ocean Territory 2594 </option> 2595 <option value="Brunei Darussalam">Brunei Darussalam</option> 2596 <option value="Bulgaria">Bulgaria</option> 2597 <option value="Burkina Faso">Burkina Faso</option> 2598 <option value="Burundi">Burundi</option> 2599 <option value="Cambodia">Cambodia</option> 2600 <option value="Cameroon">Cameroon</option> 2601 <option value="Canada">Canada</option> 2602 <option value="Cape Verde">Cape Verde</option> 2603 <option value="Cayman Islands">Cayman Islands</option> 2604 <option value="Central African Republic">Central African Republic</option> 2605 <option value="Chad">Chad</option> 2606 <option value="Chile">Chile</option> 2607 <option value="China">China</option> 2608 <option value="Christmas Island">Christmas Island</option> 2609 <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 2610 <option value="Colombia">Colombia</option> 2611 <option value="Comoros">Comoros</option> 2612 <option value="Congo">Congo</option> 2613 <option value="Congo, The Democratic Republic of The">Congo, The Democratic 2614 Republic of 2615 The</option> 2616 <option value="Cook Islands">Cook Islands</option> 2617 <option value="Costa Rica">Costa Rica</option> 2618 <option value="Cote D'ivoire">Cote D'ivoire</option> 2619 <option value="Croatia">Croatia</option> 2620 <option value="Cuba">Cuba</option> 2621 <option value="Cyprus">Cyprus</option> 2622 <option value="Czech Republic">Czech Republic</option> 2623 <option value="Denmark">Denmark</option> 2624 <option value="Djibouti">Djibouti</option> 2625 <option value="Dominica">Dominica</option> 2626 <option value="Dominican Republic">Dominican Republic</option> 2627 <option value="Ecuador">Ecuador</option> 2628 <option value="Egypt">Egypt</option> 2629 <option value="El Salvador">El Salvador</option> 2630 <option value="Equatorial Guinea">Equatorial Guinea</option> 2631 <option value="Eritrea">Eritrea</option> 2632 <option value="Estonia">Estonia</option> 2633 <option value="Ethiopia">Ethiopia</option> 2634 <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 2635 <option value="Faroe Islands">Faroe Islands</option> 2636 <option value="Fiji">Fiji</option> 2637 <option value="Finland">Finland</option> 2638 <option value="France">
2638France</option> 2639 <option value="French Guiana">French Guiana</option> 2640 <option value="French Polynesia">French Polynesia</option> 2641 <option value="French Southern Territories">French Southern Territories</option> 2642 <option value="Gabon">Gabon</option> 2643 <option value="Gambia">Gambia</option> 2644 <option value="Georgia">Georgia</option> 2645 <option value="Germany">Germany</option> 2646 <option value="Ghana">Ghana</option> 2647 <option value="Gibraltar">Gibraltar</option> 2648 <option value="Greece">Greece</option> 2649 <option value="Greenland">Greenland</option> 2650 <option value="Grenada">Grenada</option> 2651 <option value="Guadeloupe">Guadeloupe</option> 2652 <option value="Guam">Guam</option> 2653 <option value="Guatemala">Guatemala</option> 2654 <option value="Guernsey">Guernsey</option> 2655 <option value="Guinea">Guinea</option> 2656 <option value="Guinea-bissau">Guinea-bissau</option> 2657 <option value="Guyana">Guyana</option> 2658 <option value="Haiti">Haiti</option> 2659 <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald 2660 Islands 2661 </option> 2662 <option value="Holy See (Vatican City State)">Holy See (Vatican City State) 2663 </option> 2664 <option value="Honduras">Honduras</option> 2665 <option value="Hong Kong">Hong Kong</option> 2666 <option value="Hungary">Hungary</option> 2667 <option value="Iceland">Iceland</option> 2668 <option value="India">India</option> 2669 <option value="Indonesia">Indonesia</option> 2670 <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> 2671 <option value="Iraq">Iraq</option> 2672 <option value="Ireland">Ireland</option> 2673 <option value="Isle of Man">Isle of Man</option> 2674 <option value="Israel">Israel</option> 2675 <option value="Italy">Italy</option> 2676 <option value="Jamaica">Jamaica</option> 2677 <option value="Japan">Japan</option> 2678 <option value="Jersey">Jersey</option> 2679 <option value="Jordan">Jordan</option> 2680 <option value="Kazakhstan">Kazakhstan</option> 2681 <option value="Kenya">Kenya</option> 2682 <option value="Kiribati">Kiribati</option> 2683 <option value="Korea, Democratic People's Republic of">Korea, Democratic 2684 People's 2685 Republic of</option> 2686 <option value="Korea, Republic of">Korea, Republic of</option> 2687 <option value="Kuwait">Kuwait</option> 2688 <option value="Kyrgyzstan">Kyrgyzstan</option> 2689 <option value="Lao People's Democratic Republic">Lao People's Democratic 2690 Republic 2691 </option> 2692 <option value="Latvia">Latvia</option> 2693 <option value="Lebanon">Lebanon</option> 2694 <option value="Lesotho">Lesotho</option> 2695 <option value="Liberia">Liberia</option> 2696 <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option> 2697 <option value="Liechtenstein">Liechtenstein</option> 2698 <option value="Lithuania">Lithuania</option> 2699 <option value="Luxembourg">Luxembourg</option> 2700 <option value="Macao">Macao</option> 2701 <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former 2702 Yugoslav Republic of 2703 </option>
2704 <option value="Madagascar">Madagascar</option> 2705 <option value="Malawi">Malawi</option> 2706 <option value="Malaysia">Malaysia</option> 2707 <option value="Maldives">Maldives</option> 2708 <option value="Mali">Mali</option> 2709 <option value="Malta">Malta</option> 2710 <option value="Marshall Islands">Marshall Islands</option> 2711 <option value="Martinique">Martinique</option> 2712 <option value="Mauritania">Mauritania</option> 2713 <option value="Mauritius">Mauritius</option> 2714 <option value="Mayotte">Mayotte</option> 2715 <option value="Mexico">Mexico</option> 2716 <option value="Micronesia, Federated States of">Micronesia, Federated States of 2717 </option> 2718 <option value="Moldova, Republic of">Moldova, Republic of</option> 2719 <option value="Monaco">Monaco</option> 2720 <option value="Mongolia">Mongolia</option> 2721 <option value="Montenegro">Montenegro</option> 2722 <option value="Montserrat">Montserrat</option> 2723 <option value="Morocco">Morocco</option> 2724 <option value="Mozambique">Mozambique</option> 2725 <option value="Myanmar">Myanmar</option> 2726 <option value="Namibia">Namibia</option> 2727 <option value="Nauru">Nauru</option> 2728 <option value="Nepal">Nepal</option> 2729 <option value="Netherlands">Netherlands</option> 2730 <option value="Netherlands Antilles">Netherlands Antilles</option> 2731 <option value="New Caledonia">New Caledonia</option> 2732 <option value="New Zealand">New Zealand</option> 2733 <option value="Nicaragua">Nicaragua</option> 2734 <option value="Niger">Niger</option> 2735 <option value="Nigeria">Nigeria</option> 2736 <option value="Niue">Niue</option> 2737 <option value="Norfolk Island">Norfolk Island</option> 2738 <option value="Northern Mariana Islands">Northern Mariana Islands</option> 2739 <option value="Norway">Norway</option> 2740 <option value="Oman">Oman</option> 2741 <option value="Pakistan">Pakistan</option> 2742 <option value="Palau">Palau</option> 2743 <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied 2744 </option> 2745 <option value="Panama">Panama</option> 2746 <option value="Papua New Guinea">Papua New Guinea</option> 2747 <option value="Paraguay">Paraguay</option> 2748 <option value="Peru">Peru</option> 2749 <option value="Philippines">Philippines</option> 2750 <option value="Pitcairn">Pitcairn</option> 2751 <option value="Poland">Poland</option> 2752 <option value="Portugal">Portugal</option> 2753 <option value="Puerto Rico">Puerto Rico</option> 2754 <option value="Qatar">Qatar</option> 2755 <option value="Reunion">Reunion</option> 2756 <option value="Romania">Romania</option> 2757 <option value="Russian Federation">Russian Federation</option> 2758 <option value="Rwanda">Rwanda</option> 2759 <option value="Saint Helena">Saint Helena</option> 2760 <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> 2761 <option value="Saint Lucia">Saint Lucia</option> 2762 <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> 2763 <option value="Saint Vincent and The Grenadines">Saint Vincent and The 2764 Grenadines 2765 </option> 2766 <option value="Samoa">Samoa</option> 2767 <option value="San Marino">San Marino</option> 2768 <option value="Sao Tome and Principe">Sao Tome and Principe</option> 2769 <option value="Saudi Arabia">Saudi Arabia</option> 2770 <option value="Senegal">Senegal</option> 2771 <option value="Serbia">Serbia</option> 2772 <option value="Seychelles">Seychelles</option> 2773 <option value="Sierra Leone">Sierra Leone</option> 2774 <option value="Singapore">Singapore</option> 2775 <option value="Slovakia">Slovakia</option> 2776 <option value="Slovenia">Slovenia</option> 2777 <option value="Solomon Islands">Solomon Islands</option> 2778 <option value="Somalia">Somalia</option> 2779 <option value="South Africa">South Africa</option> 2780 <option value="South Georgia and The South Sandwich Islands">South Georgia and 2781 The South 2782 Sandwich 2783 Islands</option> 2784 <option value="Spain">Spain</option> 2785 <option value="Sri Lanka">Sri Lanka</option> 2786 <option value="Sudan">Sudan</option> 2787 <option value="Suriname">Suriname</option> 2788 <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> 2789 <option value="Swaziland">Swaziland</option> 2790 <option value="Sweden">Sweden</option> 2791 <option value="Switzerland">Switzerland</option> 2792 <option value="Syrian Arab Republic">Syrian Arab Republic</option> 2793 <option value="Taiwan, Province of China">Taiwan, Province of China</option> 2794 <option value="Tajikistan">Tajikistan</option> 2795 <option value="Tanzania, United Republic of">Tanzania, United Republic of 2796 </option> 2797 <option value="Thailand">Thailand</option> 2798 <option value="Timor-leste">Timor-leste</option> 2799 <option value="Togo">Togo</option> 2800 <option value="Tokelau">Tokelau</option> 2801 <option value="Tonga">Tonga</option> 2802 <option value="Trinidad and Tobago">Trinidad and Tobago</option> 2803 <option value="Tunisia">Tunisia</option> 2804 <option value="Turkey">Turkey</option> 2805 <option value="Turkmenistan">Turkmenistan</option> 2806 <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> 2807 <option value="Tuvalu">Tuvalu</option> 2808 <option value="Uganda">Uganda</option> 2809 <option value="Ukraine">Ukraine</option> 2810 <option value="United Arab Emirates">United Arab Emirates</option> 2811 <option value="United Kingdom">United Kingdom</option> 2812 <option value="United States">United States</option> 2813 <option value="United States Minor Outlying Islands">United States Minor 2814 Outlying 2815 Islands</option> 2816 <option value="Uruguay">Uruguay</option> 2817 <option value="Uzbekistan">Uzbekistan</option> 2818 <option value="Vanuatu">Vanuatu</option> 2819 <option value="Venezuela">Venezuela</option> 2820 <option value="Viet Nam">Viet Nam</option> 2821 <option value="Virgin Islands, British">Virgin Islands, British</option> 2822 <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> 2823 <option value="Wallis and Futuna">Wallis and Futuna</option> 2824 <option value="Western Sahara">Western Sahara</option> 2825 <option value="Yemen">Yemen</option> 2826 <option value="Zambia">Zambia</option> 2827 <option value="Zimbabwe">Zimbabwe</option> 2828 </select> 2829 </div> 2830 2831 2832 </div> 2833 <div class="name fieldWrap"> 2834 <div class="first fieldWrap"> 2835 <label for class>First Name</label> 2836 <input type="text" id="first" name="firstname" aria-label="Lightbox Form First Name"> 2837 </div> 2838 </div> 2839 <div class="birthday fieldWrap"> 2840 <label for="birthday">Birth Date</label> 2841 <div class="dobMonth fieldWrap"> 2842 2843 <select name="dobMonth" id="dobMonth" aria-label="Lightbox Form Birth Date Month"> 2844 <option value>Month</option> 2845 <option value="1">January</option> 2846 <option value="2">February</option> 2847 <option value="3">March</option> 2848 <option value="4">April</option> 2849 <option value="5">May</option> 2850 <option value="6">June</option> 2851 <option value="7">July</option> 2852 <option value="8">August</option> 2853 <option value="9">September</option> 2854 <option value="10">October</option> 2855 <option value="11">November</option> 2856 <option value="12">December</option> 2857 </select> 2858 </div> 2859 <div class="dobDay fieldWrap"> 2860 2861 <select name="dobDay" id="dobDay" aria-label="Lightbox Form Birth Date Day"> 2862 <option value>Day</option> 2863 <option value="1">1</option> 2864 <option value="2">2</option> 2865 <option value="3">3</option> 2866 <option value="4">4</option> 2867 <option value="5">5</option> 2868 <option value="6">6</option> 2869 <option value="7">7</option> 2870 <option value="8">8</option> 2871 <option value="9">9</option> 2872 <option value="10">10</option> 2873 <option value="11">11</option> 2874 <option value="12">12</option> 2875 <option value="13">13</option> 2876 <option value="14">14</option> 2877 <option value="15">15</option> 2878 <option value="16">16</option> 2879 <option value="17">17</option> 2880 <option value="18">18</option> 2881 <option value="19">19</option> 2882 <option value="20">20</option> 2883 <option value="21">21</option> 2884 <option value="22">22</option> 2885 <option value="23">23</option> 2886 <option value="24">24</option> 2887 <option value="25">25</option> 2888 <option value="26">26</option> 2889 <option value="27">27</option> 2890 <option value="28">28</option> 2891 <option value="29">29</option> 2892 <option value="30">30</option> 2893 <option value="31">31</option> 2894 </select> 2895 </div> 2896 </div> 2897 2898 2899 <input name="newsletterId" type="hidden" value="14075551"> 2900 <input name="Datasource" type="hidden" value="ArethaFranklin_NewsletterOptIn_Lightbox_Website"> 2901 <div class="globaloptin fieldWrap">
2902 <span class="consent-placeholder" data-template="global-mktg" data-artist="Aretha Franklin" data-value="5720" data-pp-link="https://privacy.wmg.com/rhino/privacy-policy"> 2903 </span> 2904 </div> 2905 <div class="submit"> 2906 <input type="submit" id="submit" class="mlistSubmit" value="Submit"> 2907 </div> 2908 </form></div> 2909 </div> 2910 </div> 2911 </div> 2912 </div> 2913 2914</div> 2915 2916<style> 2917 .lightbox-email-wrapper { 2918 position: fixed; 2919 z-index: 10000; 2920 width: 100%; 2921 min-height: 100%; 2922 overflow: scroll; 2923 top: 0; 2924 left: 0; 2925 } 2926 2927 body .lightbox-inner-wrapper>div.lightbox-mailing-close2 { 2928 display: none; 2929 } 2930 2931 .email-overlay { 2932 background: rgba(0, 0, 0, 0.8); 2933 width: 100%; 2934 height: 100%; 2935 position: fixed; 2936 top: 0; 2937 left: 0; 2938 cursor: pointer; 2939 z-index: -1; 2940 } 2941 2942 .lightbox-mailing-close { 2943 text-align: right; 2944 color: #fff; 2945 padding-right: 1.2vw; 2946 padding-top: 1.2vw; 2947 cursor: pointer; 2948 font-size: 1.6vw; 2949 display: inline; 2950 float: right; 2951 margin-right: 0px; 2952 } 2953 2954 .lightbox-mailing-close:hover { 2955 opacity: 0.5 2956 } 2957 2958 .lightbox-inner-wrapper { 2959 max-width: 1200px; 2960 margin: 0 0 0 auto; 2961 width: 55vw; 2962 position: absolute; 2963 top: 50%; 2964 left: 50%; 2965 transform: translate(-50%, -50%); 2966 padding: 15px; 2967 border: 0; 2968 max-width: 55vw; 2969 padding: 0.8vw; 2970 } 2971 2972 .lightbox-inner-wrapper div#mlform div#terms { 2973 text-align: center; 2974 } 2975 2976 .lightbox-inner-wrapper #secondform label.goptin_checkbox { 2977 width: 85%; 2978 } 2979 2980 .lightbox-inner-wrapper div#secondform { 2981 width: 98%; 2982 position: relative; 2983 height: 100vh; 2984 overflow: scroll; 2985 scrollbar-width: none; 2986 } 2987 2988 .lightbox-inner-wrapper div#thankyou { 2989 width: 100%; 2990 font-size: 2.95vw; 2991 } 2992 2993 .lightbox-inner-wrapper div#mlform div#terms a { 2994 right: auto; 2995 } 2996 2997 #lightbox-email-wrapper div#secondform div.welcome p{ 2998 padding:0; 2999} 3000 3001 .lightbox-inner-wrapper div#mlform div#terms p.terms-message a:hover { 3002 opacity: 0.5; 3003 } 3004 3005 @media only all and (max-width: 1023px) { 3006 .lightbox-inner-wrapper div#thankyou { 3007 width: 100%; 3008 font-size: 4vw; 3009 } 3010.lightbox-mailing-close { 3011 font-size: 6vw; 3012 } 3013.lightbox-inner-wrapper div#secondform { 3014 height: auto; 3015 } 3016 } 3017 3018 @media only all and (min-width: 1024px) { 3019 3020 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 3021 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 { 3022 width: 21vw; 3023 top: 30px; 3024 } 3025 } 3026 3027 .lightbox-inner-wrapper { 3028 font-size: 0; 3029 background: #fff; 3030 } 3031 3032 .lightbox-email-wrapper .lightbox-inner-wrapper>div { 3033 display: inline-block; 3034 vertical-align: middle; 3035 width: 48%; 3036 } 3037 3038 .lightbox-right-wrapper { 3039 font-size: 16px; 3040 } 3041 3042 .lightbox-left-wrapper { 3043 text-align: center; 3044 padding: 84px 4% 84px 0; 3045 } 3046 3047 .lightbox-left-wrapper img { 3048 max-width: 100%; 3049 width: auto; 3050 } 3051 3052 .mlist2-outer-wrapper .fadeOut { 3053 display: none; 3054 } 3055 3056 .mlist2-outer-wrapper .message h2 { 3057 padding-top: 20px; 3058 padding-bottom: 20px; 3059 margin: 0; 3060 font-size: 24px; 3061 } 3062 3063 .mlist2-outer-wrapper .message-description { 3064 margin-bottom: 40px; 3065 font-size: 16px; 3066 } 3067 3068 .mlist2-outer-wrapper { 3069 color: #000; 3070 } 3071 3072 .mlist2-outer-wrapper .message { 3073 text-align: center; 3074 } 3075 3076 div.mlist2-outer-wrapper input:not([type=submit]):not([type=checkbox]), 3077 div.mlist2-outer-wrapper select { 3078 -webkit-appearance: none; 3079 -moz-appearance: none; 3080 color: #000; 3081 font-size: 16px; 3082 border: none; 3083 border-bottom: 1px solid #000; 3084 background-color: #fff; 3085 width: 100%; 3086 letter-spacing: 1px; 3087 -moz-box-sizing: border-box; 3088 -webkit-box-sizing: border-box; 3089 box-sizing: border-box; 3090 -webkit-text-fill-color: #000; 3091 height: 40px; 3092 padding: 0; 3093 text-transform: uppercase; 3094 padding-left: 0px; 3095 font-family: Work Sans, sans-serif; 3096 border-radius: 0px; 3097 outline: none; 3098 } 3099 3100 div.mlist2-outer-wrapper input:not([type=submit]):not([type=checkbox]).errored { 3101 border-color: red; 3102 } 3103 3104 .mlist2-outer-wrapper input#submit { 3105 background-color: #f43939; 3106 color: #fff; 3107 width: 100%; 3108 cursor: pointer; 3109 height: 40px; 3110 line-height: 40px; 3111 font-family: Work Sans, sans-serif; 3112 font-size: 19px; 3113 padding: 0; 3114 letter-spacing: 0; 3115 outline: none; 3116 -webkit-appearance: none; 3117 -moz-appearance: none; 3118 -moz-box-sizing: border-box; 3119 -webkit-box-sizing: border-box; 3120 box-sizing: border-box; 3121 border: none; 3122 font-weight: 800; 3123 text-transform: uppercase; 3124 } 3125 3126 .mlist2-outer-wrapper input#submit:hover { 3127 background: #000; 3128 color: #f43939; 3129 } 3130 3131 .mlist2-outer-wrapper input:-webkit-autofill, 3132 .mlist2-outer-wrapper input:-webkit-autofill:hover, 3133 .mlist2-outer-wrapper input:-webkit-autofill:focus, 3134 .mlist2-outer-wrapper input:-webkit-autofill:active { 3135 -webkit-box-shadow: 0 0 0 45px #fff inset !important; 3136 } 3137 3138 .mlist2-outer-wrapper input:-webkit-autofill { 3139 -webkit-text-fill-color: #000 !important; 3140 } 3141 3142 .mlist2-outer-wrapper input::-webkit-input-placeholder { 3143 /* Chrome/Opera/Safari */ 3144 color: #000; 3145 -webkit-text-fill-color: #000 !important; 3146 opacity: 1; 3147 } 3148 3149 .mlist2-outer-wrapper input::-moz-placeholder { 3150 /* Firefox 19+ */ 3151 color: #000; 3152 opacity: 1; 3153 } 3154 3155 .mlist2-outer-wrapper input:-ms-input-placeholder { 3156 /* IE 10+ */ 3157 color: #000; 3158 opacity: 1; 3159 } 3160 3161 .mlist2-outer-wrapper input:-moz-placeholder { 3162 /* Firefox 18- */ 3163 color: #000; 3164 opacity: 1; 3165 } 3166 3167 .mlist2-outer-wrapper #mlistFormOne { 3168 font-size: 0; 3169 } 3170 3171 .mlist2-outer-wrapper #terms { 3172 text-align: right; 3173 padding-top: 5px; 3174 font-size: 11px; 3175 color: #000; 3176 position: relative; 3177 } 3178 3179 .mlist2-outer-wrapper #terms a { 3180 color: #000; 3181 text-decoration: underline; 3182 } 3183 3184 .mlist2-outer-wrapper #terms a:hover { 3185 text-decoration: none; 3186 } 3187 3188 .mlist2-outer-wrapper #secondFormClose { 3189 text-align: right; 3190 display: block; 3191 cursor: pointer; 3192 } 3193 3194 .mlist2-outer-wrapper #secondFormClose:hover { 3195 color: #f43939; 3196 } 3197 3198 .mlist2-outer-wrapper .email.fieldWrap, 3199 .mlist2-outer-wrapper .submit { 3200 width: 100%; 3201 position: relative; 3202 display: inline-block; 3203 vertical-align: bottom; 3204 font-size: 16px; 3205 } 3206 3207 .mlist2-outer-wrapper .email.fieldWrap { 3208 width: 65%; 3209 } 3210 3211 .mlist2-outer-wrapper .submit { 3212 width: 35%; 3213 } 3214 3215 .mlist2-outer-wrapper #mlistFormTwo .fieldWrap, 3216 .mlist2-outer-wrapper #mlistFormTwo .postal_country { 3217 padding-bottom: 10px; 3218 } 3219 3220 .mlist2-outer-wrapper .input-error { 3221 position: absolute; 3222 left: 0; 3223 bottom: -11px; 3224 color: red; 3225 font-size: 10px; 3226 } 3227 3228 .mlist2-outer-wrapper .dobMonth, 3229 .dobDay { 3230 display: inline-block; 3231 width: 49%; 3232 font-size: 0; 3233 } 3234 3235 .mlist2-outer-wrapper .dobMonth { 3236 padding-right: 2%; 3237 } 3238 3239 .mlist2-outer-wrapper .birthday { 3240 font-size: 0; 3241 } 3242 3243 .mlist2-outer-wrapper .birthday label { 3244 font-size: 16px; 3245 display: block; 3246 } 3247 3248 .mlist2-outer-wrapper form#mlistFormTwo .submit { 3249 width: 100%; 3250 } 3251 3252 div.mlist2-outer-wrapper form#mlistFormTwo select { 3253 background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); 3254 background-repeat: no-repeat; 3255 background-position: right center; 3256 padding-right: 18px; 3257 -webkit-appearance: none; 3258 -moz-appearance: none; 3259 appearance: none; 3260 background-color: transparent; 3261 } 3262 3263 .mlist2-outer-wrapper #mlform #terms .terms-message, 3264 .mlist2-outer-wrapper .plain-ml-wrapper p.terms-message-2 { 3265 color: #000; 3266 font-size: 11px; 3267 position: absolute; 3268 bottom: 6px; 3269 background: #fff; 3270 padding: 10px; 3271 line-height: normal; 3272 max-width: 100%; 3273 border: 1px solid #000; 3274 } 3275
3276 .mlist2-outer-wrapper .globaloptin { 3277 position: relative; 3278 } 3279 3280 .mlist2-outer-wrapper .goptin_checkbox { 3281 padding-left: 20px; 3282 } 3283 3284 .mlist2-outer-wrapper input#goptin2_checkbox { 3285 position: absolute; 3286 width: 16px; 3287 top: 0px; 3288 height: 16px; 3289 left: 0px; 3290 -webkit-box-shadow: 0 0 0px 1000px transparent inset; 3291 background: none; 3292 } 3293 3294 .mlist2-outer-wrapper [type="checkbox"]:not(:checked)+label:before, 3295 .mlist2-outer-wrapper [type="checkbox"]:checked+label:before { 3296 content: ''; 3297 position: absolute; 3298 left: 0px; 3299 top: 0px; 3300 width: 16px; 3301 height: 16px; 3302 border: none; 3303 background: transparent; 3304 border-radius: 0px; 3305 box-sizing: border-box; 3306 } 3307 3308 .mlist2-outer-wrapper [type="checkbox"]:not(:checked)+label:before, 3309 .mlist2-outer-wrapper [type="checkbox"]:checked+label:before { 3310 width: 16px; 3311 height: 16px; 3312 top: 0px; 3313 } 3314 3315 .mlist2-outer-wrapper [type="checkbox"]:not(:checked)+label:before, 3316 .mlist2-outer-wrapper [type="checkbox"]:checked+label:before { 3317 background: #f43939 !important; 3318 border-color: #f43939 !important; 3319 } 3320 3321 .mlist2-outer-wrapper [type="checkbox"]:not(:checked)+label:after, 3322 .mlist2-outer-wrapper [type="checkbox"]:checked+label:after { 3323 content: '\2713'; 3324 position: absolute; 3325 top: 4px; 3326 line-height: 1; 3327 left: 5px; 3328 font-size: 16px; 3329 color: #fff; 3330 font-weight: 700; 3331 text-align: center; 3332 } 3333 3334 .mlist2-outer-wrapper [type="checkbox"]:not(:checked)+label:after, 3335 .mlist2-outer-wrapper [type="checkbox"]:checked+label:after { 3336 color: #fff; 3337 font-size: 11px; 3338 left: 3px; 3339 } 3340 3341 .mlist2-outer-wrapper [type="checkbox"]:not(:checked)+label:after { 3342 opacity: 0; 3343 transform: scale(0); 3344 } 3345 3346 .mlist2-outer-wrapper #thankyou { 3347 text-align: center; 3348 font-size: 20px; 3349 } 3350 3351 @media only screen and (max-width:767px), 3352 only screen and (max-width:900px) and (orientation:landscape) { 3353 .lightbox-email-wrapper .lightbox-inner-wrapper>div { 3354 width: 100%; 3355 padding-right: 0; 3356 } 3357 3358 .lightbox-inner-wrapper { 3359 top: 15vmin; 3360 transform: translateX(-50%)translateY(0%); 3361 max-width: 81vw; 3362 height: auto; 3363 border: 0; 3364 padding-bottom: 40px; 3365 } 3366 3367 } 3368 3369 .lightbox-inner-wrapper { 3370 font-size: 0; 3371 background: #fff; 3372 background: url(/sites/g/files/g2000011871/files/2021-03/Home%20Mlist%20bg.png); 3373 background-size: cover; 3374 } 3375 3376 .lightbox-email-wrapper div.mlist-outer-wrapper { 3377 padding: 0; 3378 } 3379 3380 .lightbox-left-wrapper { 3381 text-align: center; 3382 padding: 84px 4% 84px 0; 3383 font-size: 4.05vw; 3384 line-height: 1; 3385 padding-top: 1.5vw; 3386 display: block; 3387 padding: 0; 3388 } 3389 3390 .lightbox-email-wrapper div#mlform p.message-description { 3391 margin-bottom: 0; 3392 } 3393 3394 .lightbox-email-wrapper #mlform input { 3395 margin-top: 0; 3396 } 3397 3398 .lightbox-email-wrapper div#mlform input { 3399 font-size: 1.5vw; 3400 height: 4vw; 3401 } 3402 3403 .lightbox-email-wrapper div#secondform div.submit input { 3404 font-size: 1.5vw; 3405 height: 4vw; 3406 } 3407 3408 .lightbox-email-wrapper span.input-error { 3409 top: -2.2vw; 3410 height: 0; 3411 font-size: 1.2vw; 3412 } 3413 3414 .lightbox-email-wrapper div#mlform form#mlistFormOne div.submit input { 3415 margin-top: 2vw; 3416 } 3417 3418 @media only all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait), 3419 only all and (max-device-width: 850px) { 3420 .lightbox-email-wrapper .lightbox-inner-wrapper>div { 3421 display: inline-block; 3422 vertical-align: middle; 3423 width: 100%; 3424 } 3425 3426 .lightbox-inner-wrapper div#mlform form#mlistFormOne div.email.fieldWrap input { 3427 padding: 2.49vw 0; 3428 } 3429 3430 div#mlform form#mlistFormOne div.submit input { 3431 padding: 2.49vw 0; 3432 } 3433 3434 .lightbox-email-wrapper div#mlform input, 3435 .lightbox-email-wrapper div#secondform div.submit input { 3436 font-size: 4.5vw; 3437 height: auto; 3438 } 3439 3440 3441 .lightbox-left-wrapper { 3442 font-size: 9.05vw; 3443 } 3444 3445 .lightbox-email-wrapper span.input-error { 3446 top: -4vw; 3447 } 3448 3449 .lightbox-inner-wrapper { 3450 max-width: 1200px; 3451 margin: 0 0 0 auto; 3452 width: 81vw; 3453 } 3454 } 3455 3456 @media only all and (max-device-width: 850px) and (orientation:landscape) { 3457 body .lightbox-inner-wrapper { 3458 top: 88% !important; 3459 } 3460 3461 body.firstFormCallback .lightbox-inner-wrapper { 3462 top: 119% !important; 3463 } 3464 } 3465 3466 @media only all and (max-device-width: 850px) { 3467 body .lightbox-inner-wrapper { 3468 top: 50%; 3469 transform: translateX(-50%)translateY(-50%); 3470 max-width: 95vw; 3471 height: auto; 3472 border: 0; 3473 padding-bottom: 40px; 3474 width: 95vw; 3475 } 3476 3477 body .lightbox-left-wrapper { 3478 text-align: center; 3479 font-size: 9.05vw; 3480 margin-top: 10vw; 3481 } 3482 3483 .lightbox-inner-wrapper div#secondform div.welcome p { 3484 font-size: 4.4vw; 3485 } 3486 } 3487 3488 @media only all and (min-device-width: 768px) and (max-device-width: 1024px) { 3489 .lightbox-mailing-close { 3490 font-size: 6vw; 3491 } 3492 3493 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 3494 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 { 3495 width: 96%; 3496 top: 45px; 3497 height: auto; 3498 min-height: 4vw; 3499 } 3500 3501 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 { 3502 min-height: 5vw; 3503 } 3504 } 3505 3506 @media only all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 3507 3508 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 3509 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 { 3510 width: 96%; 3511 top: 45px; 3512 height: auto; 3513 min-height: 26vw; 3514 font-size: 2.85vw; 3515 } 3516 3517 .lightbox-inner-wrapper div#mlform div#terms a, 3518 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 3519 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2, 3520 .lightbox-inner-wrapper div#mlform div#terms p.terms-message a, 3521 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 a { 3522 font-size: 2.85vw; 3523 } 3524 3525 body .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 { 3526 min-height: 50vw; 3527 } 3528 } 3529 3530 @media only screen and (min-width:1920px) { 3531 #lightbox-email-wrapper div#mlform p.message-description { 3532 font-size: 0.75vw; 3533 } 3534 3535 .lightbox-left-wrapper { 3536 font-size: 3.05vw; 3537 } 3538 3539 div#mlform form#mlistFormOne div.email.fieldWrap input {
3540 width: 25vw; 3541 } 3542 3543 div#mlform form#mlistFormOne div.submit input { 3544 width: 15vw; 3545 } 3546 } 3547 3548 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { 3549 3550 .lightbox-inner-wrapper div#mlform div#terms a, 3551 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 3552 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2, 3553 .lightbox-inner-wrapper div#mlform div#terms p.terms-message a, 3554 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 a { 3555 font-size: 12px; 3556 } 3557 3558 .lightbox-inner-wrapper div#mlform div#terms p.terms-message, 3559 .lightbox-inner-wrapper div#secondform div#terms p.terms-message-2 { 3560 width: 100%; 3561 top: 16px; 3562 line-height: 1.2; 3563 } 3564 } 3565 3566 3567 /* new css */ 3568 .consent-placeholder { 3569 position: relative; 3570 margin: 2vw auto 0; 3571 display: block; 3572 } 3573 3574 .lightbox-email-wrapper .plain-ml-wrapper div#mlform .consent-placeholder input[type="checkbox"]:not(:checked), 3575 .lightbox-email-wrapper .plain-ml-wrapper div#mlform .consent-placeholder input[type="checkbox"]:checked, 3576 .lightbox-email-wrapper .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:not(:checked), 3577 .lightbox-email-wrapper .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:checked { 3578 position: absolute; 3579 left: 0px; 3580 width: 1.8vw; 3581 height: 1.8vw; 3582 z-index: 10; 3583 top: 0px; 3584 opacity: 0; 3585 cursor: pointer; 3586 margin: 0; 3587 -webkit-appearance: none; 3588 padding: 0; 3589 opacity: 0; 3590 background: transparent; 3591 border: none; 3592 } 3593 3594 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 3595 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 3596 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 3597 body.path-frontpage .lightbox-email-wrapper .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:checked+label:before { 3598 content: ""; 3599 position: absolute; 3600 left: 0px; 3601 top: 0; 3602 width: 1.8vw; 3603 height: 1.8vw; 3604 border: 2px solid #D2C6B6; 3605 background: transparent; 3606 border-radius: 0px; 3607 box-sizing: border-box; 3608 } 3609 3610 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before { 3611 border-color: red; 3612 } 3613 3614 .lightbox-email-wrapper .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 3615 display: inline-block; 3616 box-sizing: border-box; 3617 line-height: 1; 3618 text-align: left; 3619 text-transform: none; 3620 letter-spacing: 0; 3621 font-size: 0.98vw; 3622 padding-left: 2.54vw; 3623 vertical-align: top; 3624 font-weight: 400; 3625 color: #D2C6B6; 3626 padding-top: 0; 3627 font-weight: 500; 3628 line-height: 1.2; 3629 } 3630 3631 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 3632 content: "\2713"; 3633 position: absolute; 3634 top: 0.45vw; 3635 line-height: 1; 3636 left: 0.45vw; 3637 font-size: 0.98vw; 3638 color: #fff; 3639 font-weight: 700; 3640 text-align: center; 3641 border: none; 3642 transform: none; 3643 } 3644 3645 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 3646 color: #D2C6B6; 3647 } 3648 3649 .consent-placeholder span.input-error { 3650 color: red; 3651 position: absolute; 3652 top: -2vw; 3653 left: 0; 3654 bottom: auto; 3655 } 3656 3657 .secondform .consent-placeholder { 3658 margin: 0 auto 2vh; 3659 } 3660 3661 .consent-placeholder a { 3662 text-decoration: underline; 3663 color: #D2C6B6; 3664 } 3665 3666 .consent-placeholder a:hover { 3667 text-decoration: none; 3668 border: none; 3669 } 3670 3671 .lightbox-email-wrapper .plain-ml-wrapper label.tiny { 3672 font-size: 0; 3673 height: 0; 3674 } 3675 3676 @media only screen and (max-width: 1023px), 3677 only screen and (max-width:1024px) and (orientation:portrait) { 3678 3679 .lightbox-email-wrapper .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 3680 font-size: 3.5vw; 3681 padding-left: 7.94vw; 3682 } 3683 3684 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 3685 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 3686 body.path-frontpage .lightbox-email-wrapper .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 3687 body.path-frontpage .lightbox-email-wrapper .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:checked+label:before { 3688 width: 5.8vw; 3689 height: 5.8vw; 3690 } 3691 3692 .lightbox-email-wrapper .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 3693 top: 2vw; 3694 left: 1.5vw; 3695 font-size: 3vw; 3696 border: none; 3697 transform: none; 3698 } 3699 3700 .consent-placeholder { 3701 margin: 5.5vw auto 0; 3702 } 3703 3704 .consent-placeholder span.input-error { 3705 top: -2.5vw; 3706 } 3707 } 3708</style> 3709
3710<script> 3711 window.secondFormCallback = () => { 3712 jQuery("body").addClass("secondFormCallback").removeClass("firstFormCallback"); 3713 } 3714 window.firstFormCallback = () => { 3715 jQuery("body").addClass("firstFormCallback"); 3716 } 3717 const mainPageName1 = digitalData.page.pageInfo.pageName; 3718 const mainPagePrimaryCategory1 = digitalData.page.category.primaryCategory; 3719 const mainPageType1 = digitalData.page.category.pageType; 3720 var lbCloseResetDTMNew = function () { 3721 s_dtm.clearVars(); 3722 digitalData.page.pageInfo.pageName = mainPageName1; 3723 digitalData.page.category.primaryCategory = mainPagePrimaryCategory1; 3724 digitalData.page.category.pageType = mainPageType1; 3725 _satellite.track("page view"); 3726 console.info("lightbox closed"); 3727 }; 3728 function CallOmnitureNew(text) { 3729 var s = s_gi(digitalData.settings.reportSuites); 3730 s.linkTrackVars = "prop1,eVar4"; 3731 s.prop1 = digitalData.content.artist; 3732 s.eVar4 = digitalData.content.artist; 3733 s.tl(this, "o", text); 3734 } 3735 3736 var closeicon = document.getElementsByClassName("lightbox-mailing-close"); 3737 var overlayelem = document.getElementsByClassName("email-overlay"); 3738 var closeiconnew = document.getElementsByClassName("lightbox-mailing-close2"); 3739 3740 for (var i = 0; i < closeiconnew.length; i++) { 3741 closeiconnew[i].addEventListener('click', function () { 3742 lbCloseResetDTMNew(); 3743 document.getElementById('lightbox-email-wrapper').style.display = 'none'; 3744 }, false); 3745 } 3746 3747 for (var i = 0; i < closeicon.length; i++) { 3748 closeicon[i].addEventListener('click', function () { 3749 lbCloseResetDTMNew(); 3750 document.getElementById('lightbox-email-wrapper').style.display = 'none'; 3751 }, false); 3752 } 3753 3754 for (var i = 0; i < overlayelem.length; i++) { 3755 overlayelem[i].addEventListener('click', function () { 3756 lbCloseResetDTMNew(); 3757 document.getElementById('lightbox-email-wrapper').style.display = 'none'; 3758 }, false); 3759 } 3760 3761 digitalData.page.pageInfo.pageName = "Aretha Franklin:Mailing List Sign-up:Lightbox"; 3762 digitalData.page.category.primaryCategory = "Aretha Franklin:Lightbox"; 3763 digitalData.page.category.pageType = "Lightbox:Mailing List Sign-up"; 3764 digitalData.page.pageInfo.devTeam = "WMAS"; 3765 3766 window.addEventListener("load", function () { 3767 3768 digitalData.page.pageInfo.pageName = "Aretha Franklin:Mailing List Sign-up:Lightbox"; 3769 digitalData.page.category.primaryCategory = "Aretha Franklin:Lightbox"; 3770 digitalData.page.category.pageType = "Lightbox:Mailing List Sign-up"; 3771 digitalData.page.pageInfo.devTeam = "WMAS"; 3772 3773 }, false); 3774 3775 3776 3777 3778 3779 window.mlistclose = function () { 3780 document.getElementsByClassName("lightbox-mailing-close2")[0].style.display = "none"; 3781 } 3782 3783 window.mlistclose2 = function () { 3784 document.getElementsByClassName("lightbox-mailing-close2")[0].style.display = "block"; 3785 } 3786 3787 3788 3789 document.getElementById("secondFormClose").addEventListener('click', function () { document.getElementsByClassName("lightbox-mailing-close2")[0].style.display = "block"; }) 3790</script>
3790</div> 3791 3792 </div> 3793 </div> 3794<div id="block-icomoontwitter" data-block-plugin-id="block_content:0818079c-b68d-41ed-b513-8ebd19b99e7a" class="block block-block-content block-block-content0818079c-b68d-41ed-b513-8ebd19b99e7a"> 3795 3796 3797 <div class="content"> 3798 3799 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 3800 @font-face { 3801 font-family: 'twt-x'; 3802 src: url('/sites/g/files/g2000011871/files/2023-09/twt-x.eot?jjyo3s'); 3803 src: url('/sites/g/files/g2000011871/files/2023-09/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'), 3804 url('/sites/g/files/g2000011871/files/2023-09/twt-x.ttf?jjyo3s') format('truetype'), 3805 url('/sites/g/files/g2000011871/files/2023-09/twt-x.woff?jjyo3s') format('woff'), 3806 url('/sites/g/files/g2000011871/files/2023-09/twt-x.svg?jjyo3s#twt-x') format('svg'); 3807 font-weight: normal; 3808 font-style: normal; 3809 font-display: block; 3810 } 3811 3812 [class^="twt-x"], 3813 [class*=" twt-x"] { 3814 /* use !important to prevent issues with browser extensions that change fonts */ 3815 font-family: 'twt-x' !important; 3816 speak: never; 3817 font-style: normal; 3818 font-weight: normal; 3819 font-variant: normal; 3820 text-transform: none; 3821 line-height: 1; 3822 3823 /* Better Font Rendering =========== */ 3824 -webkit-font-smoothing: antialiased; 3825 -moz-osx-font-smoothing: grayscale; 3826 } 3827 3828 .twt-x:before { 3829 content: "\e901"; 3830 } 3831</style></div> 3832 3833 </div> 3834 </div> 3835<div id="block-iepolyfill" data-block-plugin-id="block_content:2956d5ad-ad3e-4f11-9c9c-0bdbd89bc123" class="block block-block-content block-block-content2956d5ad-ad3e-4f11-9c9c-0bdbd89bc123"> 3836 3837 3838 <div class="content"> 3839 3840 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
3840<script> 3841if (!Element.prototype.matches) { 3842 Element.prototype.matches = 3843 Element.prototype.msMatchesSelector || 3844 Element.prototype.webkitMatchesSelector; 3845} 3846 3847if (!Element.prototype.closest) { 3848 Element.prototype.closest = function(s) { 3849 var el = this; 3850 3851 do { 3852 if (Element.prototype.matches.call(el, s)) return el; 3853 el = el.parentElement || el.parentNode; 3854 } while (el !== null && el.nodeType === 1); 3855 return null; 3856 }; 3857} 3858</script>
3858</div> 3859 3860 </div> 3861 </div> 3862 3863 </div> 3864 3865 3866 </div> 3867 </header> 3868 <div class="highlighted"> 3869 <aside class="layout-container section clearfix" role="complementary"> 3870 <div class="region region-highlighted"> 3871 <div data-drupal-messages-fallback class="hidden"></div> 3872 3873 </div> 3874 3875 </aside> 3876 </div> 3877 <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix"> 3878 <div id="main" class="layout-main clearfix"> 3879 3880 <main id="content" class="column main-content" role="main"> 3881 <section class="section"> 3882 <a id="main-content" tabindex="-1"></a> 3883 <div class="region region-content"> 3884 <div id="block-headerbannerblock" data-block-plugin-id="block_content:b121539c-54b4-4eb8-8921-77ca23f7abf0" class="block block-block-content block-block-contentb121539c-54b4-4eb8-8921-77ca23f7abf0"> 3885 3886 3887 <div class="content"> 3888 3889 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="bannerWrap sections"> 3890 <img src="/sites/g/files/g2000011871/files/2021-07/01_ArethaFranklin_Carousel_Banner_0_min_0.jpg" alt class="deskBanner"> 3891 <img src="/sites/g/files/g2000011871/files/2021-07/mobBanner_min.jpg" alt class="mobBanner" style="display:none;"> 3892 3893 <div class="nav-wrapper"> 3894 <div id="nav" class="stable" style="display: none;"> 3895 <div class="nav-wrapper-inside"> 3896 <div class="menulogoWrap"> 3897 <h1><a id="menulogo" href="/?frontpage=true" class="menu-link"><span>Aretha Franklin</span></a></h1> 3898 </div> 3899 <ul> 3900 3901 <li><a id="home-nav" href="/" class="menu-link"><span>home</span></a></li> 3902 <li><a id="news-nav" href="/news" class="menu-link"><span>news</span></a></li> 3903 <li><a id="music-nav" href="/music" class="menu-link"><span>music</span></a></li> 3904 <li><a id="video-nav" href="/videos" class="menu-link"><span>videos</span></a></li> 3905 <li><a id="merch-nav" href="https://arethafranklin.shop.musictoday.com/store" target="_blank" data-track="enter-store" class="menu-link"><span>store</span></a></li> 3906 3907 </ul> 3908 <div class="social-icons"> 3909 <div class="icon"><a data-track="amazon-d" target="_blank" href="https://music.amazon.com/artists/B000QJICRS" class="icon-amazon" aria-label="Amazon"></a></div> 3910 <div class="icon"><a data-track="apple-music" target="_blank" href="https://music.apple.com/us/artist/aretha-franklin/98742" class="icon-apple" aria-label="Apple"></a></div> 3911 <div class="icon"><a data-track="facebook" target="_blank" href="https://www.facebook.com/arethafranklin" class="icon-facebook" aria-label="Facebook"></a></div> 3912 <div class="icon"><a data-track="instagram" target="_blank" href="https://www.instagram.com/arethafranklin/" class="icon-instagram" aria-label="Instagram"></a></div> 3913 <br class="mob" style="display: none;"> 3914 <div class="icon"><a data-track="spotify" target="_blank" href="https://open.spotify.com/artist/7nwUJBm0HE4ZxD3f5cy5ok?si=Ydr054RbTQSVoIjKWFpXSw" class="icon-spotify" aria-label="Spotify"></a></div> 3915 <div class="icon"><a data-track="twitter" target="_blank" href="https://www.twitter.com/ArethaFranklin" class="twt-x" aria-label="Twitter"></a></div> 3916 <div class="icon"><a data-track="youtube" target="_blank" href="https://music.youtube.com/channel/UCW02f_MjH8n1uMZhSds4mQQ" class="icon-youtube-play" aria-label="Youtube"></a></div> 3917 3918 </div> 3919 </div> 3920 </div> 3921 <div id="close-wrapper" class> 3922 <div id="menu-mob" class="icon-menu"><span></span><span></span><span></span></div> 3923 </div> 3924 </div> 3925</div> 3926</div> 3927 3928 </div> 3929 </div> 3930<div class="views-element-container block block-views block-views-blockheader-carousel-block-1" id="block-views-block-header-carousel-block-1" data-block-plugin-id="views_block:header_carousel-block_1"> 3931 3932 3933 <div class="content"> 3934 <div><div class="view view-header-carousel view-id-header_carousel view-display-id-block_1 js-view-dom-id-589467c1d1dc0628d5a4748b2df6f5d7096d9734a53ead844fca4452258217cb"> 3935 3936 3937 <div class="view-header"> 3938 <style> 3939.mobBanner,#block-headerbannerblock .owl-carousel.homePage{display: none !Important;} 3940ul.owl-carousel.homePage{
3941padding:0; 3942} 3943#block-views-block-header-carousel-block-1 .views-view-grid .views-col{ 3944padding:0; 3945background:#220d0e; 3946} 3947#block-views-block-header-carousel-block-1 .views-view-grid.vertical{ 3948margin:0; 3949} 3950</style> 3951 </div> 3952 3953 <div class="view-content"> 3954 <div class="views-view-grid vertical cols-1 clearfix"> 3955 <div class="owl-carousel homePage views-col clearfix col-1" style="width: 100%;"> 3956 <div class="item views-row row-1"><div class="views-field views-field-nothing"><span class="field-content"><a href="https://www.arethafranklin.net/news/follow-win-genius-aretha-franklin" target="_blank"> 3957<img src="/sites/g/files/g2000011871/files/2021-07/01_ArethaFranklin_Carousel_Banner_0_min_0.jpg" alt="Official Site of The Queen of Soul" class="deskBanner"> 3958<img src="/sites/g/files/g2000011871/files/2021-07/mobBanner_min.jpg" alt="Official Site of The Queen of Soul" class="mobBanner"> 3959</a></span></div></div> 3960 <div class="item views-row row-2"><div class="views-field views-field-nothing"><span class="field-content"><a href="https://www.arethafranklin.net/news/now-streaming-chain-fools-featuring-cynthia-erivo" target="_blank"> 3961<img src="/sites/g/files/g2000011871/files/2024-07/ArethaFranklin_Banner_web_2_0_min_1-1.jpg" alt="Genius Aretha" class="deskBanner"> 3962<img src="/sites/g/files/g2000011871/files/2021-03/ArethaFranklin_Banner_2_Mobile_0.jpg" alt="Genius Aretha" class="mobBanner"> 3963</a></span></div></div> 3964 <div class="item views-row row-3"><div class="views-field views-field-nothing"><span class="field-content"><a href="https://aretha.lnk.to/TGOAFWE" target="_blank"> 3965<img src="/sites/g/files/g2000011871/files/2024-07/ArethaFranklin_Banner_web_3_0_min_1-1.jpg" alt="The Genius of Aretha Franklin" class="deskBanner"> 3966<img src="/sites/g/files/g2000011871/files/2021-03/ArethaFranklin_Banner_3_Mobile_0.jpg" alt="The Genius of Aretha Franklin" class="mobBanner"> 3967</a></span></div></div> 3968 </div> 3969 </div> 3970 3971 </div> 3972 3973 </div> 3974</div> 3975 3976 </div> 3977 </div> 3978<div class="views-element-container block block-views block-views-blocknews-block-1" id="block-views-block-news-block-1" data-block-plugin-id="views_block:news-block_1"> 3979 3980 3981 <div class="content"> 3982 <div><div class="view view-news view-id-news view-display-id-block_1 js-view-dom-id-7dae8f92b62ee6ff0d8a5c2125741e9fb397623d30f5e02b9b753f9e888e7742"> 3983 3984 3985 <div class="view-header"> 3986 <div class="section-title">NEWS</div> 3987<div class="view-all-wrapper"><a href="/news" class="viewall">All News<span><i class="fa-solid fa-arrow-right"></i></span></a></div> 3988 </div> 3989 3990 <div class="view-content"> 3991 <div class="item-list"> 3992 3993 <ul> 3994 3995 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="newsWrapper"> 3996 <a href="/news/day-apple" class="linkout"> 3997 <div class="innerNews"> 3998 <div class="blogImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/blog_image/public/2022-11/arethaapple.jpeg?itok=-JwFLoSc" width="395" height="270" alt="Aretha Franklin headshot" typeof="Image" class="image-style-blog-image" /> 3999 4000 4001 </div> 4002 <div class="newscnts"> 4003 <div class="blogTitle"><div class="bloglink">On This Day With Apple</div></div> 4004 <div class="blogBody">On November 7, 2017, Aretha Franklin was part of the musical lineup at New Yorkâsâ¦</div> 4005 </div> 4006 </div> 4007 </a> 4008</div></span></div></li> 4009 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="newsWrapper"> 4010 <a href="/news/aretha-franklin-channel-now-streaming-siriusxm" class="linkout"> 4011 <div class="innerNews"> 4012 <div class="blogImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/blog_image/public/2022-02/ArethaSXM.jpg?itok=QRcazW10" width="395" height="270" alt="Aretha Franklin Channel on SiriusXM" typeof="Image" class="image-style-blog-image" /> 4013 4014 4015 </div> 4016 <div class="newscnts"> 4017 <div class="blogTitle"><div class="bloglink">The Aretha Franklin Channel Now Streaming onâ¦</div></div> 4018 <div class="blogBody">Aretha Franklin's peerless musical achievements are Black excellence made real. Andâ¦</div> 4019 </div> 4020 </div> 4021 </a> 4022</div></span></div></li> 4023 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="newsWrapper">
4024 <a href="/news/sing-queen-cover-nations-contest" class="linkout"> 4025 <div class="innerNews"> 4026 <div class="blogImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/blog_image/public/2025-10/Aretha_CoverNation_0.png?itok=KEeFddGv" width="395" height="270" alt="Aretha Franklin Cover Song Contest" typeof="Image" class="image-style-blog-image" /> 4027 4028 4029 </div> 4030 <div class="newscnts"> 4031 <div class="blogTitle"><div class="bloglink">Sing Like The Queen in Cover Nation'sâ¦</div></div> 4032 <div class="blogBody">Enter to Win a $1000 Amazon Gift Card and the new ARETHA Box Set! 4033The music ofâ¦</div> 4034 </div> 4035 </div> 4036 </a> 4037</div></span></div></li> 4038 4039 </ul> 4040 4041</div> 4042 4043 </div> 4044 4045 <div class="view-footer"> 4046 <div class="view-all-wrapper" style="display:none;"><a href="/news" class="viewall">All News<span><i class="fa fa-arrow-right"></i></span></a></div> 4047 </div> 4048 </div> 4049</div> 4050 4051 </div> 4052 </div> 4053<div class="views-element-container block block-views block-views-blockmusic-block-1" id="block-views-block-music-block-1" data-block-plugin-id="views_block:music-block_1"> 4054 4055 4056 <div class="content"> 4057 <div><div class="view view-music view-id-music view-display-id-block_1 js-view-dom-id-d43f87b57a9feb5b74a662fc94d1ab54574b9aa42754171cbe9a4ba0f28baf1b"> 4058 4059 4060 <div class="view-header"> 4061 <div class="section-title">MUSIC</div> 4062<div class="view-all-wrapper"><a href="/music" class="viewall">See Full Discography<span><i class="fa-solid fa-arrow-right"></i></span></a></div> 4063 </div> 4064 4065 <div class="view-content"> 4066 <div class="item-list"> 4067 4068 <ul> 4069 4070 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="musicWrapper"> 4071 <div class="innerMusic"> 4072 <a href="/music/aretha-2" class="listenlinkout"> 4073 <div class="albumImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/a/public/2021-03/200930_aretha_4cd.jpg?itok=yIsuO0h9" width="260" height="258" alt="asasd" title="1984" typeof="Image" class="image-style-a" /> 4074 4075 4076</div> 4077 </a> 4078 <div class="musiccnts"> 4079 <div class="albumTitle"><a href="/music/aretha-2"><span class="title">ARETHA</span><br><span class="listen">Details</span></a></div> 4080 </div> 4081 </div> 4082</div></span></div></li> 4083 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="musicWrapper"> 4084 <div class="innerMusic"> 4085 <a href="/music/amazing-grace-the-complete-recordings" class="listenlinkout"> 4086 <div class="albumImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/a/public/2021-03/aretha_amazinggrace.jpg?itok=3zX3ME61" width="260" height="258" alt="amazing" title="1703" typeof="Image" class="image-style-a" /> 4087 4088 4089</div> 4090 </a> 4091 <div class="musiccnts"> 4092 <div class="albumTitle"><a href="/music/amazing-grace-the-complete-recordings"><span class="title">Amazing Grace: The Complete Recordings</span><br><span class="listen">Details</span></a></div> 4093 </div> 4094 </div> 4095</div></span></div></li> 4096 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="musicWrapper"> 4097 <div class="innerMusic"> 4098 <a href="/music/atlantic-records-1960s-collection" class="listenlinkout"> 4099 <div class="albumImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/a/public/2021-03/arethacollection_feat.jpg?itok=KBGjgtIl" width="260" height="258" alt="arethacollection" title="1628" typeof="Image" class="image-style-a" /> 4100 4101 4102</div> 4103 </a> 4104 <div class="musiccnts"> 4105 <div class="albumTitle"><a href="/music/atlantic-records-1960s-collection"><span class="title">Atlantic Records 1960s Collection</span><br><span class="listen">Details</span></a></div> 4106 </div> 4107 </div> 4108</div></span></div></li> 4109 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="musicWrapper"> 4110 <div class="innerMusic"> 4111 <a href="/music/the-atlantic-singles-collection-1967-1970" class="listenlinkout"> 4112 <div class="albumImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/a/public/2021-03/atlanticsingles.jpg?itok=ZCe1btSa" width="260" height="258" alt="asd" title="1544" typeof="Image" class="image-style-a" /> 4113 4114 4115</div> 4116 </a> 4117 <div class="musiccnts"> 4118 <div class="albumTitle"><a href="/music/the-atlantic-singles-collection-1967-1970"><span class="title">The Atlantic Singles Collection 1967-197â¦</span><br><span class="listen">Details</span></a></div> 4119 </div> 4120 </div> 4121</div></span></div></li> 4122 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="musicWrapper"> 4123 <div class="innerMusic"> 4124 <a href="/music/brand-new-me-aretha-franklin-royal-philharmonic-orchestra" class="listenlinkout"> 4125 <div class="albumImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/styles/a/public/2021-03/171031_brandnewme_cover-1.jpg?itok=IPaqbtP-" width="260" height="258" alt="sasd" title="1376||1375" typeof="Image" class="image-style-a" /> 4126 4127 4128</div> 4129 </a> 4130 <div class="musiccnts"> 4131 <div class="albumTitle"><a href="/music/brand-new-me-aretha-franklin-royal-philharmonic-orchestra"><span class="title">A Brand New Me: Aretha Franklin With Theâ¦</span><br><span class="listen">Details</span></a></div> 4132 </div> 4133 </div> 4134</div></span></div></li> 4135 4136 </ul> 4137 4138</div> 4139 4140 </div> 4141 4142 <div class="view-footer"> 4143 <div class="view-all-wrapper" style="display:none;"><a href="/music" class="viewall">All Music<span><i class="fa fa-arrow-right"></i></span></a></div> 4144 </div> 4145 </div> 4146</div> 4147 4148 </div> 4149 </div> 4150<div class="views-element-container block block-views block-views-blockvideos-block-1" id="block-views-block-videos-block-1" data-block-plugin-id="views_block:videos-block_1"> 4151 4152 4153 <div class="content"> 4154 <div><div class="view view-videos view-id-videos view-display-id-block_1 js-view-dom-id-52052e6916863b0d5a1c7899c28c1da4c3ca765f3ae8a6f6eb085034092c6039"> 4155 4156 4157 <div class="view-header"> 4158 4159 </div> 4160 4161 <div class="view-content"> 4162 <div class="item-list"> 4163 4164 <ul> 4165 4166 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="featuredThumb ytthumb"> 4167<div class="yturl">https://www.youtube.com/watch?v=ZLbHi92YOhE</div> 4168<img src="/sites/g/files/g2000011871/files/video_thumbnails/ZLbHi92YOhE.jpg" alt="" typeof="Image" /> 4169 4170 <img src="/sites/g/files/g2000011871/files/2021-03/playicon1.png" alt="" class="playicon"> 4171</div></span></div></li> 4172 4173 </ul> 4174 4175</div> 4176 4177 </div> 4178 4179 </div> 4180</div> 4181 4182 </div> 4183 </div> 4184<div class="views-element-container block block-views block-views-blockvideos-block-2" id="block-views-block-videos-block-2" data-block-plugin-id="views_block:videos-block_2"> 4185 4186 4187 <div class="content"> 4188 <div><div class="view view-videos view-id-videos view-display-id-block_2 js-view-dom-id-f17cd7ee33f1c3c38f18a13348721e5d3eccb308775beb6fd8bad25f92f0088b"> 4189 4190 4191 <div class="view-header"> 4192 <div class="section-title">VIDEOS</div> 4193<div class="view-all-wrapper"><a href="/videos" class="viewall videos">See All Videos<span><i class="fa-solid fa-arrow-right"></i></span></a></div> 4194 4195 </div> 4196 4197 <div class="view-content"> 4198 <div class="item-list"> 4199 4200 <ul> 4201 4202 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videosWrapper"> 4203 <div class="innerVideos"> 4204 <div class="videoscnts"> 4205 <div class="videoThumb"> 4206 4207 <div class="ytembed ytthumb"> 4208<div class="yturl">https://www.youtube.com/watch?v=LDXnqmgtp7s</div> 4209 <img src="/sites/g/files/g2000011871/files/video_thumbnails/LDXnqmgtp7s.jpg" alt="" typeof="Image" /> 4210 4211 </div> 4212 </div> 4213 </div> 4214 </div> 4215</div></span></div></li> 4216 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videosWrapper"> 4217 <div class="innerVideos"> 4218 <div class="videoscnts"> 4219 <div class="videoThumb"> 4220 4221 <div class="ytembed ytthumb"> 4222<div class="yturl">https://www.youtube.com/watch?v=p8rOmDzlLAs</div> 4223 <img src="/sites/g/files/g2000011871/files/video_thumbnails/p8rOmDzlLAs.jpg" alt="" typeof="Image" /> 4224 4225 </div> 4226 </div> 4227 </div> 4228 </div> 4229</div></span></div></li> 4230 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videosWrapper"> 4231 <div class="innerVideos"> 4232 <div class="videoscnts"> 4233 <div class="videoThumb"> 4234 4235 <div class="ytembed ytthumb"> 4236<div class="yturl">https://www.youtube.com/watch?v=EMbPwaPD_Rs</div> 4237 <img src="/sites/g/files/g2000011871/files/video_thumbnails/EMbPwaPD_Rs.jpg" alt="" typeof="Image" /> 4238 4239 </div> 4240 </div> 4241 </div> 4242 </div> 4243</div></span></div></li> 4244 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videosWrapper"> 4245 <div class="innerVideos"> 4246 <div class="videoscnts"> 4247 <div class="videoThumb"> 4248 4249 <div class="ytembed ytthumb"> 4250<div class="yturl">https://www.youtube.com/watch?v=68u9UM6vNVE</div> 4251 <img src="/sites/g/files/g2000011871/files/video_thumbnails/68u9UM6vNVE.jpg" alt="" typeof="Image" /> 4252 4253 </div> 4254 </div> 4255 </div> 4256 </div> 4257</div></span></div></li> 4258 4259 </ul> 4260 4261</div> 4262 4263 </div> 4264 4265 <div class="view-footer"> 4266 <div class="featuredVideo"></div> 4267 4268 </div> 4269 </div> 4270</div> 4271 4272 </div> 4273 </div> 4274<div class="views-element-container block block-views block-views-blockmerch-block-1" id="block-views-block-merch-block-1" data-block-plugin-id="views_block:merch-block_1"> 4275 4276 4277 <div class="content"> 4278 <div><div class="view view-merch view-id-merch view-display-id-block_1 js-view-dom-id-a3f05adf85ef1263edd85b6f082c8b013652da6357cb342080862019698b8189"> 4279 4280 4281 <div class="view-header"> 4282 <div class="section-title">SHOP</div> 4283<div class="view-all-wrapper"><a href="https://arethafranklin.shop.musictoday.com/store" target="_blank" data-track="enter-store" class="viewall">Shop The Official Store<span><i class="fa-solid fa-arrow-right"></i></span></a></div> 4284 </div> 4285 4286 <div class="view-content"> 4287 <div class="item-list"> 4288 4289 <ul> 4290 4291 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="merchWrapper"> 4292 <a href="https://arethafranklin.shop.musictoday.com/product/X3AMAF028/aretha-franklin-reâ¦" target="_blank" class="merchlinkout"> 4293 <div class="innerMerch"> 4294 <div class="merchImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/2021-03/merch1.png" width="350" height="324" alt="1" typeof="Image" /> 4295 4296</div> 4297 <div class="merchcnts"> 4298 <div class="listenLink"><div class="shopnow">shop now</div></div> 4299 </div> 4300 </div> 4301</a> 4302</div></span></div></li> 4303 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="merchWrapper"> 4304 <a href="https://arethafranklin.shop.musictoday.com/product/X3CTAF008/queens-gold-tshirtâ¦" target="_blank" class="merchlinkout"> 4305 <div class="innerMerch"> 4306 <div class="merchImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/2021-03/merch2.png" width="350" height="324" alt="2" typeof="Image" /> 4307 4308</div> 4309 <div class="merchcnts"> 4310 <div class="listenLink"><div class="shopnow">shop now</div></div> 4311 </div> 4312 </div> 4313</a> 4314</div></span></div></li> 4315 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="merchWrapper"> 4316 <a href="https://arethafranklin.shop.musictoday.com/product/X3LPAF14/young-gifted-and-blâ¦" target="_blank" class="merchlinkout"> 4317 <div class="innerMerch"> 4318 <div class="merchImage"> <img loading="lazy" src="/sites/g/files/g2000011871/files/2021-03/merch3.png" width="350" height="324" alt="3" typeof="Image" /> 4319 4320</div> 4321 <div class="merchcnts"> 4322 <div class="listenLink"><div class="shopnow">shop now</div></div> 4323 </div> 4324 </div> 4325</a> 4326</div></span></div></li> 4327 4328 </ul> 4329 4330</div> 4331 4332 </div> 4333 4334 <div class="view-footer"> 4335 <div class="view-all-wrapper" style="display:none;"><a href="https://arethafranklin.shop.musictoday.com/store" target="_blank" data-track="enter-store" class="viewall">Shop The Official Store<span><i class="fa fa-arrow-right"></i></span></a></div> 4336 </div> 4337 </div> 4338</div> 4339 4340 </div> 4341 </div> 4342<div id="block-bartik-content" data-block-plugin-id="system_main_block" class="block block-system block-system-main-block"> 4343 4344 4345 <div class="content"> 4346 4347<article about="/home" class="node node--type-page node--view-mode-full clearfix"> 4348 <header> 4349 4350 4351 </header> 4352 <div class="node__content clearfix"> 4353 <div class="layout layout--onecol"> 4354 <div class="layout__region layout__region--content"> 4355 <div data-block-plugin-id="extra_field_block:node:page:links" class="block block-layout-builder block-extra-field-blocknodepagelinks"> 4356 4357 4358 <div class="content"> 4359 4360 </div> 4361 </div> 4362<div data-block-plugin-id="field_block:node:page:field_meta_tags" class="block block-layout-builder block-field-blocknodepagefield-meta-tags"> 4363 4364 4365 <div class="content"> 4366 4367 </div> 4368 </div> 4369 4370 </div> 4371 </div> 4372 4373 </div> 4374</article> 4375 4376 </div> 4377 </div> 4378<div id="block-bartik-page-title" data-block-plugin-id="page_title_block" class="block block-core block-page-title-block"> 4379 4380 4381 <div class="content"> 4382 4383 4384 <h1 class="title page-title"><span class="field field--name-title field--type-string field--label-hidden">
4384Home</span> 4385</h1> 4386 4387 4388 </div> 4389 </div> 4390<div id="block-homepagemailinglistblock" data-block-plugin-id="block_content:3d9741e1-e22f-41e9-ab35-80220fc66b21" class="block block-block-content block-block-content3d9741e1-e22f-41e9-ab35-80220fc66b21"> 4391 4392 4393 <div class="content"> 4394 4395 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="mlist-outer-wrapper"> 4396 <div class="plain-ml-wrapper" id="firstMlistForm"> 4397 <div id="mlform"> 4398 <div class="message"> 4399 <p class="message-description">Be the first to know<br class="mob-break"> about all things 4400 <span>ARETHA<br class="mob-break"> FRANKLIN</span> 4401 </p> 4402 </div> 4403 <form id="mlistFormOne" class="mlform twostep" action> 4404 <div class="email fieldWrap"> 4405 <label for="email" class>Your Email Address</label> 4406 <input data-type="email" data-error-text="Email address is required" required id="email" name="email" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email Address'" aria-label="Your Email Address"> 4407 4408 </div> 4409 <div class="primary-list-values"> 4410 <input id="Datasource" name="Datasource" type="hidden" value="ArethaFranklin_NewsletterOptIn_MainSignUp_Website"> 4411 <input name="newsletterId" type="hidden" value="14078529"> 4412 </div> 4413 <div class="submit"> 4414 <input type="submit" id="submit" class="mlistSubmit" value="JOIN"> 4415 </div> 4416 <span class="consent-placeholder" data-template="artist-mktg" data-artist="Aretha Franklin" data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/rhino/privacy-policy"> 4417 </span> 4418 </form> 4419 </div> 4420 <div id="thankyou" class="fadeOut"> 4421 Thank you! 4422 </div> 4423 <div id="secondform" class="fadeOut singleform"> 4424 <span id="secondFormClose">x</span> 4425 <div class="welcome"> 4426 <p>Welcome <span id="name"></span> to Aretha Franklin's mailing list!</p> 4427 </div> 4428 <form id="mlistFormTwo" class="mlform" action> 4429 <input type="hidden" id="secondFormEmail" name="email" value> 4430 <div class="postalcode fieldWrap"> 4431 <label for="postalcode" class>Postal code</label> 4432 <input type="text" id="postalcode" name="postalcode" aria-label="Postal Code"> 4433 </div> 4434 <div class="postal_country fieldWrap"> 4435 <div class="country"> 4436 <label for="country"> Country </label> 4437 <select id="country" name="country" class="form-control" aria-label="Country"> 4438 </select> 4439 </div> 4440 4441 4442 </div> 4443 <div class="name fieldWrap"> 4444 <div class="first fieldWrap"> 4445 <label for="firstname" class>First Name</label> 4446 <input type="text" id="first" name="firstname" aria-label="First Name"> 4447 </div> 4448 </div> 4449 <div class="birthday fieldWrap"> 4450 <label for="birthday">Birth Date</label> 4451 <div class="dobMonth fieldWrap"> 4452 4453 <select name="dobMonth" id="dobMonth" aria-label="Birth Date Month"> 4454 <option value>Month</option> 4455 <option value="1">January</option> 4456 <option value="2">February</option> 4457 <option value="3">March</option> 4458 <option value="4">April</option> 4459 <option value="5">May</option> 4460 <option value="6">June</option> 4461 <option value="7">July</option> 4462 <option value="8">August</option> 4463 <option value="9">September</option> 4464 <option value="10">October</option> 4465 <option value="11">November</option> 4466 <option value="12">December</option> 4467 </select> 4468 </div> 4469 <div class="dobDay fieldWrap"> 4470 4471 <select name="dobDay" id="dobDay" aria-label="Birth Date Day"> 4472 <option value>Day</option> 4473 <option value="1">1</option> 4474 <option value="2">2</option> 4475 <option value="3">3</option> 4476 <option value="4">4</option> 4477 <option value="5">5</option> 4478 <option value="6">6</option> 4479 <option value="7">7</option> 4480 <option value="8">8</option> 4481 <option value="9">9</option> 4482 <option value="10">10</option> 4483 <option value="11">11</option> 4484 <option value="12">12</option> 4485 <option value="13">13</option> 4486 <option value="14">14</option> 4487 <option value="15">15</option> 4488 <option value="16">16</option> 4489 <option value="17">17</option> 4490 <option value="18">18</option> 4491 <option value="19">19</option> 4492 <option value="20">20</option> 4493 <option value="21">21</option> 4494 <option value="22">22</option> 4495 <option value="23">23</option> 4496 <option value="24">24</option> 4497 <option value="25">25</option> 4498 <option value="26">26</option> 4499 <option value="27">27</option> 4500 <option value="28">28</option> 4501 <option value="29">29</option> 4502 <option value="30">30</option> 4503 <option value="31">31</option> 4504 </select> 4505 </div> 4506 </div> 4507 4508 4509 <input name="newsletterId" type="hidden" value="14075551"> 4510 <input name="Datasource" type="hidden" value="ArethaFranklin_NewsletterOptIn_MainSignUp_Website"> 4511 <div class="globaloptin fieldWrap">
4512 <span class="consent-placeholder" data-template="global-mktg" data-artist="Aretha Franklin" data-value="5720" data-pp-link="https://privacy.wmg.com/rhino/privacy-policy"> 4513 </span> 4514 </div> 4515 <div class="submit"> 4516 <input type="submit" id="submit" class="mlistSubmit" value="Submit"> 4517 </div> 4518 </form></div> 4519 </div> 4520</div> 4521<div id="close-wrapper" class> 4522 <span id="menu-mob" class="icon-menu"></span> 4523</div> 4524<style> 4525 #block-homepagemailinglistblock { 4526 background: #d3c6b5; 4527 } 4528 4529 div#mlform p.message-description, 4530 div#secondform div.welcome p { 4531 font-family: 'Arvo', serif; 4532 font-weight: 700; 4533 font-size: 1.75vw; 4534 padding-bottom: 2.5vw; 4535 color: #000; 4536 } 4537 4538 div#block-homepagemailinglistblock div#thankyou { 4539 color: #000; 4540 } 4541 4542 div#block-homepagemailinglistblock div#mlform div#terms a, 4543 div#block-homepagemailinglistblock #secondform .terms { 4544 color: #000; 4545 } 4546 4547 @media only screen and (max-width:1023px) { 4548 4549 div#mlform p.message-description, 4550 div#secondform div.welcome p { 4551 font-size: 3vw; 4552 } 4553 } 4554 4555 /* new css */ 4556 #block-homepagemailinglistblock .consent-placeholder { 4557 position: relative; 4558 margin: 2vw auto 0; 4559 display: block; 4560 width: 40.6vw; 4561 } 4562 4563 #block-homepagemailinglistblock .plain-ml-wrapper div#mlform .consent-placeholder input[type="checkbox"]:not(:checked), 4564 #block-homepagemailinglistblock .plain-ml-wrapper div#mlform .consent-placeholder input[type="checkbox"]:checked, 4565 #block-homepagemailinglistblock .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:not(:checked), 4566 #block-homepagemailinglistblock .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:checked { 4567 position: absolute; 4568 left: 0px; 4569 width: 1.8vw; 4570 height: 1.8vw; 4571 z-index: 10; 4572 top: 0px; 4573 opacity: 0; 4574 cursor: pointer; 4575 margin: 0; 4576 -webkit-appearance: none; 4577 padding: 0; 4578 opacity: 0; 4579 background: transparent; 4580 border: none; 4581 } 4582 4583 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4584 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 4585 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4586 #block-homepagemailinglistblock .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:checked+label:before { 4587 content: ""; 4588 position: absolute; 4589 left: 0px; 4590 top: 0; 4591 width: 1.8vw; 4592 height: 1.8vw; 4593 border: 2px solid #000000; 4594 background: transparent; 4595 border-radius: 0px; 4596 box-sizing: border-box; 4597 } 4598 4599 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before { 4600 border-color: red; 4601 } 4602 4603 #block-homepagemailinglistblock .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4604 display: inline-block; 4605 box-sizing: border-box; 4606 line-height: 1; 4607 text-align: left; 4608 text-transform: none; 4609 letter-spacing: 0; 4610 font-size: 0.98vw; 4611 padding-left: 2.54vw; 4612 vertical-align: top; 4613 font-weight: 400; 4614 color: #000000; 4615 padding-top: 0; 4616 font-weight: 500; 4617 line-height: 1.2; 4618 } 4619 4620 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4621 content: "\2713"; 4622 position: absolute; 4623 top: 0.45vw; 4624 line-height: 1; 4625 left: 0.45vw; 4626 font-size: 0.98vw; 4627 color: #fff; 4628 font-weight: 700; 4629 text-align: center; 4630 border: none; 4631 transform: none; 4632 } 4633 4634 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4635 color: #000000; 4636 } 4637 4638 #block-homepagemailinglistblock .consent-placeholder span.input-error { 4639 color: red; 4640 position: absolute; 4641 top: -1.2vw; 4642 left: 0; 4643 bottom: auto; 4644 } 4645 4646 #block-homepagemailinglistblock .secondform .consent-placeholder { 4647 margin: 0 auto 2vh; 4648 } 4649 4650 #block-homepagemailinglistblock .consent-placeholder a { 4651 text-decoration: underline; 4652 color: #000000; 4653 border: none; 4654 } 4655 4656 #block-homepagemailinglistblock .consent-placeholder a:hover { 4657 text-decoration: none; 4658 border: none; 4659 } 4660 4661 #block-homepagemailinglistblock .plain-ml-wrapper label.tiny { 4662 font-size: 0; 4663 height: 0; 4664 } 4665 4666 @media only screen and (max-width: 1023px), 4667 only screen and (max-width:1024px) and (orientation:portrait) { 4668 4669 #block-homepagemailinglistblock .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4670 font-size: 3.5vw; 4671 padding-left: 7.94vw; 4672 } 4673 4674 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4675 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before, 4676 #block-homepagemailinglistblock .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:not(:checked)+label:before, 4677 #block-homepagemailinglistblock .plain-ml-wrapper #secondform .consent-placeholder input[type="checkbox"]:checked+label:before { 4678 width: 5.8vw; 4679 height: 5.8vw; 4680 } 4681 4682 #block-homepagemailinglistblock .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after { 4683 top: 1.5vw; 4684 left: 1.5vw; 4685 font-size: 3vw; 4686 border: none; 4687 transform: none; 4688 } 4689 4690 #block-homepagemailinglistblock .consent-placeholder { 4691 margin: 5.5vw auto 0; 4692 width: 100%; 4693 } 4694 4695 #block-homepagemailinglistblock .consent-placeholder span.input-error { 4696 top: -4vw; 4697 } 4698 } 4699 4700 #block-homepagemailinglistblock #secondform .consent-placeholder { 4701 width: 100%; 4702 } 4703 4704@media only screen and (min-width: 1024px) and (max-width: 1919px) and (orientation:landscape) { 4705 #block-homepagemailinglistblock .consent-placeholder { 4706 width: 36.6vw; 4707 } 4708} 4709 4710@media only screen and (min-width: 1024px) { 4711 #block-homepagemailinglistblock input#email + span.input-error { 4712 bottom: initial; 4713 top: -1.5vw; 4714 } 4715} 4716 4717</style></div> 4718 4719 </div> 4720 </div> 4721<div class="views-element-container block block-views block-views-blockvideos-block-5" id="block-views-block-videos-block-5" data-block-plugin-id="views_block:videos-block_5"> 4722 4723 4724 <div class="content"> 4725 <div><div class="view view-videos view-id-videos view-display-id-block_5 js-view-dom-id-b0ec38a9f8b608bc108a9c8d88b1563e0303d3a05e96e83799985cd2e225a228"> 4726 4727 4728 <div class="view-header"> 4729 4730 </div> 4731 4732 <div class="view-content"> 4733 <div class="item-list"> 4734 4735 <ul> 4736 4737 <li><div class="views-field views-field-title"><span class="field-content">Never Gonna Break My Faith (Official Video) ft. The Boys Choir of Harlem</span></div><div class="views-field views-field-view-node"><span class="field-content">/video/never-gonna-break-my-faith-official-video-ft-the-boys-choir-of-harlem</span></div></li> 4738 4739 </ul> 4740 4741</div> 4742 4743 </div> 4744 4745 </div> 4746</div> 4747 4748 </div> 4749 </div> 4750<div id="block-videonavlinkoflatestcontent" data-block-plugin-id="block_content:31acaee2-088d-4560-bb12-2e5d9791c0e3" class="block block-block-content block-block-content31acaee2-088d-4560-bb12-2e5d9791c0e3"> 4751 4752 4753 <div class="content"> 4754 4755 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
4755<script> 4756 jQuery(document).ready(function(){ 4757 var latestvideopath = jQuery('div#block-views-block-videos-block-5 .view-content .views-field-view-node .field-content').text().trim() 4758 jQuery('a.viewall.videos,a#video-nav').attr("href",latestvideopath); 4759 if(jQuery("body").hasClass("page-notfound")){ 4760 jQuery("a.videolink").attr('href',latestvideopath) 4761 } 4762 }) 4763</script>
4763</div> 4764 4765 </div> 4766 </div> 4767<div id="block-footerblock" data-block-plugin-id="block_content:0cd04370-1851-4306-93fb-f70e10e4b6c8" class="block block-block-content block-block-content0cd04370-1851-4306-93fb-f70e10e4b6c8"> 4768 4769 4770 <div class="content"> 4771 4772 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footerWrapper"> 4773 <div class="innerFooter"> 4774 <div class="leftWrap"> 4775 <div class="aretha"><a href="/?frontpage=true">aretha franklin</a></div> 4776 </div> 4777 <div class="rightWrap"> 4778 <div class="wmgLogo mob" style="display: none;"> 4779 <a href="https://www.wmg.com/" target="_blank"> 4780 <img src="/sites/g/files/g2000011871/files/2021-11/WMG_Logo_White.svg" alt="Warner Music Group Logo" class="logo"> 4781 </a> 4782 </div> 4783 <div class="copy"> 4784 <div class="copyrights"> 4785 © 2026 Rhino Entertainment. All Rights Reserved. 4786 </div> 4787 <div class="footerlinks"> 4788 <a href="https://privacy.wmg.com/rhino/privacy-policy" target="_blank" class="privacypolicy">Privacy Policy/Your Privacy Rights</a> 4789 <span class="sep">|</span> 4790 <a href="https://www.rhino.com/terms-of-use" target="_blank" class="termsandconditions">Terms and Conditions</a> 4791 <span class="sep sepmob">|</span> 4792 <br class="footerMobBreak"> 4793 <a href="https://www.wminewmedia.com/cookies-policy/" target="_blank" class="cookies-policy">Cookies Policy</a> 4794 <span class="brk seperator-admin">|</span> 4795 <a class="ot-sdk-show-settings" style="cursor:pointer">Cookies Settings</a> 4796 </div> 4797 </div> 4798 <div class="wmgLogo"> 4799 <a href="https://www.wmg.com/" target="_blank"> 4800 <img src="/sites/g/files/g2000011871/files/2021-11/WMG_Logo_White.svg" alt="Warner Music Group Logo" class="logo"></a> 4801 </div> 4802 </div> 4803 </div> 4804</div></div> 4805 4806 </div> 4807 </div> 4808 4809 </div> 4810 4811 </section> 4812 </main> 4813 </div> 4814 </div> 4815 <footer class="site-footer"> 4816 <div class="layout-container"> 4817 <div class="site-footer__bottom"> 4818 <div class="region region-footer-fifth"> 4819 <div id="block-bartik-arethafranklincss" data-block-plugin-id="block_content:35df7749-481d-4c1e-bc3f-872939746a69" class="block block-block-content block-block-content35df7749-481d-4c1e-bc3f-872939746a69"> 4820 4821 4822 <div class="content"> 4823 4824 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 4825.welcome span#name { 4826 font-weight: 700; 4827 font-family: 'Arvo', serif; 4828 font-weight: 700; 4829 font-size: 1.75vw; 4830 padding-bottom: 2.5vw; 4831 color: #000; 4832} 4833 4834 4835@media only screen and (max-width: 1023px), only screen and (max-width: 1024px) and (orientation: portrait) { 4836 .lightbox-email-wrapper .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label { 4837 font-size: 4vw; 4838 } 4839 .lightbox-inner-wrapper div#mlform form#mlistFormOne div.email.fieldWrap input { 4840 font-size: 4vw; 4841 } 4842div#mlform p.message-description, div#secondform div.welcome p { 4843 font-size: 5vw !important; 4844} 4845.welcome span#name { 4846 font-size: 3vw !important; 4847} 4848} 4849</style></div> 4850 4851 </div> 4852 </div> 4853 4854 </div> 4855 4856 </div> 4857 </div> 4858 </footer> 4859 </div> 4860</div> 4861 4862 </div> 4863 4864
4864<script src="/sites/g/files/g2000011871/files/custom_js_1.js?cache=6949210c0ad09"></script>
vendor: 1 bytes, line 4864
4864
4865<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="RH"></script>
4865 4866 4867 4868 </body> 4869</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.