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="Independent distribution and label services arm of Warner Music Group. Magnifying artists globally through technology, people, and passion." /> 6<meta name="keywords" content="Ada Music" /> 7<link rel="canonical" href="https://www.ada-music.com/" /> 8<meta name="robots" content="index, follow" /> 9<link rel="shortlink" href="https://www.ada-music.com/" /> 10<meta property="og:site_name" content="ADA Music" /> 11<meta property="og:type" content="website" /> 12<meta property="og:url" content="https://www.ada-music.com/" /> 13<meta property="og:title" content="ADA - Worldwide Music Distribution & Services" /> 14<meta property="og:description" content="Independent distribution and label services arm of Warner Music Group. Magnifying artists globally through technology, people, and passion." /> 15<meta property="og:image" content="https://www.ada-music.com/sites/g/files/g2000017381/files/2023-04/og-image.png" /> 16<meta name="twitter:card" content="summary" /> 17<meta name="twitter:description" content="Independent distribution and label services arm of Warner Music Group. Magnifying artists globally through technology, people, and passion." /> 18<meta name="twitter:title" content="Home | ADA Music" /> 19<meta name="twitter:image" content="https://www.ada-music.com/sites/g/files/g2000017381/files/2023-04/og-image.png" /> 20<meta name="google-site-verification" content="DD5WGSIGyUOrlvF6yxoY4laA4c3hDrQVnYp8yYJofBQ" /> 21<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 22<meta name="MobileOptimized" content="width" /> 23<meta name="HandheldFriendly" content="true" /> 24<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 25<link rel="stylesheet" href="https://use.typekit.net/lae6hxw.css" /> 26<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/" /="/" /> 27<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css" /="/" /> 28<meta name="robots" content="noimageai,noai" /> 29<link rel="icon" href="/sites/g/files/g2000017381/files/favicon_0.png" type="image/png" /> 30<link rel="alternate" hreflang="en" href="https://www.ada-music.com/" />
31<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="7965d698-db51-4064-9994-b816d7830e3e" data-document-language="true"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript">function OptanonWrapper() { 33 var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/'; 34 var allLinks = document.querySelectorAll('a'); 35 for(i = 0; i < allLinks.length; i++) { 36 let href = allLinks[i].href; 37 if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) { 38 href = href + '?ot=7965d698-db51-4064-9994-b816d7830e3e&url=' + window.location.hostname; 39 allLinks[i].setAttribute("href", href); 40 allLinks[i].setAttribute("target", "_blank"); 41 } 42 } 43 var eOT = new Event("OneTrustGroupsUpdated"); 44 document.dispatchEvent(eOT); 45 var regCheckPerformance = /,C0002,/; 46 var regCheckFunctional = /,C0003,/; 47 var regCheckTargeting = /,C0004,/; 48 var regCheckSocial = /,C0008,/; 49}</script>
49 50<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
51<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmgada-music.com"},"content":{"artist":"ADA Music","label":"WMG label"},"page":{"pageInfo":{"pageName":"ADA Music:Homepage","server":"ADA Music:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"ADA Music:Home","pageType":"homepage"}}}</script>
vendor: 1 bytes, line 51
51
52<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
vendor: 1 bytes, line 52
52
53<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js">�</script>
vendor: 1 bytes, line 53
53
54<script src="https://libraries.wmgartistservices.com/externalJS/jquery-cookie-1-4-1-jquery-cookie-min.js" type="text/javascript">�</script>
vendor: 1 bytes, line 54
54
55<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js">�</script>
vendor: 1 bytes, line 55
55
56<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js">�</script>
vendor: 1 bytes, line 56
56
57<script src="https://libraries.wmgartistservices.com/custom-js/YTDTM/YTFns.js">�</script>
vendor: 1 bytes, line 57
57
58<script src="https://libraries.wmgartistservices.com/externalJS/jquery-validate-1-10-0-jquery-validate.js" type="text/javascript">�</script>
vendor: 1 bytes, line 58
58
59<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js">�</script>
vendor: 1 bytes, line 59
59
60<script src="https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js">�</script>
vendor: 1 bytes, line 60
60
61<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js">�</script>
vendor: 1 bytes, line 61
61
62<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js">�</script>
vendor: 1 bytes, line 62
62
63<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
63 64 65 <title>ADA - Worldwide Music Distribution & Services</title> 66 <link rel="stylesheet" media="all" href="/sites/g/files/g2000017381/files/css/css_4mdXQcbqvhYprTNplxFrSuidIxpZc9catPj3pk-x0Zw.css?delta=0&language=en&theme=bartik&include=eJxtj-EOgjAMhF9obI9EOqiz2q2GFnA-vYhoVPxzTb7etbkIg9E5dAyq1UdQdPELZVSFhPqDi_RvZ2KJwI1aZSrJdTJgKDJkYLqhY6gyWtuTdjLhUIMU7ISdVjXMYX05Ec4aVvVZ-pHRzRgPy42wTQ8nuO4gMmYs5ns0IFZvktKf7Mu2ddntH7KDdlxC_lnRzTm1cjHKdAMjKWEBzSe4A9F5f-U" /> 67<link rel="stylesheet" media="all" href="/sites/g/files/g2000017381/files/css/css_BkvCtseNcIswvCIUkvQwOxoRGt3xyP6dXIi6OcpmMMM.css?delta=1&language=en&theme=bartik&include=eJxtj-EOgjAMhF9obI9EOqiz2q2GFnA-vYhoVPxzTb7etbkIg9E5dAyq1UdQdPELZVSFhPqDi_RvZ2KJwI1aZSrJdTJgKDJkYLqhY6gyWtuTdjLhUIMU7ISdVjXMYX05Ec4aVvVZ-pHRzRgPy42wTQ8nuO4gMmYs5ns0IFZvktKf7Mu2ddntH7KDdlxC_lnRzTm1cjHKdAMjKWEBzSe4A9F5f-U" /> 68<link rel="stylesheet" media="print" href="/sites/g/files/g2000017381/files/css/css_ThcPLtLAAm1Bytxyrzu-tEKzk-8mNJB6NWMiB5d7krY.css?delta=2&language=en&theme=bartik&include=eJxtj-EOgjAMhF9obI9EOqiz2q2GFnA-vYhoVPxzTb7etbkIg9E5dAyq1UdQdPELZVSFhPqDi_RvZ2KJwI1aZSrJdTJgKDJkYLqhY6gyWtuTdjLhUIMU7ISdVjXMYX05Ec4aVvVZ-pHRzRgPy42wTQ8nuO4gMmYs5ns0IFZvktKf7Mu2ddntH7KDdlxC_lnRzTm1cjHKdAMjKWEBzSe4A9F5f-U" /> 69<link rel="stylesheet" media="all" href="/sites/g/files/g2000017381/files/css/css_b31l26BOKGpsnHW87zI3lTxvtD3VByKO464lKkA9XmM.css?delta=3&language=en&theme=bartik&include=eJxtj-EOgjAMhF9obI9EOqiz2q2GFnA-vYhoVPxzTb7etbkIg9E5dAyq1UdQdPELZVSFhPqDi_RvZ2KJwI1aZSrJdTJgKDJkYLqhY6gyWtuTdjLhUIMU7ISdVjXMYX05Ec4aVvVZ-pHRzRgPy42wTQ8nuO4gMmYs5ns0IFZvktKf7Mu2ddntH7KDdlxC_lnRzTm1cjHKdAMjKWEBzSe4A9F5f-U" /> 70 71 72 </head> 73 <body class="page-node-71 page-node-type-page layout-no-sidebars path-frontpage"> 74 <a href="#main-content" class="visually-hidden focusable skip-link"> 75 Skip to main content 76 </a> 77 78 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 79 <div id="page-wrapper"> 80 <div id="page"> 81 <header id="header" class="header" role="banner"> 82 <div class="section layout-container clearfix"> 83 84 <div class="clearfix region region-header"> 85 <div id="block-geotargettedredirection" class="block block-block-content block-block-content44089ec3-91bc-4e21-80e1-4a80b50dd377"> 86 87 88 <div class="content"> 89 90 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!--
90<script src="https://ip2location.wmgartistservices.com/example2.php?callback=getCountryCode" async></script>
90 -->
91<script src="https://geolocation.onetrust.com/cookieconsentpub/v1/geo/location/getCountryCode" async></script>
91 92 93 94
95<script> 96 var locationCountry; 97 let redirectCountries 98 function setCookie(name, value, days) { 99 var expires = ""; 100 if (days) { 101 var date = new Date(); 102 date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000); 103 expires = "; expires=" + date.toUTCString(); 104 } 105 document.cookie = name + "=" + (value || "") + "; path=/"; 106 } 107 108 function getCookie(name) { 109 var nameEQ = name + "="; 110 var ca = document.cookie.split(";"); 111 for (var i = 0; i < ca.length; i++) { 112 var c = ca[i]; 113 while (c.charAt(0) == " ") c = c.substring(1, c.length); 114 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 115 } 116 return null; 117 } 118 119 function getCountryCode(res) { 120 // locationCountry = res.countryCode; 121 locationCountry = res.country; 122 123 } 124 125 jQuery(window).on("load", function () { 126 // const regionHider = ["US", "FR", "ES", "BR", "PT", "CL", "CO", "MX", "AR", "BZ", "BO", "CU", "DO", "EC", "SV", "GT", "HN", "NI", "PA", "PY", "PE", "UY", "VE", "CA"]; 127 const regionHider = ["US", "FR","IT", "ES", "BR", "PT", "CL", "CO", "MX", "AR", "BZ", "BO", "CU", "DO", "EC", "SV","CR", "GT", "HN", "NI", "PA", "PY", "PE", "UY", "VE", "CA", "AU", "BE", "NL", "LU", "GB", "DE", "CH", "AT", "TH", "ID", "VN"]; 128 if (regionHider.includes(locationCountry)) { 129 console.log("countrychosen:" ); 130 } else { 131 // jQuery("li.language-selectorer").remove(); 132 } 133 134 135 jQuery("body .region-header .block li.en a").attr( 136 "href", 137 jQuery("body .region-header .block li.en a").attr("href") + 138 "?redir=0" 139 ); 140 141 if (window.location.href.includes("redir=0")) { 142 console.log("no redirect"); 143 } else { 144 let hrefer =window.location.href; 145 let orginOne=window.location.origin + ""; 146 let origin = window.location.origin + "/"; 147 if (window.location.href === origin) { 148 console.log("href matches orgin") 149 redirectCountries = { 150 FR: "fr", 151 IT:"it", 152 ES: "es", 153 BR: "br", 154 PT: "br", 155 CL: "latam", 156 CO: "latam", 157 MX: "latam", 158 AR: "latam", 159 BZ: "latam", 160 BO: "latam", 161 CU: "latam", 162 DO: "latam", 163 EC: "latam", 164 SV: "latam", 165 CR: "latam", 166 GT: "latam", 167 HN: "latam", 168 NI: "latam", 169 PA: "latam", 170 PY: "latam", 171 PE: "latam", 172 UY: "latam", 173 VE: "latam", 174 CA: "ca", 175 AU: "au", 176 BE: "bnl", 177 NL: "bnl", 178 LU: "bnl", 179 DE: "gsa", 180 CH: "gsa", 181 AT: "gsa", 182 GB: "uk", 183 JP: "jp", 184 KR: "kr", 185 TH : "southeastasia", 186 ID : "southeastasia", 187 VN: "southeastasia" 188 }; 189 if (redirectCountries.hasOwnProperty(locationCountry)) { 190 console.log("inside if block") 191 window.location.href = `${orginOne}/${redirectCountries[ 192 locationCountry 193 ].toLowerCase()}`; 194 } 195 else{ 196 console.log("comes to else block"); 197 } 198 } 199 } 200 }); 201</script>
201</div> 202 203 </div> 204 </div> 205<div id="block-bartik-temperoryblockforauredirect" class="block block-block-content block-block-contentd3a14aa7-7829-41bd-8947-c680bb49eb11"> 206 207 208 <div class="content"> 209 210 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
210<script> 211 const url = window.location.href; 212 if ((url == "https://www.ada-music.com/de"){ 213 window.location.href = "https://www.ada-music.com/"; 214 } 215</script>
215 216 217<style> 218 .menu-items li.it { 219 220} 221</style></div> 222 223 </div> 224 </div> 225<div id="block-languagetranslationofhtmlattribute" class="block block-block-content block-block-content791d3ee2-490c-4020-9a71-5646234e7bdc"> 226 227 228 <div class="content"> 229 230 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
230<script> 231 const changeLang = (languageCode) => { 232 document.documentElement.setAttribute("lang", languageCode); 233 jQuery('body').addClass('translated'); 234 }; 235 if (window.location.pathname == '/fr') { 236 changeLang('fr'); 237 } 238 else if (window.location.pathname == '/br') { 239 changeLang('pt-br'); 240 } 241 else if (window.location.pathname == '/bnl') { 242 changeLang('nl-be'); 243 } 244 else if (window.location.pathname == '/latam') { 245 changeLang('es-419'); 246 } 247 else if (window.location.pathname == '/es') { 248 changeLang('es'); 249 } 250 else if (window.location.pathname == '/ca') { 251 changeLang('en-ca'); 252 } 253 else if (window.location.pathname == '/gsa') { 254 changeLang('de-DE'); 255 } 256 else if (window.location.pathname == '/uk') { 257 changeLang('en-GB'); 258 } 259 else if (window.location.pathname == '/it') { 260 changeLang('it'); 261 } 262 else if (window.location.pathname == '/au') { 263 changeLang('en-AU'); 264 } 265 else if (window.location.pathname == '/jp') { 266 changeLang('ja'); 267 } 268 else if (window.location.pathname == '/kr') { 269 changeLang('ko'); 270 } else if (window.location.pathname == '/seasia') { 271 changeLang('en-id'); 272 } else if (window.location.pathname == '/southeastasia') { 273 changeLang('en-id'); 274 } 275</script>
275</div> 276 277 </div> 278 </div> 279<div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" id="block-languageswitcher" role="navigation"> 280 281 <h2>Choose Your Region</h2> 282 283 <div class="content"> 284 <ul class="links"><li hreflang="en" data-drupal-link-system-path="<front>" class="en is-active" aria-current="page"><a href="/" class="language-link is-active" hreflang="en" data-drupal-link-system-path="<front>" aria-current="page">United States</a></li><li hreflang="en-ca" data-drupal-link-system-path="<front>" class="en-ca"><a href="/ca" class="language-link" hreflang="en-ca" data-drupal-link-system-path="<front>">Canada</a></li><li hreflang="es-419" data-drupal-link-system-path="<front>" class="es-419"><a href="/latam" class="language-link" hreflang="es-419" data-drupal-link-system-path="<front>">Latinoamerica</a></li><li hreflang="pt-br" data-drupal-link-system-path="<front>" class="pt-br"><a href="/br" class="language-link" hreflang="pt-br" data-drupal-link-system-path="<front>">Brasil</a></li><li hreflang="es" data-drupal-link-system-path="<front>" class="es"><a href="/es" class="language-link" hreflang="es" data-drupal-link-system-path="<front>">España</a></li><li hreflang="en-au" data-drupal-link-system-path="<front>" class="en-au"><a href="/au" class="language-link" hreflang="en-au" data-drupal-link-system-path="<front>">Australia</a></li><li hreflang="nl-be" data-drupal-link-system-path="<front>" class="nl-be"><a href="/bnl" class="language-link" hreflang="nl-be" data-drupal-link-system-path="<front>">Benelux</a></li><li hreflang="fr" data-drupal-link-system-path="<front>" class="fr"><a href="/fr" class="language-link" hreflang="fr" data-drupal-link-system-path="<front>">French</a></li><li hreflang="en-gb" data-drupal-link-system-path="<front>" class="en-gb"><a href="/uk" class="language-link" hreflang="en-gb" data-drupal-link-system-path="<front>">United Kingdom</a></li><li hreflang="de" data-drupal-link-system-path="<front>" class="de"><a href="/de" class="language-link" hreflang="de" data-drupal-link-system-path="<front>">German</a></li><li hreflang="de-DE" data-drupal-link-system-path="<front>" class="de-de"><a href="/gsa" class="language-link" hreflang="de-DE" data-drupal-link-system-path="<front>">Central Europe</a></li><li hreflang="ja" data-drupal-link-system-path="<front>" class="ja"><a href="/jp" class="language-link" hreflang="ja" data-drupal-link-system-path="<front>">æ¥æ¬</a></li><li hreflang="it" data-drupal-link-system-path="<front>" class="it"><a href="/it" class="language-link" hreflang="it" data-drupal-link-system-path="<front>">Italia</a></li><li hreflang="ko" data-drupal-link-system-path="<front>" class="ko"><a href="/kr" class="language-link" hreflang="ko" data-drupal-link-system-path="<front>">íêµ</a></li><li hreflang="en-id" data-drupal-link-system-path="<front>" class="en-id"><a href="/southeastasia" class="language-link" hreflang="en-id" data-drupal-link-system-path="<front>">South East Asia</a></li></ul> 285 </div> 286 </div> 287<div id="block-commoncss" class="block block-block-content block-block-content23e3cd89-8a9f-4c1e-86b5-9f9f6b6c772e"> 288 289 290 <div class="content"> 291 292 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 293 /* @font-face { 294 font-family: 'antarcticalight'; 295 src: url('/sites/g/files/g2000017381/files/2023-05/antarctica-light.woff2') format('woff2'), 296 url('/sites/g/files/g2000017381/files/2023-05/antarctica-light.woff') format('woff'); 297 font-weight: normal; 298 font-style: normal; 299 300 } 301 302 @font-face { 303 font-family: 'antarcticaultraCnSBd'; 304 src: url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd.woff2') format('woff2'), 305 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd.woff') format('woff'); 306 font-weight: normal; 307 font-style: normal; 308 309 } 310 311 @font-face { 312 font-family: 'antarcticaultraexpandedXBlk'; 313 src: url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk.woff2') format('woff2'), 314 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk.woff') format('woff'); 315 font-weight: normal; 316 font-style: normal; 317 318 } */ 319 320 /* ----------new font------------- */ 321 @font-face { 322 font-family: 'antarcticalight'; 323 src: url('/sites/g/files/g2000017381/files/2023-05/antarctica-light-webfont.eot'), 324 url('/sites/g/files/g2000017381/files/2023-05/antarctica-light-webfont.svg'), 325 url('/sites/g/files/g2000017381/files/2023-05/antarctica-light-webfont.ttf'), 326 url('/sites/g/files/g2000017381/files/2023-05/antarctica-light-webfont.woff'), 327 url('/sites/g/files/g2000017381/files/2023-05/antarctica-light-webfont.woff2'); 328 font-weight: normal; 329 font-style: normal; 330 } 331 332 @font-face { 333 font-family: 'antarcticaultraexpandedXBlk'; 334 src: url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk-webfont.eot'), 335 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk-webfont.svg'), 336 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk-webfont.ttf'), 337 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk-webfont.woff'), 338 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultexpextblk-webfont.woff2'); 339 font-weight: normal; 340 font-style: normal; 341 } 342 343 @font-face { 344 font-family: 'antarcticaultraCnSBd'; 345 src: url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd-webfont.eot'), 346 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd-webfont.svg'), 347 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd-webfont.ttf'), 348 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd-webfont.woff'), 349 url('/sites/g/files/g2000017381/files/2023-05/antarctica-ultracondsembd-webfont.woff2'); 350 font-weight: normal; 351 font-style: normal; 352 } 353 354 :root, 355 html { 356 357 --size-pageWidth: 1316px; 358 --space-sectionPaddingBlock: 180px; 359 --fontSize-label: 12px; 360 --fontSize-bodySmall: 20px; 361 --fontSize-bodyMedium: 24px; 362 --fontSize-bodyLarge: 30px; 363 --fontSize-headlineExpanded: 64px; 364 --fontSize-headlineCondensed: 120px; 365 --lineHeight-main: 1.4; 366 --lineHeight-headlineExpanded: 70px; 367 --color-deepPurple: #db00ff; 368 --color-ivoryKeys: #fbf1e3; 369 --color-ghostWhite: #f7f8ff; 370 --color-lilacWine: #b1aaf4; 371 --color-midnightBlue: #1e132a; 372 --color-razzberryJam: #ff007c; 373 --color-roseParade: #f4c2c4; 374 --color-snowBlue: #eaf2ff; 375 --color-theBlues: #5bc5f8; 376 --color-yellowSubmarine: #ffc800; 377 --color-text: var(--color-midnightBlue); 378 --color-link: var(--color-razzberryJam); 379 --fontfamily-antarcticalight: 'antarcticalight'; 380 --fontfamily-antarcticaultraCnSBd: 'antarcticaultraCnSBd'; 381 --fontfamily-antarcticaultraexpandedXBlk: 'antarcticaultraexpandedXBlk'; 382 383 } 384 385 @font-face { 386 font-family: 'icomoon'; 387 src: url('/sites/g/files/g2000017381/files/2023-04/icomoon_1.eot?e9vsp7'); 388 src: url('/sites/g/files/g2000017381/files/2023-04/icomoon_1.eot?e9vsp7#iefix') format('embedded-opentype'), 389 url('/sites/g/files/g2000017381/files/2023-04/icomoon_1.ttf?e9vsp7') format('truetype'), 390 url('/sites/g/files/g2000017381/files/2023-04/icomoon_1.woff?e9vsp7') format('woff'), 391 url('/sites/g/files/g2000017381/files/2023-04/icomoon_1.svg?e9vsp7#icomoon') format('svg'); 392 font-weight: normal; 393 font-style: normal; 394 font-display: block; 395 } 396 397 [class^="icon-"], 398 [class*=" icon-"] { 399 /* use !important to prevent issues with browser extensions that change fonts */ 400 font-family: 'icomoon' !important; 401 speak: never; 402 font-style: normal; 403 font-weight: normal; 404 font-variant: normal; 405 text-transform: none; 406 line-height: 1; 407 408 /* Better Font Rendering =========== */ 409 -webkit-font-smoothing: antialiased; 410 -moz-osx-font-smoothing: grayscale; 411 } 412 413 .icon-chevron-thin-down:before { 414 content: "\e901"; 415 } 416 417 /* .icon-close:before { 418 content: "\e900"; 419 } */ 420 421 .icon-play3:before { 422 content: "\ea1c"; 423 cursor: pointer; 424 } 425 426 .icon-pause2:before { 427 content: "\ea1d"; 428 } 429 430 .icon-previous2:before { 431 content: "\ea23"; 432 } 433 434 .icon-next2:before { 435 content: "\ea24"; 436 } 437 438 .picture-container { 439 width: 52%; 440 margin: 0 0 0 auto; 441 } 442 443 .artist { 444 position: relative; 445 } 446 447 /* .icon-play3 { 448 cursor: pointer; 449 } */ 450 451 div#block-views-block-artist-section-block-1 .view-display-id-block_1 { 452 max-width: var(--size-pageWidth); 453 margin-left: auto; 454 margin-right: auto; 455 padding: 0 16px; 456 position: unset; 457 } 458 459 div#block-views-block-artist-section-block-1 .headline { 460 font-family: var(--fontFamily-headlineExpanded); 461 color: var(--color-deepPurple); 462 text-transform: uppercase; 463 font-size: var(--fontSize-headlineExpanded); 464 line-height: var(--lineHeight-headlineExpanded); 465 text-align: left; 466 margin: 0; 467 padding: 0; 468 } 469 470 div#block-views-block-artist-section-block-1 .headline { 471 font-family: var(--fontFamily-headlineExpanded); 472 color: var(--color-theBlues); 473 text-transform: uppercase; 474 font-size: var(--fontSize-headlineExpanded); 475 line-height: var(--lineHeight-headlineExpanded); 476 text-align: left; 477 margin: 0; 478 padding: 0; 479 } 480 481 div#block-views-block-artist-section-block-1 .summary { 482 font-family: var(--fontFamily-main); 483 font-size: var(--fontSize-bodyLarge); 484 color: var(--color-ghostWhite); 485 margin-top: 10px; 486 margin-bottom: 0; 487 width: 70%; 488 max-width: 500px; 489 } 490 491 div#block-views-block-artist-section-block-1 .heading { 492 padding-bottom: 120px; 493 } 494 495 .bio { 496 color: var(--color-ghostWhite); 497 margin-top: 10px; 498 position: relative; 499 z-index: 1; 500 font-size: var(--fontSize-bodyLarge); 501 line-height: 47px; 502 max-width: 620px; 503 font-family: var(--fontfamily-antarcticalight); 504 } 505 506 div#block-views-block-artist-section-block-1 { 507 background: var(--color-midnightBlue); 508 padding: var(--space-sectionPaddingBlock)0; 509 } 510 511 button.slick-arrow, 512 ul.slick-dots { 513 display: none !important; 514 } 515 516 .song-snippet { 517 color: var(--color-ghostWhite); 518 font-size: var(--fontSize-bodySmall); 519 display: -webkit-box; 520 display: -webkit-flex; 521 display: -moz-box; 522 display: -ms-flexbox; 523 display: flex; 524 -webkit-box-align: center; 525 -webkit-align-items: center; 526 -moz-box-align: center; 527 -ms-flex-align: center; 528 align-items: center; 529 gap: 20px; 530 margin-top: 10px; 531 position: relative; 532 z-index: 1; 533 padding: 12px 0; 534 } 535 536 span.song-title, 537 span.artist-name, 538 span.field-content, 539 li.music-move { 540 font-family: var(--fontfamily-antarcticalight); 541 } 542 543 span.field-content:hover { 544 color: var(--color-razzberryJam); 545 } 546 547 ul.artists-details li:first-child { 548 display: block; 549 } 550 551 ul.artists-nav li { 552 cursor: pointer; 553 font-size: var(--fontSize-label); 554 color: var(--color-ghostWhite); 555 text-transform: uppercase; 556 display: -webkit-box; 557 display: -webkit-flex; 558 display: -moz-box; 559 display: -ms-flexbox; 560 display: flex; 561 -webkit-box-align: center; 562 -webkit-align-items: center; 563 -moz-box-align: center; 564 -ms-flex-align: center; 565 align-items: center; 566 height: 22.8px; 567 /* opacity: .4; */ 568 -webkit-transition: color 300ms, opacity 1200ms; 569 -moz-transition: color 300ms, opacity 1200ms; 570 -o-transition: color 300ms, opacity 1200ms; 571 transition: color 300ms, opacity 1200ms; 572 } 573 574 ul.artists-nav li { 575 display: none; 576 } 577 578 ul.artists-nav li.visible { 579 display: block; 580 } 581 582 ul.artists-details li.slick-slide.slick-current.slick-active .picture-container { 583 transition: all 2s ease-out; 584 opacity: 1; 585 } 586 587 ul.artists-details li .picture-container { 588 opacity: 0; 589 } 590 591 ul.artists-details li.slick-slide.slick-current.slick-active { 592 opacity: 1; 593 } 594 595 ul.artists-details li { 596 opacity: 0; 597 } 598 599 .artist .headline { 600 position: absolute; 601 top: 100%; 602 } 603 604 .artist .bio { 605 position: absolute; 606 top: 100%; 607 margin: 0; 608 line-height: 1; 609 color: var(--color-ghostWhite); 610 font-size: var(--fontSize-bodySmall); 611 /*font-size: 1.46484375VW;*/ 612 line-height: var(--lineHeight-main); 613 margin-top: 10px; 614 position: relative; 615 z-index: 1; 616 } 617 618 .artist .song-snippet { 619 position: absolute; 620 top: 100%; 621 margin: 0; 622 } 623 624 ul.artists-details li.slick-slide.slick-current.slick-active .headline { 625 animation: move-up-headline 0.5s linear forwards; 626 } 627 628 ul.artists-details li.slick-slide.slick-current.slick-active .bio { 629 animation: move-up-bio 0.4s linear 0.2s forwards; 630 } 631 632 ul.artists-details li.slick-slide.slick-current.slick-active .song-snippet { 633 animation: move-up-song 0.3s linear 0.4s forwards; 634 } 635
636 @keyframes move-up-headline { 637 to { 638 top: 30%; 639 } 640 } 641 642 @keyframes move-up-bio { 643 to { 644 top: 50%; 645 } 646 } 647 648 @keyframes move-up-song { 649 to { 650 top: 70%; 651 } 652 } 653 654 div#block-views-block-artist-section-block-1 ul.artists-details li:first-child .headline { 655 color: var(--color-deepPurple); 656 } 657 658 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(2) .headline { 659 color: var(--color-theBlues); 660 } 661 662 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(3) .headline { 663 color: var(--color-yellowSubmarine); 664 } 665 666 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(4) .headline { 667 color: var(--color-theBlues); 668 } 669 670 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(5) .headline { 671 color: var(--color-razzberryJam); 672 } 673 674 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(6) .headline { 675 color: var(--color-yellowSubmarine); 676 } 677 678 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(7) .headline { 679 color: var(--color-razzberryJam); 680 } 681 682 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(8) .headline { 683 color: var(--color-theBlues); 684 } 685 686 div#block-views-block-artist-section-block-1 ul.artists-details li:nth-child(9) .headline { 687 color: var(--color-deepPurple); 688 } 689 690 div#block-views-block-artist-section-block-1 ul.artists-details li:last-child .headline { 691 color: var(--color-razzberryJam); 692 } 693 694 .scroll-to-services { 695 width: 100%; 696 position: absolute; 697 display: -webkit-box; 698 display: -webkit-flex; 699 display: -moz-box; 700 display: -ms-flexbox; 701 display: flex; 702 -webkit-box-pack: center; 703 -webkit-justify-content: center; 704 -moz-box-pack: center; 705 -ms-flex-pack: center; 706 justify-content: center; 707 -webkit-box-align: center; 708 -webkit-align-items: center; 709 -moz-box-align: center; 710 -ms-flex-align: center; 711 align-items: center; 712 bottom: 10px; 713 left: 0; 714 -webkit-transition: bottom 300ms ease-in-out; 715 -moz-transition: bottom 300ms ease-in-out; 716 -o-transition: bottom 300ms ease-in-out; 717 transition: bottom 300ms ease-in-out; 718 /* padding: var(--space-sectionPaddingBlock)0; 719 font-size: 20px; */ 720 } 721 722 .scroll-to-services a { 723 width: auto; 724 display: -webkit-box; 725 display: -webkit-flex; 726 display: -ms-flexbox; 727 display: flex; 728 -webkit-align-items: center; 729 -webkit-box-align: center; 730 -ms-flex-align: center; 731 align-items: center; 732 gap: 15px; 733 color: var(--color-lilacWine); 734 text-transform: uppercase; 735 z-index: 3; 736 font-family: var(--fontfamily-antarcticalight); 737 font-size: var(--fontSize-bodySmall); 738 } 739 740 .scroll-to-services a:hover { 741 color: var(--color-lilacWine); 742 } 743 744 .scroll-to-services span { 745 font-size: var(--fontSize-bodyLarge); 746 } 747 748 div#block-gsapblock { 749 display: none; 750 } 751 752 div#block-views-block-artist-section-block-4 { 753 background: var(--color-midnightBlue); 754 padding: var(--space-sectionPaddingBlock)0; 755 position: relative; 756 } 757 758 div#block-views-block-artist-section-block-4 .view-display-id-block_4 { 759 max-width: var(--size-pageWidth); 760 margin-left: auto; 761 margin-right: auto; 762 padding: 0 16px; 763 position: unset; 764 } 765 766 div#block-views-block-artist-section-block-4 .heading { 767 padding-bottom: 0; 768 } 769 770 div#block-views-block-artist-section-block-4 .headline { 771 font-family: var(--fontFamily-headlineExpanded); 772 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 773 color: var(--color-theBlues); 774 text-transform: uppercase; 775 font-size: var(--fontSize-headlineExpanded); 776 line-height: var(--lineHeight-headlineExpanded); 777 text-align: left; 778 margin: 0; 779 padding: 0; 780 position: unset; 781 } 782 783 div#block-views-block-artist-section-block-4 #active-artist-html .headline { 784 color: var(--color-deepPurple); 785 } 786 787 div#block-views-block-artist-section-block-4 .bio, 788 div#block-views-block-artist-section-block-4 .song-snippet { 789 position: unset; 790 } 791 792 div#block-views-block-artist-section-block-4 .summary { 793 /* font-family: var(--fontFamily-main); */ 794 font-family: var(--fontfamily-antarcticalight); 795 font-size: var(--fontSize-bodyLarge); 796 color: var(--color-ghostWhite); 797 margin-top: 10px; 798 margin-bottom: 0; 799 width: 70%; 800 max-width: 500px; 801 line-height: 30px; 802 } 803 804 div#block-views-block-artist-section-block-4 ul.artists-details li { 805 opacity: 1; 806 } 807 808 div#block-views-block-artist-section-block-4 ul.artists-details li .picture-container { 809 transition: all 2s ease-out; 810 opacity: 1; 811 } 812 813 div#block-views-block-artist-section-block-4 ul.artists-details li:first-child .headline { 814 color: var(--color-deepPurple); 815 } 816 817 div#block-views-block-artist-section-block-4 ul.artists-details li .headline { 818 animation: move-up-headline 0.5s linear forwards; 819 } 820 821 div#block-views-block-artist-section-block-4 ul.artists-details li .bio { 822 animation: move-up-bio 0.4s linear 0.2s forwards; 823 } 824 825 div#block-views-block-artist-section-block-4 ul.artists-details li .song-snippet { 826 animation: move-up-song 0.3s linear 0.4s forwards; 827 } 828 829 div#block-views-block-artist-section-block-4 .picture-container { 830 display: -webkit-box; 831 display: -webkit-flex; 832 display: -moz-box; 833 display: -ms-flexbox; 834 display: flex; 835 width: 100%; 836 } 837 838 div#block-views-block-artist-section-block-4 .artist { 839 position: unset; 840 } 841 842 div#block-views-block-artist-section-block-4 .jimmie-allen-pic { 843 max-width: 100%; 844 position: relative; 845 } 846 847 div#block-views-block-artist-section-block-4 .leftWrapper { 848 position: relative; 849 z-index: 2; 850 overflow: hidden; 851 } 852 853 .view-display-id-block_4>.view-content { 854 display: none; 855 } 856 857 div#active-artist-container { 858 position: relative; 859 height: 3000px; 860 opacity: 1; 861 -webkit-transition: opacity 500ms ease-in; 862 -moz-transition: opacity 500ms ease-in; 863 -o-transition: opacity 500ms ease-in; 864 transition: opacity 500ms ease-in; 865 overflow: hidden; 866 } 867 868 div#active-artist { 869 position: relative; 870 height: 100vh; 871 overflow: hidden; 872 } 873 874 div#active-artist-html { 875 position: absolute; 876 display: -webkit-box; 877 display: -webkit-flex; 878 display: -moz-box; 879 display: -ms-flexbox; 880 display: flex; 881 -webkit-box-align: center; 882 -webkit-align-items: center; 883 -moz-box-align: center; 884 -ms-flex-align: center; 885 align-items: center; 886 height: 100vh; 887 width: 100%; 888 } 889 890 div#block-views-block-artist-section-block-4 .artists-nav { 891 display: -webkit-box; 892 display: -webkit-flex; 893 display: -moz-box; 894 display: -ms-flexbox; 895 display: flex; 896 flex-direction: column; 897 -webkit-transition: all 300ms ease-in-out; 898 -moz-transition: all 300ms ease-in-out; 899 -o-transition: all 300ms ease-in-out; 900 transition: all 300ms ease-in-out; 901 position: absolute; 902 z-index: 9; 903 } 904 905 div#block-views-block-artist-section-block-4 .artists-nav.before { 906 -webkit-box-pack: end;
907 -webkit-justify-content: flex-end; 908 -moz-box-pack: end; 909 -ms-flex-pack: end; 910 justify-content: flex-end; 911 bottom: 76vh; 912 } 913 914 div#block-views-block-artist-section-block-4 .artists-nav.after { 915 -webkit-box-pack: start; 916 -webkit-justify-content: flex-start; 917 -moz-box-pack: start; 918 -ms-flex-pack: start; 919 justify-content: flex-start; 920 top: 73vh; 921 } 922 923 div#block-views-block-artist-section-block-4 ul.artists-nav li { 924 display: block; 925 } 926 927 div#block-views-block-artist-section-block-4 .view-display-id-block_4 .view-display-id-block_2, 928 div#block-views-block-artist-section-block-4 .view-display-id-block_4 .view-display-id-block_3 { 929 display: none; 930 } 931 932 #active-artist .artists-nav li { 933 cursor: pointer; 934 font-size: var(--fontSize-label); 935 color: var(--color-ghostWhite); 936 text-transform: uppercase; 937 display: -webkit-box; 938 display: -webkit-flex; 939 display: -moz-box; 940 display: -ms-flexbox; 941 display: flex; 942 -webkit-box-align: center; 943 -webkit-align-items: center; 944 -moz-box-align: center; 945 -ms-flex-align: center; 946 align-items: center; 947 height: 22.8px; 948 opacity: .4; 949 -webkit-transition: color 300ms, opacity 1200ms; 950 -moz-transition: color 300ms, opacity 1200ms; 951 -o-transition: color 300ms, opacity 1200ms; 952 transition: color 300ms, opacity 1200ms; 953 font-family: var(--fontfamily-antarcticalight); 954 } 955 956 /* audio css starts*/ 957 958 .player { 959 width: 250px; 960 display: flex; 961 flex-direction: row; 962 align-items: center; 963 justify-content: space-between; 964 margin: 0 auto; 965 position: fixed; 966 bottom: 0; 967 left: 0; 968 z-index: 9999; 969 background: var(--color-theBlues); 970 width: 100%; 971 color: var(--color-midnightBlue); 972 transition: transform 300ms ease-in-out; 973 display: none; 974 } 975 976 .player .innerplayer { 977 background: var(--color-theBlues); 978 display: -webkit-box; 979 display: -webkit-flex; 980 display: -moz-box; 981 display: -ms-flexbox; 982 display: grid; 983 -webkit-box-align: center; 984 -webkit-align-items: center; 985 -moz-box-align: center; 986 -ms-flex-align: center; 987 align-items: center; 988 gap: 20px; 989 height: 33px; 990 padding: 0 26px; 991 grid-template-areas: 992 "controls info progress close"; 993 grid-template-columns: auto auto 70%auto; 994 grid-template-rows: 1fr; 995 } 996 997 .player .buttons { 998 /* grid-area: controls; */ 999 display: flex; 1000 gap: 24px; 1001 } 1002 1003 .player .buttons>div { 1004 background: transparent; 1005 border: 0; 1006 cursor: pointer; 1007 color: var(--color-midnightBlue); 1008 font-size: var(--fontSize-bodyMedium); 1009 } 1010 1011 .player .audio_title { 1012 font-size: var(--fontSize-label); 1013 display: -webkit-box; 1014 -webkit-line-clamp: 1; 1015 -webkit-box-orient: vertical; 1016 overflow: hidden; 1017 } 1018 1019 .track-artist { 1020 text-decoration: underline; 1021 } 1022 1023 .player .details { 1024 grid-area: info; 1025 margin-left: 15px; 1026 } 1027 1028 .slider_container { 1029 /* grid-area: progress; 1030 max-width: 800px; */ 1031 display: -webkit-box; 1032 display: -webkit-flex; 1033 display: -moz-box; 1034 display: -ms-flexbox; 1035 display: flex; 1036 -webkit-box-align: center; 1037 -webkit-align-items: center; 1038 -moz-box-align: center; 1039 -ms-flex-align: center; 1040 align-items: center; 1041 -webkit-box-pack: justify; 1042 -webkit-justify-content: space-between; 1043 -moz-box-pack: justify; 1044 -ms-flex-pack: justify; 1045 justify-content: space-between; 1046 gap: 15px; 1047 width: 100%; 1048 } 1049 1050 .current-time, 1051 .total-duration { 1052 font-size: var(--fontSize-label); 1053 min-width: 40px; 1054 } 1055 1056 input[type="range"] { 1057 --range-height: 7px; 1058 --range-width: 100%; 1059 --range-thumb-size: 8px; 1060 /* -webkit-appearance: none; */ 1061 position: relative; 1062 background: var(--color-snowBlue); 1063 width: var(--range-width); 1064 height: var(--range-height); 1065 cursor: pointer; 1066 /* appearance: none; */ 1067 margin: 0; 1068 padding: 0; 1069 font-size: 0; 1070 accent-color: var(--color-midnightBlue); 1071 } 1072 1073 .rangewrapper { 1074 position: relative; 1075 width: 100%; 1076 /* height: 7px; */ 1077 } 1078 1079 /* .rangewrapper span { 1080 background: var(--color-midnightBlue); 1081 height: 7px; 1082 width: 0%; 1083 position: absolute; 1084 top: 8px; 1085 left: 0; 1086 } */ 1087 1088 /* input[type="range"]::-webkit-slider-runnable-track { 1089 display: none; 1090 } */ 1091 1092 1093 .close_wrapper { 1094 grid-area: close; 1095 display: flex; 1096 align-items: center; 1097 justify-content: flex-end; 1098 } 1099 1100 a.icon-close { 1101 border: 0; 1102 background: transparent; 1103 cursor: pointer; 1104 color: var(--color-midnightBlue); 1105 font-size: var(--fontSize-bodyMedium); 1106 } 1107 1108 a.icon-close:hover, 1109 a.icon-close:focus { 1110 color: var(--color-midnightBlue); 1111 } 1112 1113 .playpause { 1114 color: var(--color-deepPurple); 1115 } 1116 1117 /* audio css ends*/ 1118 1119 #active-artist .artists-nav li { 1120 display: none; 1121 } 1122 1123 #active-artist .artists-nav li.visible { 1124 display: block; 1125 opacity: 1; 1126 } 1127.audio_title span { 1128 font-family: var(--fontfamily-antarcticalight); 1129} 1130#active-artist-html .overlay-wrapper div.animation_color{ 1131display:none; 1132} 1133 @media (min-width: 640px) and (max-width: 1023px) { 1134 :root { 1135 --space-sectionPaddingBlock: 120px; 1136 --fontSize-bodySmall: 18px; 1137 --fontSize-bodyMedium: 18px; 1138 --fontSize-bodyLarge: 30px; 1139 --fontSize-headlineExpanded: 38px; 1140 --lineHeight-headlineExpanded: 45px; 1141 } 1142 1143 div#block-views-block-artist-section-block-4 .jimmie-allen-pic { 1144 max-width: 450px; 1145 } 1146 } 1147 1148 @media (max-width: 1023px) { 1149 .overlay-wrapper { 1150 display: none; 1151 } 1152 } 1153 1154 @media (max-width: 1023px) and (orientation:landscape) { 1155 .player .innerplayer { 1156 gap: 10px; 1157 } 1158 } 1159 1160 @media only screen and (max-width:639px) { 1161 1162 :root, 1163 html { 1164 1165 --space-sectionPaddingBlock: 120px; 1166 --fontSize-bodySmall: 16px; 1167 --fontSize-bodyMedium: 16px; 1168 --fontSize-bodyLarge: 24px; 1169 --fontSize-headlineExpanded: 24px; 1170 --lineHeight-headlineExpanded: 34px; 1171 1172 } 1173 1174 .picture-container { 1175 width: 100%; 1176 } 1177 1178 ul.artists-details li.slick-slide.slick-current.slick-active .bio { 1179 font-size: var(--fontSize-bodyLarge); 1180 line-height: 47px; 1181 max-width: 620px; 1182 } 1183 1184 ul.artists-details li.slick-slide.slick-current.slick-active .headline { 1185 animation: move-up-headline-mob 0.5s linear forwards; 1186 opacity: 1; 1187 } 1188 1189 ul.artists-details li.slick-slide.slick-current.slick-active .bio { 1190 animation: move-up-bio-mob 0.4s linear 0.2s forwards; 1191 opacity: 1; 1192 } 1193 1194 ul.artists-details li.slick-slide.slick-current.slick-active .song-snippet { 1195 animation: move-up-song-mob 0.3s linear 0.4s forwards; 1196 opacity: 1; 1197 } 1198 1199 @keyframes move-up-headline-mob { 1200 to { 1201 margin-top: 0%; 1202 } 1203 } 1204 1205 @keyframes move-up-bio-mob { 1206 to { 1207 margin-top: 0%; 1208 } 1209 } 1210 1211 @keyframes move-up-song-mob { 1212 to { 1213 margin-top: 0%; 1214 } 1215 } 1216 1217 .scroll-to-services { 1218 -webkit-box-pack: end;
1219 -webkit-justify-content: flex-end; 1220 -moz-box-pack: end; 1221 -ms-flex-pack: end; 1222 justify-content: flex-end; 1223 bottom: 10px; 1224 /* width: 93%; */ 1225 } 1226 1227 .overlay-wrapper { 1228 display: none; 1229 } 1230 1231 .player .innerplayer { 1232 grid-template-areas: 1233 "controls info close" 1234 "progress progress progress"; 1235 grid-template-columns: 2fr 2fr 1fr; 1236 grid-template-rows: 2fr; 1237 grid-row-gap: 8px; 1238 padding: 10px 26px; 1239 } 1240 1241 .player { 1242 height: 72px; 1243 } 1244 1245 .slider_container { 1246 grid-area: progress; 1247 max-width: 800px; 1248 } 1249 1250 div#block-views-block-artist-section-block-4 .artists-nav.after { 1251 top: 90vh !important; 1252 } 1253div#block-views-block-artist-section-block-4 .artists-nav.before { 1254 bottom: 80vh !important; 1255} 1256 } 1257 1258 @media (min-width: 640px) { 1259 #active-artist-html .overlay-wrapper div { 1260 top: -50px; 1261 right: 20px; 1262 width: 700px; 1263 height: 500px; 1264 position: absolute; 1265 display: flex; 1266 align-items: center; 1267 z-index: 2; 1268 } 1269 1270 #active-artist-html .jimmie-allen-pic span { 1271 box-sizing: border-box; 1272 display: inline-block; 1273 overflow: hidden; 1274 width: initial; 1275 height: initial; 1276 background: none; 1277 opacity: 1; 1278 border: 0px; 1279 margin: 0px; 1280 padding: 0px; 1281 position: relative; 1282 max-width: 100%; 1283 } 1284 1285 div#block-views-block-artist-section-block-4 .picture-container { 1286 position: absolute; 1287 right: 0; 1288 top: 0; 1289 height: 100vh; 1290 width: 100%; 1291 display: -webkit-box; 1292 display: -webkit-flex; 1293 display: -moz-box; 1294 display: -ms-flexbox; 1295 display: flex; 1296 -webkit-box-pack: end; 1297 -webkit-justify-content: flex-end; 1298 -moz-box-pack: end; 1299 -ms-flex-pack: end; 1300 justify-content: flex-end; 1301 -webkit-box-align: center; 1302 -webkit-align-items: center; 1303 -moz-box-align: center; 1304 -ms-flex-align: center; 1305 align-items: center; 1306 z-index: 1; 1307 } 1308 1309 .artist .bio { 1310 font-size: var(--fontSize-bodyLarge); 1311 line-height: 47px; 1312 max-width: 600px; 1313 } 1314 } 1315 1316 @media (min-width: 1024px) { 1317 div#block-views-block-artist-section-block-4 .jimmie-allen-pic { 1318 max-width: 650px; 1319 } 1320 } 1321@media only screen 1322 and (min-width: 1024px) 1323 and (max-height: 1366px) 1324 and (-webkit-min-device-pixel-ratio: 1.5), 1325only screen and (max-width:1023px) and (orientation:landscape), 1326only screen and (max-width:1023px) and (min-width:768px) { 1327 1328.artist .bio { 1329 font-size: 15px; 1330 font-size: 1.46484375VW; 1331font-size: 1.55vw; 1332 width: 32vw; 1333 line-height: 1.3; 1334} 1335} 1336 1337</style></div> 1338 1339 </div> 1340 </div> 1341<div id="block-navdom" class="block block-block-content block-block-contentb8bbf544-bf0a-4603-a8a9-a1d2255b08dc"> 1342 1343 1344 <div class="content"> 1345 1346 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><header id="header-wrapper"> 1347 <div class="header-container"> 1348 <nav class="navbar"> 1349 <div class="navbar-container container"> 1350 1351 <div class="nav_middle_wrapper"> 1352 <input type="checkbox" name="" id="" /> 1353 1354 <div class="hamburger-lines"> 1355 <span class="line line1"></span> 1356 <span class="line line2"></span> 1357 <span class="line line3"></span> 1358 </div> 1359 1360 <div class="menu-items"> 1361 <div class="menu-items-inner"> 1362 <ul class="menu-items-list"> 1363 <li><a href="#block-views-block-artist-section-block-4">Artists</a></li> 1364 <li><a href="#services">Services</a></li> 1365 <li><a href="#tools">Tools</a></li> 1366 <li><a class="client-login" href="https://partners.ada-music.com/">Client Login</a></li> 1367 <li class="language-selectorer"><a class="region-selector" href="javascript:void(0);">Choose Your Region</a></li> 1368 </ul> 1369 1370 1371 <div class="nav-bottom-section"> 1372 <h5 class="headline-h5">Let's Talk</h5> 1373 <a href="mailto:[email protected]" class="email">[email protected]</a> 1374 1375 <div class="links-widget"> 1376 <ul class="links"> 1377 <li class=""> 1378 <a href="https://www.instagram.com/ada_music/?hl=en" class="" 1379 target="_blank">Instagram</a> 1380 </li> 1381 <li class=""> 1382 <a href="https://www.linkedin.com/company/alternative-distribution-alliance" 1383 class="" target="_blank">Linkedin</a> 1384 </li> 1385 <li class=""> 1386 <a href="https://www.facebook.com/AlternativeDistributionAlliance/" class="" 1387 target="_blank">Facebook</a> 1388 </li> 1389 <li class=""> 1390 <a href="https://twitter.com/ada_music" class="" target="_blank">Twitter</a> 1391 </li> 1392 </ul> 1393 1394 <ul class="links pp-row"> 1395 <li class=""> 1396 <a href="https://www.linkedin.com/company/alternative-distribution-alliance/jobs/" 1397 class="">Careers</a> 1398 </li> 1399 <li class=""> 1400 <a href="https://privacy.wmg.com/ada/privacy-policy" class="">Privacy</a> 1401 </li> 1402 <li class=""> 1403 <a href="https://www.wmg.com/terms-of-use" class="">Terms of Use</a> 1404 </li> 1405 <li class=""> 1406 <a href="https://www.wminewmedia.com/cookies-policy/" class="" target="_blank">Cookie Policy</a> 1407 </li> 1408 </ul> 1409 </div> 1410 </div> 1411 </div> 1412 1413 1414 </div> 1415 1416 <a href="#top" class="logo icon">
1416<svg width="100%" height="100%" viewBox="0 0 200 86" 1417 xmlns="http://www.w3.org/2000/svg"> 1418 <g clip-path="url(#clip_logo)"> 1419 <path 1420 d="M200 48.7443C199.999 43.8705 199.077 39.1324 197.262 34.6622C195.511 30.3504 193.008 26.4814 189.823 23.1635C186.638 19.8456 182.923 17.2383 178.783 15.4145C174.487 13.5222 169.935 12.562 165.252 12.562C160.569 12.562 156.017 13.5211 151.721 15.4145C147.581 17.2383 143.867 19.8456 140.681 23.1635C138.319 25.6242 136.332 28.3888 134.749 31.4116V-0.0249634H130.503V48.7443C130.503 53.0268 129.695 57.1899 128.1 61.1154C126.564 64.8998 124.366 68.2969 121.569 71.2101C118.772 74.1233 115.511 76.4126 111.877 78.013C108.108 79.6741 104.111 80.5161 100 80.5161C95.8885 80.5161 91.8917 79.6741 88.1229 78.013C84.4896 76.4126 81.2281 74.1233 78.4312 71.2101C75.6344 68.2969 73.4365 64.9009 71.9 61.1154C70.3052 57.1888 69.4969 53.0268 69.4969 48.7443C69.4969 44.4618 70.3052 40.2987 71.9 36.3732C73.4375 32.5877 75.6344 29.1917 78.4312 26.2785C81.2281 23.3653 84.4885 21.0759 88.1229 19.4756C91.8927 17.8145 95.8885 16.9725 100 16.9725C104.111 16.9725 108.107 17.8145 111.877 19.4756C112.825 19.8933 113.753 20.362 114.654 20.8752V25.3389C113.324 24.4351 111.918 23.6528 110.444 23.004C107.13 21.5447 103.617 20.8047 100 20.8047C96.3833 20.8047 92.8698 21.5447 89.5552 23.0051C86.3594 24.4134 83.4917 26.426 81.0323 28.9888C78.5719 31.5515 76.6396 34.5385 75.2875 37.8662C73.8854 41.3175 73.175 44.9772 73.175 48.7454C73.175 52.5125 73.8854 56.1732 75.2875 59.6246C76.6396 62.9533 78.5719 65.9403 81.0323 68.502C83.4927 71.0647 86.3604 73.0774 89.5552 74.4857C92.8687 75.945 96.3823 76.6861 100 76.6861C103.617 76.6861 107.131 75.9461 110.444 74.4857C113.64 73.0785 116.506 71.0647 118.967 68.502C121.427 65.9392 123.359 62.9522 124.711 59.6246C126.114 56.1732 126.824 52.5136 126.824 48.7454V-0.0249634H122.578V48.7443C122.578 51.9168 121.98 54.9971 120.801 57.9005C119.664 60.702 118.036 63.2159 115.965 65.374C113.893 67.532 111.478 69.2268 108.79 70.4116C106.002 71.6398 103.045 72.2626 99.999 72.2626C96.9531 72.2626 93.9958 71.6398 91.2083 70.4116C88.5187 69.2268 86.1052 67.532 84.0333 65.374C81.9615 63.2159 80.3344 60.702 79.1969 57.9005C78.0177 54.9971 77.4198 51.9168 77.4198 48.7443C77.4198 45.5718 78.0177 42.4915 79.1969 39.5881C80.3344 36.7866 81.9615 34.2727 84.0333 32.1146C86.1052 29.9566 88.5187 28.2618 91.2083 27.077C93.9958 25.8488 96.9531 25.226 99.999 25.226C103.045 25.226 106.002 25.8488 108.79 27.077C110.927 28.0188 112.896 29.2872 114.653 30.8528V36.3277C111.184 31.8955 105.904 29.0593 99.999 29.0593C89.5771 29.0593 81.099 37.89 81.099 48.7454C81.099 59.6007 89.5771 68.4315 99.999 68.4315C110.42 68.4315 118.899 59.6007 118.899 48.7454V-0.0249634H114.653V15.9222C114.281 15.7421 113.907 15.5685 113.53 15.4025C109.234 13.5103 104.682 12.5512 99.999 12.5512C95.3156 12.5512 90.7635 13.5103 86.4677 15.4036C82.3281 17.2275 78.6135 19.8347 75.4281 23.1526C72.2427 26.4705 69.7396 30.3396 67.9885 34.6513C67.7708 35.1873 67.5667 35.7266 67.375 36.2702C67.1823 35.7233 66.9771 35.1797 66.7573 34.6394C65.0062 30.3277 62.5031 26.4586 59.3177 23.1407C56.1323 19.8228 52.4177 17.2155 48.2781 15.3917C43.9823 13.4994 39.4302 12.5392 34.7469 12.5392C30.0635 12.5392 25.5115 13.4984 21.2156 15.3917C17.076 17.2155 13.3615 19.8228 10.176 23.1407C6.99063 26.4586 4.4875 30.3277 2.73646 34.6394C0.920833 39.1128 0 43.8542 0 48.7324C0 53.6105 0.920833 58.3519 2.73854 62.8264C4.48958 67.1381 6.99271 71.0072 10.1781 74.3251C13.3635 77.643 17.0781 80.2503 21.2177 82.0741C25.5135 83.9664 30.0656 84.9255 34.749 84.9255C39.4323 84.9255 43.9844 83.9664 48.2802 82.073C48.6573 81.907 49.0312 81.7324 49.4031 81.5523V85.6492H53.649V48.7443C53.649 48.74 53.649 48.7367 53.649 48.7324C53.649 37.877 45.1708 29.0463 34.749 29.0463C24.3281 29.0463 15.849 37.877 15.849 48.7324C15.849 59.5866 24.3271 68.4184 34.749 68.4184C40.6542 68.4184 45.9344 65.5823 49.4031 61.1501V66.6239C47.6448 68.1895 45.6781 69.4579 43.5396 70.3996C40.7521 71.6278 37.7948 72.2506 34.749 72.2506C31.7031 72.2506 28.7458 71.6278 25.9583 70.3996C23.2687 69.2148 20.8552 67.5201 18.7833 65.362C16.7115 63.204 15.0844 60.69 13.9469 57.8886C12.7677 54.9852 12.1698 51.9049 12.1698 48.7324C12.1698 45.5598 12.7677 42.4796 13.9469 39.5761C15.0844 36.7747 16.7115 34.2608 18.7833 32.1027C20.8552 29.9447 23.2687 28.2499 25.9583 27.0651C28.7458 25.8369 31.7031 25.2141 34.749 25.2141C37.7948 25.2141 40.7521 25.8369 43.5396 27.0651C46.2292 28.2499 48.6427 29.9447 50.7146 32.1027C52.7865 34.2608 54.4135 36.7
1420747 55.551 39.5761C56.7302 42.4796 57.3281 45.5598 57.3281 48.7324V85.6513H61.574V48.7248C61.5729 44.9598 60.8625 41.3023 59.4615 37.8542C58.1094 34.5255 56.1771 31.5385 53.7167 28.9768C51.2562 26.4141 48.3885 24.4014 45.1937 22.9931C41.8802 21.5327 38.3667 20.7928 34.749 20.7928C31.1323 20.7928 27.6188 21.5327 24.3042 22.9931C21.1083 24.4014 18.2406 26.4141 15.7812 28.9768C13.3208 31.5396 11.3885 34.5266 10.0365 37.8542C8.63437 41.3056 7.92396 44.9653 7.92396 48.7334C7.92396 52.5005 8.63437 56.1602 10.0365 59.6116C11.3885 62.9403 13.3208 65.9273 15.7812 68.489C18.2417 71.0517 21.1094 73.0644 24.3042 74.4727C27.6177 75.9331 31.1312 76.673 34.749 76.673C38.3656 76.673 41.8802 75.9331 45.1927 74.4727C46.6677 73.8228 48.074 73.0427 49.4031 72.1389V76.6014C48.5021 77.1146 47.574 77.5833 46.626 78.0011C42.8562 79.6622 38.8604 80.5041 34.749 80.5041C30.6375 80.5041 26.6406 79.6622 22.8719 78.0011C19.2375 76.3996 15.9771 74.1114 13.1802 71.1982C10.3833 68.285 8.18542 64.889 6.64896 61.1034C5.05417 57.1768 4.24583 53.0148 4.24583 48.7324C4.24583 44.4499 5.05417 40.2868 6.64896 36.3613C8.18646 32.5758 10.3833 29.1797 13.1802 26.2665C15.9771 23.3533 19.2375 21.0651 22.8719 19.4636C26.6417 17.8025 30.6375 16.9606 34.749 16.9606C38.8604 16.9606 42.8573 17.8025 46.626 19.4636C50.2604 21.0651 53.5208 23.3533 56.3177 26.2665C59.1146 29.1797 61.3125 32.5768 62.849 36.3613C64.4437 40.2868 65.2521 44.4499 65.2521 48.7324C65.2521 48.7367 65.2521 48.74 65.2521 48.7443V85.6513H69.4979V66.089C71.0812 69.1117 73.0677 71.8763 75.4302 74.3371C78.6156 77.655 82.3302 80.2622 86.4698 82.0861C90.7656 83.9783 95.3177 84.9385 100.001 84.9385C104.684 84.9385 109.236 83.9794 113.532 82.0872C117.672 80.2633 121.386 77.656 124.572 74.3381C127.757 71.0202 130.26 67.1512 132.011 62.8394C132.229 62.3034 132.433 61.7642 132.625 61.2206C132.818 61.7674 133.023 62.311 133.243 62.8513C134.994 67.1631 137.497 71.0322 140.682 74.3501C143.868 77.668 147.582 80.2752 151.722 82.0991C156.018 83.9913 160.57 84.9504 165.253 84.9504C169.936 84.9504 174.489 83.9913 178.784 82.098C179.161 81.932 179.535 81.7573 179.907 81.5772V85.6513H184.153V48.7443C184.147 37.8944 175.671 29.0702 165.253 29.0702C154.832 29.0702 146.353 37.9009 146.353 48.7562C146.353 59.6105 154.831 68.4423 165.253 68.4423C171.158 68.4423 176.439 65.6061 179.907 61.1739V66.6477C178.149 68.2134 176.182 69.4817 174.044 70.4235C171.256 71.6517 168.299 72.2745 165.253 72.2745C162.207 72.2745 159.25 71.6517 156.463 70.4235C153.773 69.2387 151.359 67.5439 149.288 65.3859C147.216 63.2278 145.589 60.7139 144.451 57.9125C143.272 55.009 142.674 51.9287 142.674 48.7562C142.674 45.5837 143.272 42.5034 144.451 39.6C145.589 36.7985 147.216 34.2846 149.288 32.1266C151.359 29.9685 153.773 28.2738 156.463 27.089C159.25 25.8608 162.207 25.238 165.253 25.238C168.299 25.238 171.256 25.8608 174.044 27.089C176.733 28.2738 179.147 29.9685 181.219 32.1266C183.291 34.2846 184.918 36.7985 186.055 39.6C187.234 42.5034 187.832 45.5837 187.832 48.7562V85.6513H192.078V48.7443C192.077 44.9805 191.367 41.3251 189.967 37.877C188.616 34.5494 186.682 31.5624 184.222 28.9996C181.761 26.4369 178.894 24.4242 175.699 23.0159C172.385 21.5555 168.872 20.8155 165.254 20.8155C161.637 20.8155 158.124 21.5555 154.809 23.0159C151.614 24.4242 148.746 26.4369 146.286 28.9996C143.826 31.5624 141.894 34.5494 140.542 37.877C139.141 41.3284 138.429 44.9881 138.429 48.7562C138.429 52.5233 139.14 56.1841 140.542 59.6354C141.893 62.9631 143.826 65.9501 146.286 68.5128C148.747 71.0756 151.615 73.0882 154.809 74.4966C158.123 75.9569 161.636 76.6969 165.254 76.6969C168.871 76.6969 172.384 75.9569 175.699 74.4966C177.174 73.8466 178.58 73.0665 179.909 72.1627V76.6264C179.008 77.1396 178.08 77.6083 177.132 78.0249C173.362 79.6861 169.367 80.528 165.255 80.528C161.144 80.528 157.147 79.6861 153.378 78.0249C149.744 76.4235 146.483 74.1353 143.686 71.222C140.89 68.3088 138.692 64.9128 137.155 61.1273C135.56 57.2018 134.752 53.0387 134.752 48.7562C134.752 44.4738 135.56 40.3107 137.155 36.3852C138.692 32.6007 140.89 29.2036 143.686 26.2904C146.483 23.3772 149.744 21.089 153.378 19.4875C157.148 17.8264 161.144 16.9844 165.255 16.9844C169.367 16.9844 173.364 17.8264 177.132 19.4875C180.767 21.089 184.027 23.3772 186.824 26.2904C189.621 29.2036 191.819 32.5996 193.355 36.3852C194.95 40.3117 195.758 44.4738 195.758 48.7562V85.6513H200V48.7443ZM100 64.0079C91.9198 64.0079 85.3458 57.1606 85.3458 48.7443C85.3458 40.328 91.9198 33.4806 100 33.4806C108.08 33.4806 114.654 40.328 114.654 48.7443C114.654 57.1606 108.08 64.0079 100 64.0079ZM34.749 63.996C26.6687 63.996 20.0948 57.1486 20.0948 48.7324C20.0948 40.3161 26.6687 33.4687 34.749 33.4687C42.8292 33.4687 49.4031 40.3161 49.4031 48.7324C49.4031 57.1486 42.8292 63.996 34.749 63.996ZM16
14205.251 64.0199C157.171 64.0199 150.597 57.1725 150.597 48.7562C150.597 40.34 157.171 33.4926 165.251 33.4926C173.331 33.4926 179.905 40.34 179.905 48.7562C179.905 57.1725 173.332 64.0199 165.251 64.0199Z" 1421 fill="currentColor"></path> 1422 </g> 1423 <defs> 1424 <clipPath id="clip_logo"> 1425 <rect width="100%" height="100%"></rect> 1426 </clipPath> 1427 </defs> 1428 </svg></a> 1429 </div> 1430 1431 <div class="menu-wrap"> 1432 <ul class="menu"> 1433 <li class="menu-item"> 1434 <a href="#" class="arrow"><svg width="24" height="24" viewBox="0 0 24 24" 1435 xmlns="http://www.w3.org/2000/svg"> 1436 <path fill-rule="evenodd" clip-rule="evenodd" 1437 d="M20.6453 4.04931L20.6682 3L19.6013 3.03747L3.48624 3.60352L3.55776 5.58521L17.187 5.10648L3 19.7014L4.45754 21.0709L18.5735 6.54906L18.2836 19.8577L20.3 19.8997L20.6453 4.04931Z" 1438 fill="currentColor"></path> 1439 </svg></a> 1440 <ul class="drop-menu"> 1441 <li class="drop-menu-item"> 1442 <a href="https://www.instagram.com/ada_music/?hl=en" target="_blank">Instagram</a> 1443 </li> 1444 <li class="drop-menu-item"> 1445 <a href="https://www.linkedin.com/company/alternative-distribution-alliance" 1446 target="_blank">Linkedin</a> 1447 </li> 1448 <li class="drop-menu-item"> 1449 <a href="https://www.facebook.com/AlternativeDistributionAlliance/" 1450 target="_blank">Facebook</a> 1451 </li> 1452 <li class="drop-menu-item"> 1453 <a href="https://twitter.com/ada_music" target="_blank">twitter</a> 1454 </li> 1455 <li class="drop-menu-item"> 1456 <a href="mailto:[email protected]" class="">Let's Talk</a> 1457 </li> 1458 </ul> 1459 </li> 1460 </ul> 1461 </div> 1462 </div> 1463 </nav> 1464 </div> 1465 1466 <section class="header-text-content"> 1467 <div class="text-container"> 1468 <div class="text-content"> 1469 <h1 class="text-headline"> 1470 ADA is the independent distribution and 1471 label services arm of Warner Music Group, 1472 breaking brand new artists and supporting 1473 industry legends.<br /> 1474 </h1> 1475 </div> 1476 </div> 1477 <div class="firstlottie-header"> 1478 <lottie-player class="firstLottie" id="firstLottie" style="width: 100%"> 1479 </lottie-player> 1480 </div> 1481 </section> 1482</header></div> 1483 1484 </div> 1485 </div> 1486<div id="block-bartik-navdomjsandcss" class="block block-block-content block-block-content88c1a9e0-f19b-4d6a-8149-234bd64ce1ee"> 1487 1488 1489 <div class="content"> 1490 1491 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
1491<script> 1492 // To reduce the height of the header 1493 1494 $(window).scroll(function() { 1495 if ($(document).scrollTop() >= 600) { 1496 $('.navbar').addClass('small'); 1497 } else { 1498 $('.navbar').removeClass('small'); 1499 } 1500 }); 1501 1502 // disable scrolling when menu opens in mobile 1503 1504 $(document).ready(function() { 1505 $('.navbar-container input:checkbox').click(function() { 1506 e.preventDefault(); 1507 $('body.page-node-71').toggleClass("menuitemshow"); 1508 }); 1509 //menu nav scroll to section 1510 1511 jQuery("ul.menu-items-list li a").click(function(e) { 1512 if (jQuery(this).attr("href").indexOf("#") > -1) { 1513 e.preventDefault(); 1514 // console.log(jQuery(this).text()); 1515 jQuery("body, html").animate({ 1516 scrollTop: jQuery(jQuery(this).attr("href")).offset().top, 1517 }); 1518 if (jQuery(this).text() == "Artists") { 1519 setTimeout(function() { 1520 // controller.scroll(controller.start + 0.01 * (controller.end - controller.start) - 40); 1521 // nav_list(0, 9); 1522 jQuery(".artists-nav.before li:first-child span").click(); 1523 }, 500); 1524 } 1525 1526 //ScrollTrigger.refresh(); 1527 1528 jQuery('.navbar-container input[type="checkbox"]').click(); 1529 } 1530 }); 1531 1532 }) 1533</script>
1533 1534 1535<style> 1536 *, 1537 *::after, 1538 *::before { 1539 box-sizing: border-box; 1540 padding: 0; 1541 margin: 0; 1542 } 1543 1544 .navbar input[type="checkbox"], 1545 .navbar .hamburger-lines { 1546 display: none; 1547 } 1548 1549 .container { 1550 /* max-width: var(--size-pageWidth); 1551 width: 95%; 1552 margin: auto; */ 1553 max-width: var(--size-pageWidth); 1554 margin-left: auto; 1555 margin-right: auto; 1556 padding: 0 16px 1557 } 1558 1559 .icon { 1560 cursor: pointer; 1561 color: var(--color-ghostWhite); 1562 width: 200px; 1563 -webkit-transition: width 300ms ease-in-out, color 300ms ease-in-out; 1564 transition: width 300ms ease-in-out, color 300ms ease-in-out; 1565 } 1566 1567 .navbar { 1568 position: fixed; 1569 width: 100%; 1570 background: var(--color-razzberryJam); 1571 color: var(--color-midnightBlue); 1572 z-index: 999; 1573 } 1574 1575 .navbar-container { 1576 display: flex; 1577 justify-content: space-between; 1578 align-items: center; 1579 height: 200px; 1580 padding: 50px 0; 1581 position: relative; 1582 } 1583 1584 .menu-items { 1585 order: 2; 1586 display: flex; 1587 } 1588 1589 .logo { 1590 order: 1; 1591 font-size: 1.8rem; 1592 } 1593 1594 .menu-items li, 1595 button { 1596 list-style: none; 1597 margin-left: 45px; 1598 display: flex; 1599 align-items: center; 1600 } 1601 1602 .navbar a { 1603 color: var(--color-midnightBlue); 1604 text-decoration: none; 1605 font-weight: 400; 1606 transition: color 0.3s ease-in-out; 1607 font-size: var(--fontSize-bodySmall); 1608 font-family: var(--fontfamily-antarcticalight); 1609 1610 } 1611 1612 .navbar a.client-login, 1613 .navbar a.client-login:hover { 1614 color: var(--color-ghostWhite); 1615 } 1616 1617 .navbar a:hover { 1618 color: var(--color-ghostWhite); 1619 } 1620 1621 section.header-text-content { 1622 background: var(--color-razzberryJam); 1623 min-height: 100vh; 1624 position: relative; 1625 } 1626 1627 .text-container { 1628 max-width: var(--size-pageWidth); 1629 margin-left: auto; 1630 margin-right: auto; 1631 padding: 0 16px; 1632 } 1633 1634 .text-content { 1635 padding-top: calc(var(--space-sectionPaddingBlock)*2); 1636 padding-bottom: calc(var(--space-sectionPaddingBlock)*2); 1637 display: flex; 1638 -webkit-box-orient: vertical; 1639 -webkit-box-direction: normal; 1640 flex-direction: column; 1641 -webkit-box-pack: center; 1642 justify-content: center; 1643 min-height: 100vh; 1644 gap: 100px; 1645 } 1646 1647 .firstlottie-header { 1648 position: absolute; 1649 width: 100%; 1650 bottom: -8px; 1651 } 1652 1653 div#block-lottieheroanim { 1654 display: none; 1655 } 1656 1657 h1.text-headline { 1658 font-size: 48px; 1659 font-weight: 400; 1660 line-height: 54px; 1661 max-width: 975px; 1662 font-family: var(--fontfamily-antarcticalight); 1663 } 1664 1665 a.logo.icon { 1666 fill: var(--color-ghostWhite); 1667 color: var(--color-ghostWhite); 1668 margin-left: 10px; 1669 margin-right: 0; 1670 } 1671 1672 .menu-items { 1673 /* margin-left: 4% !important; */ 1674 } 1675 1676 .nav-bottom-section { 1677 display: none; 1678 } 1679 1680 /*--------------after scroll styling--------------- */
1681 .navbar.small { 1682 background: var(--color-ghostWhite); 1683 } 1684 1685 .navbar.small .navbar-container.container { 1686 height: 97px; 1687 width: 100%; 1688 transition: all 300ms ease-in-out; 1689 } 1690 1691 .navbar.small .navbar .navbar-container.container { 1692 background: var(--color-ghostWhite); 1693 } 1694 1695 .navbar.small .navbar-container.container a.logo.icon { 1696 color: var(--color-razzberryJam); 1697 fill: var(--color-razzberryJam); 1698 } 1699 1700 .navbar.small .navbar-container.container a.client-login { 1701 color: var(--color-razzberryJam); 1702 } 1703 1704 .navbar.small .navbar-container.container a.logo.icon { 1705 width: 100px; 1706 margin-left: 10px; 1707 } 1708 1709 .navbar.small .navbar-container.container .menu-items { 1710 margin-left: 3%; 1711 } 1712 1713 .navbar.small .navbar-container.container .drop-menu { 1714 background: var(--color-ghostWhite); 1715 } 1716 1717 .navbar.small .navbar-container.container .menu-item a { 1718 padding: 0px 10px 15px 50px; 1719 } 1720 1721 .navbar.small .navbar-container.container .menu-item a:hover,
1722 .navbar.small .navbar-container.container .menu-items li a:hover { 1723 color: var(--color-razzberryJam); 1724 } 1725 1726 .nav_middle_wrapper { 1727 display: -webkit-box; 1728 display: -webkit-flex; 1729 display: -moz-box; 1730 display: -ms-flexbox; 1731 display: flex; 1732 -webkit-box-align: center; 1733 -webkit-align-items: center; 1734 -moz-box-align: center; 1735 -ms-flex-align: center; 1736 align-items: center; 1737 width: 100%; 1738 } 1739 1740 /*--------------after scroll styling ends--------------- */ 1741 @media (max-width: 639px) { 1742 1743 .navbar-container input[type="checkbox"], 1744 .navbar-container .hamburger-lines { 1745 display: block; 1746 } 1747 1748 .navbar { 1749 /* background: transparent;*/ 1750 } 1751 1752 .navbar-container { 1753 display: block; 1754 position: relative; 1755 height: 64px; 1756 } 1757 1758 .navbar-container input[type="checkbox"] { 1759 position: absolute; 1760 display: block; 1761 height: 32px; 1762 width: 30px; 1763 top: 20px; 1764 right: 20px; 1765 z-index: 5; 1766 opacity: 0; 1767 cursor: pointer; 1768 z-index: 99999; 1769 } 1770 1771 .navbar-container .hamburger-lines { 1772 display: block; 1773 height: 20px; 1774 width: 26px; 1775 position: absolute; 1776 top: 30px; 1777 right: 20px; 1778 z-index: 2; 1779 display: flex; 1780 flex-direction: column; 1781 justify-content: space-between; 1782 align-items: center; 1783 z-index: 9999; 1784 } 1785 1786 .navbar-container .hamburger-lines .line { 1787 display: block; 1788 height: 2px; 1789 width: 100%; 1790 border-radius: 10px; 1791 background: var(--color-midnightBlue); 1792 } 1793 1794 .navbar-container .hamburger-lines .line1 { 1795 transform-origin: 0% 0%; 1796 transition: transform 0.3s ease-in-out; 1797 } 1798 1799 .navbar-container .hamburger-lines .line2 { 1800 transition: transform 0.1s ease-in-out; 1801 } 1802 1803 .navbar-container .hamburger-lines .line3 { 1804 transform-origin: 0% 100%; 1805 transition: transform 0.3s ease-in-out; 1806 } 1807 1808 .navbar .menu-items { 1809 /* padding-top: 80px !important; */ 1810 background: var(--color-ghostWhite); 1811 height: 100vh; 1812 max-width: 100%; 1813 transform: translate(145%); 1814 display: flex; 1815 flex-direction: column; 1816 /* margin-left: -20px; */ 1817 /* padding-left: 10px; */ 1818 transition: transform 0.5s ease-in-out; 1819 overflow: scroll; 1820 position: fixed; 1821 width: 100%; 1822 z-index: 999; 1823 top: 0; 1824 } 1825 1826 .navbar .menu-items li { 1827 margin-bottom: 10px; 1828 font-size: var(--fontSize-bodyLarge); 1829 font-weight: 400; 1830 margin-left: 20px; 1831 width: 100%; 1832 } 1833 1834 button { 1835 width: fit-content; 1836 margin-left: 1rem; 1837 } 1838 1839 .logo { 1840 position: absolute; 1841 top: 0; 1842 left: 15px; 1843 font-size: 1.7rem; 1844 } 1845 1846 .navbar-container input[type="checkbox"]:checked~.menu-items { 1847 transform: translateX(8%); 1848 margin: 0; 1849 } 1850 1851 .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line1 { 1852 transform: rotate(45deg); 1853 } 1854 1855 .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line2 { 1856 transform: scaleY(0); 1857 } 1858 1859 .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line3 { 1860 transform: rotate(-45deg); 1861 } 1862 1863 .navbar-container input[type="checkbox"]:checked~.logo { 1864 /* display: none; */ 1865 } 1866 1867 .container { 1868 max-width: 100%; 1869 width: 100%; 1870 margin-left: auto; 1871 margin-right: 0; 1872 } 1873 1874 h1.text-headline { 1875 font-size: var(--fontSize-bodyLarge); 1876 line-height: 32px; 1877 max-width: 975px; 1878 font-weight: 400; 1879 } 1880 1881 .icon { 1882 width: 100px; 1883 } 1884 1885 .navbar a { 1886 font-size: var(--fontSize-bodyLarge); 1887 } 1888 1889 .navbar a.client-login { 1890 color: var(--color-midnightBlue); 1891 } 1892 1893 .nav-bottom-section { 1894 display: flex; 1895 flex-direction: column; 1896 row-gap: 0; 1897 -webkit-box-orient: vertical; 1898 /* padding-top: 30vh; */ 1899 } 1900 1901 h5.headline-h5 { 1902 margin-left: 20px; 1903 font-size: var(--fontSize-headlineExpanded); 1904 line-height: var(--lineHeight-headlineExpanded); 1905 color: var(--color-midnightBlue); 1906 text-transform: uppercase; 1907 margin-bottom: 5px; 1908 font-weight: 800; 1909 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 1910 letter-spacing: 0; 1911 } 1912 1913 a.email { 1914 margin-left: 20px; 1915 color: var(--color-razzberryJam); 1916 } 1917 1918 .menu-wrap { 1919 display: none; 1920 } 1921 1922 ul.links { 1923 margin-right: 30px; 1924 } 1925 1926 .menuitemshow { 1927 position: fixed; 1928 width: 100%; 1929 } 1930 1931 ul.links.pp-row {} 1932 } 1933 1934 @media (min-width: 1025px) { 1935 .nav-bottom-section { 1936 display: none; 1937 } 1938 1939 .navbar .navbar-container.container.small { 1940 background: var(--color-ghostWhite); 1941 width: 100%; 1942 } 1943 1944 } 1945</style> 1946 1947<style> 1948 .menu, 1949 .drop-menu { 1950 list-style-type: none; 1951 padding: 0; 1952 margin: 0; 1953 } 1954 1955 .menu-wrap { 1956 /* position: absolute; 1957 right: 0; */ 1958 order: 2; 1959 } 1960 1961 .menu-item { 1962 display: inline-block; 1963 position: relative; 1964 } 1965 1966 .menu-item a { 1967 text-decoration: none; 1968 padding: 6px 10px; 1969 color: var(--color-midnightBlue); 1970 display: block; 1971 text-align: right; 1972 font-weight: 400; 1973 text-transform: capitalize; 1974 } 1975 1976 .drop-menu { 1977 display: none; 1978 position: absolute; 1979 min-width: 100px; 1980 } 1981 1982 .drop-menu-item { 1983 width: 100%; 1984 } 1985 1986 ul.drop-menu { 1987 position: absolute; 1988 right: 0; 1989 } 1990 1991 a.arrow:hover { 1992 color: var(--color-midnightBlue); 1993 } 1994 1995 .menu-item:hover .drop-menu { 1996 display: block; 1997 } 1998 1999 .links-widget { 2000 display: flex; 2001 margin-top: 45px; 2002 justify-content: flex-start; 2003 width: 95%; 2004 } 2005 2006 .links-widget a { 2007 font-size: 16px; 2008 line-height: 1.2; 2009 } 2010
2011 .region-header .block { 2012 float: unset; 2013 } 2014 2015 div#block-navdom { 2016 min-height: 100vh; 2017 background: var(--color-razzberryJam); 2018 } 2019 2020 .mob-landscape { 2021 display: none; 2022 } 2023 2024 .menu-items { 2025 /* margin-right: 80px !important; */ 2026 margin-left: 100px; 2027 } 2028</style> 2029 2030<style> 2031 @media (max-width: 639px) { 2032 div#block-navdom { 2033 min-height: 92vh; 2034 } 2035 2036 .menu-items-inner { 2037 padding: 20px; 2038 padding-top: 60px; 2039 display: -webkit-box; 2040 display: -webkit-flex; 2041 display: -moz-box; 2042 display: -ms-flexbox; 2043 display: flex; 2044 -webkit-box-orient: vertical; 2045 -webkit-box-direction: normal; 2046 -webkit-flex-direction: column; 2047 -moz-box-orient: vertical; 2048 -moz-box-direction: normal; 2049 -ms-flex-direction: column; 2050 flex-direction: column; 2051 gap: 40px; 2052 height: 100%; 2053 -webkit-box-pack: justify; 2054 -webkit-justify-content: space-between; 2055 -moz-box-pack: justify; 2056 -ms-flex-pack: justify; 2057 justify-content: space-between; 2058 height: 90vh; 2059 /* background: var(--color-ghostWhite); 2060 width: 90%; 2061 position: relative; 2062 transform: translateX(12%); */ 2063 } 2064 } 2065 2066 @media (max-width: 639px) and (orientation:landscape) { 2067 a.arrow { 2068 right: -50px; 2069 } 2070 } 2071 2072 @media (min-width:640px) { 2073 ul.menu-items-list { 2074 margin-left: 100px; 2075 display: -webkit-box; 2076 display: -webkit-flex; 2077 display: -moz-box; 2078 display: -ms-flexbox; 2079 display: flex; 2080 gap: 10px; 2081 list-style: none; 2082 } 2083 2084 ul.menu-items-list li { 2085 margin-left: 15px; 2086 } 2087 } 2088</style></div> 2089 2090 </div> 2091 </div> 2092<div id="block-lottieheroanim" class="block block-block-content block-block-content37229eaa-1710-43be-864a-c8ba960f64da"> 2093 2094 2095 <div class="content"> 2096 2097 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2098div#block-lottieheroanim { 2099 background: var(--color-razzberryJam); 2100} 2101.firstLottie { 2102 position: relative; 2103 opacity: 0; 2104 transition: 1s all ease; 2105 display: block; 2106 transform: translateX(1150px) !important; 2107} 2108 2109.firstLottie.active{ 2110 opacity: 1; 2111 transform: translateX(0) !important; 2112} 2113</style>
2114<script> 2115jQuery(document).ready(function() { 2116const player = document.getElementById("firstLottie"); 2117 player.addEventListener("ready", () => { 2118 LottieInteractivity.create({ 2119 mode:"scroll", 2120 player: "#firstLottie", 2121 actions: [ 2122 { 2123 visibility:[0.15, 1.0], 2124 type: "seek", 2125 frames: [30, 300], 2126 }, 2127 ] 2128 }); 2129 }); 2130 2131 2132 2133player.load('{"v":"5.10.2","fr":60,"ip":0,"op":99,"w":1440,"h":209,"nm":"ADA_Hero_Animation_02_v11_Lottie-Resize","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"NULL Block_12","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.21],"y":[0]},"t":2,"s":[1886.5]},{"t":44,"s":[-0.5]}],"ix":3},"y":{"a":0,"k":26,"ix":4}},"a":{"a":0,"k":[50,50,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ip":0,"op":680,"st":3,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Block_20","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":-326.599,"ix":3},"y":{"a":0,"k":50,"ix":4}},"a":{"a":0,"k":[-188.549,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[188.549,-26.5],[-188.549,-26.5],[-188.549,26.5],[188.549,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Block_19","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":50,"ix":3},"y":{"a":0,"k":50,"ix":4}},"a":{"a":0,"k":[-188.549,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":0,"s":[59,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":44,"s":[100,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":54,"s":[100,100,100]},{"t":98,"s":[35,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[188.549,-26.5],[-188.549,-26.5],[-188.549,26.5],[188.549,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Block_18","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":0,"s":[272.488]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":44,"s":[427.099]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":54,"s":[427.099]},{"t":98,"s":[181.599]}],"ix":3},"y":{"a":0,"k":103,"ix":4}},"a":{"a":0,"k":[-79.024,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":0,"s":[27,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":44,"s":[100,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]}
vendor: 4,728 bytes, line 2133
2133,"t":54,"s":[100,100,100]},{"t":98,"s":[195,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[79.024,-26.5],[-79.024,-26.5],[-79.024,26.5],[79.024,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Block_17","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":0,"s":[315.161]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":44,"s":[584.148]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":54,"s":[584.148]},{"t":98,"s":[489.148]}],"ix":3},"y":{"a":0,"k":156,"ix":4}},"a":{"a":0,"k":[-210.27,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":0,"s":[297,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":44,"s":[100,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":54,"s":[100,100,100]},{"t":98,"s":[23,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[210.27,-26.5],[-210.27,-26.5],[-210.27,26.5],[210.27,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Block_16","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":0,"s":[1564.163]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":44,"s":[1005.611]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":54,"s":[1005.611]},{"t":98,"s":[586.611]}],"ix":3},"y":{"a":0,"k":103,"ix":4}},"a":{"a":0,"k":[-107.677,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":0,"s":[48,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":44,"s":[100,100,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":54,"s":[100,100,100]},{"t":98,"s":[223,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[107.677,-26.5],[-107.677,-26.5],[-107.677,26.5],[107.677,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647058824,0.074509803922,0.164705882353,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Block_15","parent":6,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":-107.677,"ix":3},"y":{"a":0,"k":104.997,"ix":4}},"a":{"a":0,"k":[-107.677,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,99.997,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[107.677,-26.5],[-107.677,-26.5],[-107.677,26.5],[107.677,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false}
2133,{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Block_21","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":0,"s":[2113.646]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":44,"s":[1751.31]},{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":54,"s":[1751.31]},{"t":98,"s":[1311.31]}],"ix":3},"y":{"a":1,"k":[{"i":{"x":[0.2],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":0,"s":[155.999]},{"t":44,"s":[155.999]}],"ix":4}},"a":{"a":0,"k":[79.949,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":0,"s":[279,99.997,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":44,"s":[332,99.997,100]},{"i":{"x":[0.2,0.2,0.2],"y":[1,1,1]},"o":{"x":[0.6,0.6,0.6],"y":[0,0,0]},"t":54,"s":[332,99.997,100]},{"t":98,"s":[153,99.997,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[79.949,-26.5],[-79.949,-26.5],[-79.949,26.5],[79.949,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Block_14","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":239.846,"ix":3},"y":{"a":0,"k":-53,"ix":4}},"a":{"a":0,"k":[79.949,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[79.949,-26.5],[-79.949,-26.5],[-79.949,26.5],[79.949,26.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.117647059262,0.074509806931,0.164705887437,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Vector","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":541,"st":-136,"ct":1,"bm":0}],"markers":[]}'); 2134 2135 jQuery(window).on("scroll", function() { 2136 // console.log($(this).scrollTop()) 2137 if($(this).scrollTop() > 100 && $(this).scrollTop() <= 200){ 2138 jQuery("#firstLottie").addClass("active"); 2139 } 2140 2141 }); 2142}); 2143 2144 2145</script>
2145</div> 2146 2147 </div> 2148 </div> 2149<div id="block-contentviewpageremovaloftranslation" class="block block-block-content block-block-content708ac013-7cd7-4e08-b368-5c12782e1b3e"> 2150 2151 2152 <div class="content"> 2153 2154 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
2154<script> 2155 if ((window.location.pathname == "/fr/admin/content") || (window.location.pathname == "/br/admin/content") || (window.location.pathname == "/latam/admin/content")) { 2156 window.location.href = window.location.href.replace('/'+ window.location.href.split("/")[3], '') 2157 } 2158</script>
2158 2159<style> 2160div#block-contentviewpageremovaloftranslation { 2161 display: none; 2162} 2163</style></div> 2164 2165 </div> 2166 </div> 2167<div id="block-languageselectorcssandjs" class="block block-block-content block-block-content2e85e94b-42fd-4686-847a-9a493f175992"> 2168 2169 2170 <div class="content"> 2171 2172 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2173 div#block-languageswitcher h2 { 2174 display: block; 2175 height: auto; 2176 font-size: 23px; 2177 position: static !important; 2178 line-height: initial; 2179 } 2180 2181 ul.links { 2182 margin: 0; 2183 padding: 0; 2184 background-color: transparent; 2185 border: 1px solid #000; 2186 top: 45px; 2187 right: 0px; 2188 width: 125px; 2189 border-radius: 5px; 2190 } 2191 2192 div#block-languageswitcher ul.links li.is-active { 2193 display: block; 2194 } 2195 2196 div#block-languageswitcher ul.links li { 2197 list-style: none; 2198 text-align: left; 2199 display: none; 2200 justify-content: space-between; 2201 line-height: 40px; 2202 cursor: pointer; 2203 line-height: 20px; 2204 box-sizing: border-box; 2205 } 2206 2207 div#block-languageswitcher .content { 2208 display: block; 2209 position: absolute; 2210 z-index: 10000; 2211 } 2212 2213 div#block-languageswitcher ul.links li { 2214 display: none; 2215 line-height: 40px; 2216 height: 40px; 2217 text-align: center; 2218 } 2219 2220 div#block-languageswitcher ul.links li.visibler { 2221 display: block; 2222 } 2223 2224 div#block-languageswitcher { 2225 position: absolute; 2226 top: 0; 2227 z-index: 10000; 2228 right: 2%; 2229 } 2230 2231 div#block-languageswitcher ul.links a.is-active { 2232 color: #000; 2233 width: 100%; 2234 display: inline-block; 2235 height: 40px; 2236 line-height: 40px; 2237 pointer-events: none; 2238 } 2239 2240 div#block-languageswitcher ul.links li.visibler a:hover { 2241 color: #000; 2242 opacity: 0.5; 2243 } 2244 2245 .linkfyre-link a { 2246 display: inline-block; 2247 width: 100%; 2248 height: 40px; 2249 line-height: 40px; 2250 background: var(--color-link); 2251 color: #fff; 2252 } 2253 2254 .linkfyre-link a[href]:empty { 2255 display: none; 2256 } 2257 2258 div#block-languageswitcher { 2259 display: none; 2260 } 2261 2262 @media only screen and (max-width: 1023px) { 2263 div#block-languageswitcher { 2264 left: 2%; 2265 top: 10%; 2266 } 2267 2268 .scroll-to-services { 2269 display: block; 2270 } 2271 2272 div#block-views-block-artist-section-block-4 .scroll-to-services a.translated svg { 2273 vertical-align: bottom; 2274 text-align: center; 2275 padding-right: 10px; 2276 box-sizing: content-box 2277 } 2278 2279 div#block-views-block-artist-section-block-4 .scroll-to-services a.translated { 2280 text-align: right; 2281 } 2282 2283 body.translated h2.footerrightheadline.headline.h2 { 2284 display: table-caption; 2285 text-decoration: none; 2286 } 2287:lang(ko) body.translated h2.footerrightheadline.headline.h2,:lang(ja) body.translated h2.footerrightheadline.headline.h2, :lang(en-GB) body.translated h2.footerrightheadline.headline.h2 { 2288 display: block; 2289} 2290 2291 .translated .links-widget.footerlinkswidget { 2292 grid-template-columns: 1fr 1.5fr; 2293 } 2294 2295 li.language-selectorer:hover ul.links li a { 2296 font-size: 16px; 2297 } 2298 2299 div#block-navdom .navbar li.language-selectorer ul.links { 2300 background: transparent; 2301 padding: 10px 0; 2302 } 2303 2304 .navbar a:hover { 2305 color: var(--color-midnightBlue); 2306 } 2307 2308 .translated div#block-aristsectiontitle p.summary { 2309 width: 100%; 2310 } 2311 2312 .nav-bottom-section ul.links { 2313 border: none; 2314 } 2315 2316 div#block-navdom .navbar li.language-selectorer ul.links { 2317 background: var(--color-ghostWhite); 2318 top: 8vw; 2319 padding-top: 1vw; 2320 } 2321 } 2322</style> 2323
2324<script> 2325 jQuery(window).on("load", function () { 2326 jQuery("li.fr a.language-link").text("France"); 2327 jQuery("li.bnl a.language-link").text("Benelux"); 2328 jQuery("li.en a.language-link").text("United States"); 2329 jQuery("li.es-419 a.language-link").text("Latinoamerica"); 2330 jQuery("li.pt-br a.language-link").text("Brasil"); 2331 jQuery("li.ca a.language-link").text("Canada"); 2332 2333 jQuery("#block-languageswitcher ul.links li.is-active").click(function () { 2334 jQuery("#block-languageswitcher ul.links li").toggleClass("visibler"); 2335 }); 2336 2337 /* Removing German from language switcher*/ 2338 2339 // var classesToRemove = [ 'de','en-id']; 2340 // classesToRemove.forEach(function (className) { 2341 // jQuery('div#block-languageswitcher ul.links .' + className).remove(); 2342 // }); 2343 2344 jQuery('div#block-languageswitcher ul.links').appendTo('li.language-selectorer'); 2345 }); 2346</script>
2346</div> 2347 2348 </div> 2349 </div> 2350<div id="block-languageselectorstylingnew" class="block block-block-content block-block-content53564cfe-bbd6-4989-8e79-70e4b2af343a"> 2351 2352 <h2>language selector styling- new</h2> 2353 2354 <div class="content"> 2355 2356 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2357li.language-selectorer {} 2358 2359li.language-selectorer ul.links { 2360 position: absolute; 2361 left: 50%; 2362 top: 21px; 2363 transform: translateX(-50%); 2364 display: none; 2365} 2366 2367li.language-selectorer { 2368 position: relative; 2369min-width:200px; 2370} 2371 2372li.language-selectorer:hover ul.links { 2373 display: block; 2374 width: 100%; 2375 border: none; 2376padding:0; 2377} 2378 2379li.language-selectorer:hover ul.links li a { 2380 line-height: 1.9; 2381width:100%; 2382} 2383.navbar li.language-selectorer ul.links { 2384 background: var(--color-razzberryJam); 2385} 2386 2387.navbar.small li.language-selectorer ul.links { 2388 background: var(--color-ghostWhite); 2389} 2390</style></div> 2391 2392 </div> 2393 </div> 2394<div id="block-bartik-languageselectorscriptforanonymoususer" class="block block-block-content block-block-contentc4f3104e-7f1b-40b0-8e1a-a21ddc7cccab"> 2395 2396 2397 <div class="content"> 2398 2399 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
2399<script> 2400 2401 jQuery(window).on("load", function () { 2402 2403 /* Removing German from language switcher 2404 var classesToRemove = [ 'de','en-id']; 2405 classesToRemove.forEach(function (className) { 2406 jQuery('div#block-languageswitcher ul.links .' + className).remove(); 2407 }); 2408*/ 2409 jQuery('div#block-languageswitcher ul.links').appendTo('li.language-selectorer'); 2410 2411const classesToRemove = ['de']; 2412const parentElement = document.querySelector('li.language-selectorer ul.links'); 2413if (parentElement) { 2414 classesToRemove.forEach(className => { 2415 const listItems = parentElement.querySelectorAll(`li.${className}`); 2416 listItems.forEach(item => { 2417 item.remove(); 2418 }); 2419 }); 2420} 2421 }); 2422 2423</script>
2423</div> 2424 2425 </div> 2426 </div> 2427<div id="block-bartik-japanesefont" class="block block-block-content block-block-contenta7f9e794-d4a7-4022-8242-4511341fb930"> 2428 2429 2430 <div class="content"> 2431 2432 <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"> 2433<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 2434<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap" rel="stylesheet"> 2435 2436<style> 2437.japanese{ 2438 font-family: "Noto Sans JP", sans-serif; 2439 font-optical-sizing: auto; 2440 font-style: normal; 2441} 2442</style></div> 2443 2444 </div> 2445 </div> 2446 2447 </div> 2448 2449 2450 </div> 2451 </header> 2452 <div class="highlighted"> 2453 <aside class="layout-container section clearfix" role="complementary"> 2454 <div class="region region-highlighted"> 2455 <div data-drupal-messages-fallback class="hidden"></div> 2456 2457 </div> 2458 2459 </aside> 2460 </div> 2461 <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix"> 2462 <div id="main" class="layout-main clearfix"> 2463 2464 <main id="content" class="column main-content" role="main"> 2465 <section class="section"> 2466 <a id="main-content" tabindex="-1"></a> 2467 <div class="region region-content"> 2468 <div id="block-bartik-content" class="block block-system block-system-main-block"> 2469 2470 2471 <div class="content"> 2472 2473<article data-history-node-id="71" about="/home" typeof="schema:WebPage" class="node node--type-page node--view-mode-full clearfix"> 2474 <header> 2475 2476 <span property="schema:name" content="Home" class="rdf-meta hidden"></span> 2477 2478 </header> 2479 <div class="node__content clearfix"> 2480 <div class="layout layout--onecol"> 2481 <div > 2482 2483 </div> 2484 </div> 2485 <div class="layout layout--onecol"> 2486 <div > 2487 2488 </div> 2489 </div> 2490 2491 </div> 2492</article> 2493 2494 </div> 2495 </div> 2496<div id="block-aristsectiontitle" class="block block-block-content block-block-content073eaa3d-8771-401e-ae5d-19133fac74b8"> 2497 2498 2499 <div class="content"> 2500 2501 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="heading"> 2502 <h2 class="headline h2">Listen Up</h2> 2503 <p class="summary">Select cuts from our global catalog</p> 2504</div> 2505 2506<style> 2507:lang(ko) div#block-views-block-artist-section-block-4 .headline { 2508 font-size: 50px; 2509} 2510@media only screen and (max-width: 639px){ 2511:lang(ko) div#block-views-block-artist-section-block-4 .headline { 2512 font-size: 23px; 2513 width: 57%; 2514} 2515} 2516</style> 2517</div> 2518 2519 </div> 2520 </div> 2521<div id="block-bartik-artisttitleblockcss" class="block block-block-content block-block-content39574442-e838-4984-bd1e-b5f9e7fa6e2c"> 2522 2523 2524 <div class="content"> 2525 2526 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 2527 div#block-aristsectiontitle h2.headline.h2 { 2528 font-family: var(--fontFamily-headlineExpanded); 2529 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 2530 color: var(--color-theBlues); 2531 text-transform: uppercase; 2532 font-size: var(--fontSize-headlineExpanded); 2533 line-height: var(--lineHeight-headlineExpanded); 2534 text-align: left; 2535 margin: 0; 2536 padding: 0; 2537 position: unset; 2538 } 2539 2540 div#block-aristsectiontitle p.summary { 2541 font-family: var(--fontFamily-main); 2542 font-family: var(--fontfamily-antarcticalight); 2543 font-size: var(--fontSize-bodyLarge); 2544 color: var(--color-ghostWhite); 2545 margin-top: 10px; 2546 margin-bottom: 0; 2547 width: 75%; 2548 max-width: 100%; 2549 line-height: 30px; 2550 } 2551 2552 div#block-aristsectiontitle { 2553 background: var(--color-midnightBlue); 2554 padding: var(--space-sectionPaddingBlock)0; 2555 position: relative; 2556 } 2557 2558 .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {} 2559 2560 div#block-aristsectiontitle .heading { 2561 max-width: var(--size-pageWidth); 2562 margin-left: auto; 2563 margin-right: auto; 2564 padding: 0 16px; 2565 position: unset; 2566 } 2567 2568 div#block-views-block-artist-section-block-4 .heading { 2569 display: none; 2570 } 2571 2572 div#block-views-block-artist-section-block-4 { 2573 padding-top: 0; 2574 } 2575 2576 div#block-aristsectiontitle { 2577 padding-bottom: 0; 2578 } 2579</style> 2580</div> 2581 2582 </div> 2583 </div> 2584<div class="views-element-container block block-views block-views-blockartist-section-block-4" id="block-views-block-artist-section-block-4"> 2585 2586 2587 <div class="content"> 2588 <div><div class="view view-artist-section view-id-artist_section view-display-id-block_4 js-view-dom-id-1ef6d4a93798424c0d510b1c27d05b54eb3f68e6ceaf3416be3b8695c0880807"> 2589 2590 2591 <div class="view-header"> 2592 <div class="heading"> 2593 <h2 class="headline h2">Listen Up</h2> 2594 <p class="summary">Select cuts from our global catalog</p> 2595</div><div class="view view-artist-section view-id-artist_section view-display-id-block_2 js-view-dom-id-1d71b0dd62ee1301a4a96698e7291f481ef28df12f983adaf5c3844718e8185c"> 2596 2597 2598 2599 <div class="view-content"> 2600 <div class="item-list"> 2601 2602 <ul class="artists-nav top"> 2603 2604 <li><div class="views-field views-field-title"><span class="field-content">Kesha</span></div></li> 2605 <li><div class="views-field views-field-title"><span class="field-content">YVES</span></div></li> 2606 <li><div class="views-field views-field-title"><span class="field-content">Ciara</span></div></li> 2607 <li><div class="views-field views-field-title"><span class="field-content">Daft Punk</span></div></li> 2608 <li><div class="views-field views-field-title"><span class="field-content">Flume</span></div></li> 2609 <li><div class="views-field views-field-title"><span class="field-content">Big Freedia</span></div></li> 2610 <li><div class="views-field views-field-title"><span class="field-content">Lil Tjay</span></div></li> 2611 <li><div class="views-field views-field-title"><span class="field-content">Macklemore</span></div></li> 2612 <li><div class="views-field views-field-title"><span class="field-content">Dogstar</span></div></li> 2613 <li><div class="views-field views-field-title"><span class="field-content">BANKS</span></div></li> 2614 <li><div class="views-field views-field-title"><span class="field-content">Katy Nichole </span></div></li> 2615 <li><div class="views-field views-field-title"><span class="field-content">Papa Roach</span></div></li> 2616 <li><div class="views-field views-field-title"><span class="field-content">Peter Gabriel</span></div></li> 2617 2618 </ul> 2619 2620</div> 2621 2622 </div> 2623 2624 </div> 2625<div id="active-artist-container"> 2626 <div id="active-artist-wrapper"> 2627 <div id="active-artist"> 2628 <div class="artists-nav before"> 2629 2630 </div> 2631 2632 <div id="active-artist-html"> 2633 2634 </div> 2635 2636 <div class="artists-nav after"> 2637 2638 </div> 2639 <div class="scroll-to-services"><a href="#services"> 2640 <!-- <span class="icon-chevron-thin-down"></span> --> 2641 <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 2642 <path fill-rule="evenodd" clip-rule="evenodd" 2643 d="M11.9348 15.3854L19.886 5.21684L21.4615 6.4488L11.9741 18.5821L2.22754 6.72956L3.77232 5.45927L11.9348 15.3854Z" 2644 fill="currentColor"></path> 2645 </svg> 2646 Services 2647 </a></div> 2648 </div> 2649 </div> 2650</div> 2651 </div> 2652 2653 <div class="view-content"> 2654 <div class="item-list"> 2655 2656 <ul class="artists-details"> 2657 2658 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2659 <div class="details"> 2660 <div class="picture-container"> 2661 <div class="jimmie-allen-pic">
2662 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2025-07/2.png" width="1300" height="782" alt="Artist Image for Kesha" typeof="Image" /> 2663 2664</span> 2665 <div class="overlay-wrapper"> 2666 <div class="animation_color">blue</div> 2667 <div class="animation_lotti"> 2668 2669 </div> 2670 </div> 2671 </div> 2672 </div> 2673 <div class="leftWrapper"> 2674 <h3 class="headline h3 headline css-rqgsqp" data-style="#ff007c">Kesha</h3> 2675 <p class="bio">Grammy-nominated chart-topper asserts her independence 2676 </p> 2677 <div class="song-snippet none"> 2678 2679 </div> 2680 <div class="linkfyre-link Kesha"> 2681 <a href="https://kesha.lnk.to/period" target="_blank">LISTEN NOW </a> 2682 </div> 2683 </div> 2684 </div> 2685</div></span></div></li> 2686 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2687 <div class="details"> 2688 <div class="picture-container"> 2689 <div class="jimmie-allen-pic"> 2690 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2025-07/Website%20Thumbnail%20Size%20Template-2.png" width="1300" height="782" alt="Artist Image for YVES" typeof="Image" /> 2691 2692</span> 2693 <div class="overlay-wrapper"> 2694 <div class="animation_color">yellow</div> 2695 <div class="animation_lotti"> 2696 2697 </div> 2698 </div> 2699 </div> 2700 </div> 2701 <div class="leftWrapper"> 2702 <h3 class="headline h3 headline css-rqgsqp" data-style="#db00ff">YVES</h3> 2703 <p class="bio">YVES innovates the Global K-Pop landscape with a captivating alternative pop sound and edgy aesthetic. 2704 </p> 2705 <div class="song-snippet none"> 2706 2707 </div> 2708 <div class="linkfyre-link YVES"> 2709 <a href="https://ada.lnk.to/ididbloomdlx" target="_blank">LISTEN NOW</a> 2710 </div> 2711 </div> 2712 </div> 2713</div></span></div></li> 2714 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2715 <div class="details"> 2716 <div class="picture-container"> 2717 <div class="jimmie-allen-pic"> 2718 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2025-07/5_0.png" width="1300" height="782" alt="Ciara Press Photo" typeof="Image" /> 2719 2720</span> 2721 <div class="overlay-wrapper"> 2722 <div class="animation_color">yellow</div> 2723 <div class="animation_lotti"> 2724 2725 </div> 2726 </div> 2727 </div> 2728 </div> 2729 <div class="leftWrapper"> 2730 <h3 class="headline h3 headline css-rqgsqp" data-style="#db00ff">Ciara</h3> 2731 <p class="bio">Pop-R&B icon and Beauty Marks Ent. CEO serves empowering hits and style with moves to match 2732 2733 </p> 2734 <div class="song-snippet none"> 2735 2736 </div> 2737 <div class="linkfyre-link Ciara"> 2738 <a href="https://ciara.lnk.to/EcstasyRemix?" target="_blank">LISTEN NOW </a> 2739 </div> 2740 </div> 2741 </div> 2742</div></span></div></li> 2743 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2744 <div class="details"> 2745 <div class="picture-container"> 2746 <div class="jimmie-allen-pic"> 2747 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2024-12/daft-punk_0_0.jpg" width="1300" height="782" alt="Artist Image for Daft Punk" typeof="Image" /> 2748 2749</span> 2750 <div class="overlay-wrapper"> 2751 <div class="animation_color">purple</div> 2752 <div class="animation_lotti"> 2753 2754 </div> 2755 </div> 2756 </div> 2757 </div> 2758 <div class="leftWrapper"> 2759 <h3 class="headline h3 headline css-rqgsqp" data-style="#ffc800">Daft Punk</h3> 2760 <p class="bio">Masked electronic legends maintain their legacy with global catalog marketing. 2761 </p> 2762 <div class="song-snippet none"> 2763 2764 </div> 2765 <div class="linkfyre-link Daft Punk"> 2766 <a href="https://daftpunk.lnk.to/homework25" target="_blank">Listen Now</a> 2767 </div> 2768 </div> 2769 </div> 2770</div></span></div></li> 2771 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2772 <div class="details"> 2773 <div class="picture-container"> 2774 <div class="jimmie-allen-pic">
2775 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2025-07/3.png" width="1300" height="782" alt="Flume Press Photo" typeof="Image" /> 2776 2777</span> 2778 <div class="overlay-wrapper"> 2779 <div class="animation_color">yellow</div> 2780 <div class="animation_lotti"> 2781 2782 </div> 2783 </div> 2784 </div> 2785 </div> 2786 <div class="leftWrapper"> 2787 <h3 class="headline h3 headline css-rqgsqp" data-style="#5bc5f8">Flume</h3> 2788 <p class="bio">Electronic innovator pushes further into the future with boundary-breaking experimentation and collaborations 2789 2790 </p> 2791 <div class="song-snippet none"> 2792 2793 </div> 2794 <div class="linkfyre-link Flume"> 2795 <a href="https://ffm.to/easygoodbye" target="_blank">LISTEN NOW </a> 2796 </div> 2797 </div> 2798 </div> 2799</div></span></div></li> 2800 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2801 <div class="details"> 2802 <div class="picture-container"> 2803 <div class="jimmie-allen-pic"> 2804 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2024-12/big-freedia_0.jpg" width="1300" height="782" alt="Artist Image for Big Freedia" typeof="Image" /> 2805 2806</span> 2807 <div class="overlay-wrapper"> 2808 <div class="animation_color">yellow</div> 2809 <div class="animation_lotti"> 2810 2811 </div> 2812 </div> 2813 </div> 2814 </div> 2815 <div class="leftWrapper"> 2816 <h3 class="headline h3 headline css-rqgsqp" data-style="#5bc5f8">Big Freedia</h3> 2817 <p class="bio">The Queen of New Orleans brings bounce to the mainstream 2818 </p> 2819 <div class="song-snippet none"> 2820 2821 </div> 2822 <div class="linkfyre-link Big Freedia"> 2823 <a href="https://bigfreedia.lnk.to/centralcity" target="_blank">Listen Now</a> 2824 </div> 2825 </div> 2826 </div> 2827</div></span></div></li> 2828 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2829 <div class="details"> 2830 <div class="picture-container"> 2831 <div class="jimmie-allen-pic"> 2832 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2026-06/Tjay%20Photo_ldikoqes.png" width="1300" height="782" alt="Artist Image for Lil Tjay" typeof="Image" /> 2833 2834</span> 2835 <div class="overlay-wrapper"> 2836 <div class="animation_color">blue</div> 2837 <div class="animation_lotti"> 2838 2839 </div> 2840 </div> 2841 </div> 2842 </div> 2843 <div class="leftWrapper"> 2844 <h3 class="headline h3 headline css-rqgsqp" data-style="#ff007c">Lil Tjay</h3> 2845 <p class="bio">Bronx breakout blends melodic rap and raw storytelling to shape the next generation of hip-hop 2846 </p> 2847 <div class="song-snippet none"> 2848 2849 </div> 2850 <div class="linkfyre-link Lil Tjay"> 2851 <a href="https://link.me/liltjay" target="_blank">LISTEN NOW</a> 2852 </div> 2853 </div> 2854 </div> 2855</div></span></div></li> 2856 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2857 <div class="details"> 2858 <div class="picture-container"> 2859 <div class="jimmie-allen-pic"> 2860 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2024-09/macklemore_0_1.jpg" width="1300" height="782" alt="Artist Image for Macklemore" typeof="Image" /> 2861 2862</span> 2863 <div class="overlay-wrapper"> 2864 <div class="animation_color">purple</div> 2865 <div class="animation_lotti"> 2866 2867 </div> 2868 </div> 2869 </div> 2870 </div> 2871 <div class="leftWrapper"> 2872 <h3 class="headline h3 headline css-rqgsqp" data-style="#ffc800">Macklemore</h3> 2873 <p class="bio">Diamond-certified rapper maintains his independence over 2 decades in the game 2874 </p> 2875 <div class="song-snippet none"> 2876 2877 </div> 2878 <div class="linkfyre-link Macklemore"> 2879 <a href="https://macklemore.co/ben" target="_blank">Listen Now</a> 2880 </div> 2881 </div> 2882 </div> 2883</div></span></div></li> 2884 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2885 <div class="details"> 2886 <div class="picture-container"> 2887 <div class="jimmie-allen-pic">
2888 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2026-06/Website%20Thumbnail%20Size%20Template-9_y4m2vplh.png" width="1300" height="782" alt="Artist Image for Swedish House Mafia" typeof="Image" /> 2889 2890</span> 2891 <div class="overlay-wrapper"> 2892 <div class="animation_color">blue</div> 2893 <div class="animation_lotti"> 2894 2895 </div> 2896 </div> 2897 </div> 2898 </div> 2899 <div class="leftWrapper"> 2900 <h3 class="headline h3 headline css-rqgsqp" data-style="#ff007c">Dogstar</h3> 2901 <p class="bio">Cult-favorite rock trio crafts thoughtful, guitar-driven songs that bridge alternative rock's past and present 2902 </p> 2903 <div class="song-snippet none"> 2904 2905 </div> 2906 <div class="linkfyre-link Dogstar"> 2907 <a href="https://dogstar.lnk.to/allinnow" target="_blank">LISTEN NOW </a> 2908 </div> 2909 </div> 2910 </div> 2911</div></span></div></li> 2912 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2913 <div class="details"> 2914 <div class="picture-container"> 2915 <div class="jimmie-allen-pic"> 2916 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2024-12/BANKS%20Artist%20Photo_0.jpg" width="1300" height="782" alt="Artist Image for BANKS" typeof="Image" /> 2917 2918</span> 2919 <div class="overlay-wrapper"> 2920 <div class="animation_color">yellow</div> 2921 <div class="animation_lotti"> 2922 2923 </div> 2924 </div> 2925 </div> 2926 </div> 2927 <div class="leftWrapper"> 2928 <h3 class="headline h3 headline css-rqgsqp" data-style="#db00ff">BANKS</h3> 2929 <p class="bio">Pop goddess enters a new era with a vengeance 2930 </p> 2931 <div class="song-snippet none"> 2932 2933 </div> 2934 <div class="linkfyre-link BANKS"> 2935 <a href="https://ffm.bio/hernameisbanks?fbclid=PAZXh0bgNhZW0CMTEAAaYCU5UCcn8F0ORgAWY-ypn_xbwLO6Dqqlr-ZUAdIZ2r3WJN4p_HgGLx4-g_aem_DwauvLm4HouX2LrmZL6oOA" target="_blank">LISTEN NOW </a> 2936 </div> 2937 </div> 2938 </div> 2939</div></span></div></li> 2940 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2941 <div class="details"> 2942 <div class="picture-container"> 2943 <div class="jimmie-allen-pic"> 2944 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2025-07/4.png" width="1300" height="782" alt="Katy Nichole Press Photo" typeof="Image" /> 2945 2946</span> 2947 <div class="overlay-wrapper"> 2948 <div class="animation_color">pink</div> 2949 <div class="animation_lotti"> 2950 2951 </div> 2952 </div> 2953 </div> 2954 </div> 2955 <div class="leftWrapper"> 2956 <h3 class="headline h3 headline css-rqgsqp" data-style="#5bc5f8">Katy Nichole </h3> 2957 <p class="bio">Chart-topping, breakout Christian singer-songwriter evokes heartfelt and vulnerble lyricism 2958 2959 </p> 2960 <div class="song-snippet none"> 2961 2962 </div> 2963 <div class="linkfyre-link Katy Nichole "> 2964 <a href="https://katynichole.lnk.to/HonestConversations" target="_blank">LISTEN NOW</a> 2965 </div> 2966 </div> 2967 </div> 2968</div></span></div></li> 2969 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2970 <div class="details"> 2971 <div class="picture-container"> 2972 <div class="jimmie-allen-pic"> 2973 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2026-06/Website%20Thumbnail%20Size%20Template-8_hn0lj751.png" width="1300" height="782" alt="Artist Image for Papa Roach" typeof="Image" /> 2974 2975</span> 2976 <div class="overlay-wrapper"> 2977 <div class="animation_color">yellow</div> 2978 <div class="animation_lotti"> 2979 2980 </div> 2981 </div> 2982 </div> 2983 </div> 2984 <div class="leftWrapper"> 2985 <h3 class="headline h3 headline css-rqgsqp" data-style="#db00ff">Papa Roach</h3> 2986 <p class="bio">Nu-metal pioneers channel raw emotion and relentless energy into anthems that continue to resonate across generations of rock fans 2987 </p> 2988 <div class="song-snippet none"> 2989 2990 </div>
2991 <div class="linkfyre-link Papa Roach"> 2992 <a href="https://paparoach.lnk.to/WakeUpCalling" target="_blank">Listen Now</a> 2993 </div> 2994 </div> 2995 </div> 2996</div></span></div></li> 2997 <li><div class="views-field views-field-nothing"><span class="field-content"><div class="artist"> 2998 <div class="details"> 2999 <div class="picture-container"> 3000 <div class="jimmie-allen-pic"> 3001 <span> <img loading="eager" src="/sites/g/files/g2000017381/files/2026-06/Peter%20Artist%20Photo_rxxnv869.png" width="1300" height="782" alt="Artist Image for Peter Gabriel" typeof="Image" /> 3002 3003</span> 3004 <div class="overlay-wrapper"> 3005 <div class="animation_color">yellow</div> 3006 <div class="animation_lotti"> 3007 3008 </div> 3009 </div> 3010 </div> 3011 </div> 3012 <div class="leftWrapper"> 3013 <h3 class="headline h3 headline css-rqgsqp" data-style="#db00ff">Peter Gabriel</h3> 3014 <p class="bio">Progressive rock pioneer commands a global legacy spanning decades of chart-topping music, acclaimed live performances, and cultural impact 3015 </p> 3016 <div class="song-snippet none"> 3017 3018 </div> 3019 <div class="linkfyre-link Peter Gabriel"> 3020 <a href="https://lnk.to/PGS38" target="_blank">LISTEN NOW</a> 3021 </div> 3022 </div> 3023 </div> 3024</div></span></div></li> 3025 3026 </ul> 3027 3028</div> 3029 3030 </div> 3031 3032 <div class="view-footer"> 3033 <div class="view view-artist-section view-id-artist_section view-display-id-block_3 js-view-dom-id-259bafabcab497a6e9a4809ca0479a36811ce391302cf0414e75816bf5f6f06e"> 3034 3035 3036 3037 <div class="view-content"> 3038 <div class="item-list"> 3039 3040 <ul class="artists-nav bottom"> 3041 3042 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Kesha</span></div></li> 3043 <li class="visible"><div class="views-field views-field-title"><span class="field-content">YVES</span></div></li> 3044 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Ciara</span></div></li> 3045 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Daft Punk</span></div></li> 3046 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Flume</span></div></li> 3047 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Big Freedia</span></div></li> 3048 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Lil Tjay</span></div></li> 3049 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Macklemore</span></div></li> 3050 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Dogstar</span></div></li> 3051 <li class="visible"><div class="views-field views-field-title"><span class="field-content">BANKS</span></div></li> 3052 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Katy Nichole </span></div></li> 3053 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Papa Roach</span></div></li> 3054 <li class="visible"><div class="views-field views-field-title"><span class="field-content">Peter Gabriel</span></div></li> 3055 3056 </ul> 3057 3058</div> 3059 3060 </div> 3061 3062 </div> 3063<div class="player"> 3064 <div class="innerplayer"> 3065 <div class="buttons"> 3066 <div class="prev-track"><i class="icon-previous2"></i></div> 3067 <div class="playpause_track"><i class="icon-play3"></i></div> 3068 <div class="next-track"><i class="icon-next2"></i></div> 3069 </div> 3070 <div class="details"> 3071 <!-- <div class="now-playing">PLAYING x OF y</div> --> 3072 <!-- <div class="track-art"></div> --> 3073 <div class="audio_title"><span class="track-name">Track Name</span> - <span class="track-artist">Track Artist</span></div> 3074 </div> 3075 <div class="slider_container"> 3076 <div class="current-time">00:00</div> 3077 <div class="rangewrapper">
3078 <input type="range" min="1" max="100" value="0" class="seek_slider"></input> 3079 <span></span> 3080 </div> 3081 <div class="total-duration">00:00</div> 3082 </div> 3083 <div class="close_wrapper"> 3084 <!-- <a class="icon-close"></a> --> 3085 <a class="icon-close"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 3086 <path 3087 d="M5.97189 17.5742L5.92085 17.5258C5.41228 17.0441 5.35428 16.318 5.79131 15.904L16.5115 5.74963C16.9485 5.33567 17.7151 5.3906 18.2236 5.87233L18.2747 5.92068C18.7833 6.40241 18.8413 7.12851 18.4042 7.54248L7.68405 17.6969C7.24702 18.1108 6.48046 18.0559 5.97189 17.5742Z" 3088 fill="currentColor"></path> 3089 <path 3090 d="M18.2746 17.5257L18.2236 17.574C17.715 18.0558 16.9485 18.1107 16.5114 17.6967L5.79125 7.54236C5.35422 7.12839 5.41222 6.40229 5.92079 5.92056L5.97183 5.87222C6.4804 5.39049 7.24696 5.33555 7.68399 5.74951L18.4042 15.9039C18.8412 16.3179 18.7832 17.044 18.2746 17.5257Z" 3091 fill="currentColor"></path> 3092 </svg></a> 3093 </div> 3094 <!-- <div class="slider_container"> 3095 <i class="fa fa-volume-down"></i> 3096 <input type="range" min="1" max="100" value="99" class="volume_slider" onchange="setVolume()"> 3097 <i class="fa fa-volume-up"></i> 3098 </div> --> 3099 </div> 3100</div> 3101<style> 3102.linkfyre-link { 3103 position: relative; 3104 z-index: 2; 3105 overflow: hidden; 3106max-width:150px; 3107margin:20px 0; 3108} 3109.linkfyre-link a{ 3110text-align:center; 3111display: inline-block; 3112 width: 100%; 3113 height: 40px; 3114 line-height: 40px; 3115 background: var(--color-link); 3116 color: #fff; 3117 font-size:14px; 3118 text-transform: uppercase; 3119} 3120.linkfyre-link a:hover{ 3121color:#fff; 3122opacity:0.5; 3123} 3124.song-snippet.none { 3125 display: none; 3126} 3127.linkfyre-link{ 3128 max-width: 220px; 3129} 3130</style> 3131 </div> 3132 </div> 3133</div> 3134 3135 </div> 3136 </div> 3137<div id="block-scrolltoservice" class="block block-block-content block-block-content41a42fc3-8dac-4bf1-ba74-7ac228d8db7e"> 3138 3139 3140 <div class="content"> 3141 3142 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="scroll-to-services"> 3143 <a class="translated" href="#services"> 3144 <!-- <span class="icon-chevron-thin-down"></span> --> 3145 <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 3146 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.9348 15.3854L19.886 5.21684L21.4615 6.4488L11.9741 18.5821L2.22754 6.72956L3.77232 5.45927L11.9348 15.3854Z" fill="currentColor"></path> 3147 </svg>Services</a> 3148</div> 3149</div> 3150 3151 </div> 3152 </div> 3153<div id="block-bartik-scrolltoservicesblockcssandjs" class="block block-block-content block-block-contentd0c80e32-b0a5-4809-bea4-42bdbad18695"> 3154 3155 3156 <div class="content"> 3157 3158 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 3159 div#block-scrolltoservice { 3160 top: -20vh; 3161 } 3162 3163 div#block-views-block-artist-section-block-4 .scroll-to-services a { 3164 display: none; 3165 } 3166 3167 div#block-views-block-artist-section-block-4 .scroll-to-services a.translated { 3168 display: inherit; 3169 } 3170 3171 htm[lang="en"] .linkfyre-link, 3172 htm[lang="es"] .linkfyre-link { 3173 max-width: 220px; 3174 } 3175</style>
3176<script> 3177 jQuery(window).on('load', function() { 3178 jQuery('div#block-scrolltoservice .scroll-to-services a').appendTo('div#block-views-block-artist-section-block-4 .scroll-to-services'); 3179 }) 3180</script>
3180</div> 3181 3182 </div> 3183 </div> 3184<div id="block-servicessvg" class="block block-block-content block-block-content99b84cef-d159-4052-a7c9-180f01bc182f"> 3185 3186 3187 <div class="content"> 3188 3189 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- <style> 3190 div#block-servicessvg { 3191 display: none; 3192 } 3193 .wavy { 3194 position: relative; 3195 } 3196 3197 .wavy span { 3198 position: relative; 3199 display: inline-block; 3200 color: #fff; 3201 font-size: 2em; 3202 text-transform: uppercase; 3203 animation: animate-line 2s ease-in-out infinite; 3204 animation-delay: calc(0.08s * var(--i)); 3205 } 3206 .wavy span { 3207 width: 5px; 3208 width: 0.37vw; 3209 height: 3.45vw; 3210 background-color: rgb(30, 19, 42); 3211 margin: 0 0.98vw; 3212 vertical-align: top; 3213 } 3214 .wavy span.g-small { 3215 margin: 0 0.56vw; 3216 } 3217 .static-right { 3218 display: inline-block; 3219 height: 3.5vw; 3220 background-color: rgb(30, 19, 42); 3221 width: 20%; 3222 position: absolute; 3223 right: 0; 3224 } 3225 .wave-left { 3226 /*width: 81.2%;*/ 3227 width: auto; 3228 display: inline-block; 3229 margin-left: 1.5vw; 3230 margin-left: 4.5vw; 3231 } 3232 .wavy span:first-child { 3233 margin-left: 0; 3234 } 3235 .wavy span:last-child { 3236 margin-right: 0; 3237 } 3238 @keyframes animate-line { 3239 0% { 3240 transform: translateX(0px); 3241 } 3242 3243 20% { 3244 transform: translateX(-30px); 3245 } 3246 3247 40%, 3248 100% { 3249 transform: translateX(0px); 3250 } 3251 } 3252 3253 /*passion anim*/ 3254 .linear-anim .center { 3255 transform: scaleX(60); 3256 transform-origin: left; 3257 animation: center-animate 0.6s ease infinite alternate; 3258 } 3259 3260 @keyframes left-animate { 3261 0% { 3262 transform: translateX(140px); 3263 } 3264 100% { 3265 transform: translateX(20px); 3266 } 3267 } 3268 3269 @keyframes right-animate { 3270 0% { 3271 transform: translateX(140px); 3272 } 3273 100% { 3274 transform: translateX(20px); 3275 } 3276 } 3277 3278 @keyframes center-animate { 3279 0% { 3280 transform: scaleX(1.5); 3281 } 3282 50% { 3283 transform: scaleX(1.25); 3284 } 3285 100% { 3286 transform: scaleX(1); 3287 } 3288 3289 } 3290 @media screen and (max-width: 767px) { 3291 .wavy span { 3292 margin: 0 0.6vw; 3293 width: 2px; 3294 height: 4vw; 3295 } 3296 .wavy span.g-small {
3297 margin: 0 0.2vw; 3298 } 3299 .static-right { 3300 height: 4.1vw; 3301 } 3302 @keyframes animate { 3303 0% { 3304 transform: translateX(0px); 3305 } 3306 3307 20% { 3308 transform: translateX(-4px); 3309 } 3310 3311 40%, 3312 100% { 3313 transform: translateX(0px); 3314 } 3315 } 3316 } 3317</style> --></div> 3318 3319 </div> 3320 </div> 3321<div id="block-services" class="block block-block-content block-block-contentd69151cc-b793-4014-89f4-5a6f6bbecda6"> 3322 3323 3324 <div class="content"> 3325 3326 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div id="services"> 3327 <section class="music-move"> 3328 <div class="music-move animation"> 3329 <div class="wavy"> 3330 <lottie-player id="musicMove" autoplay loop mode="normal" style="width: 100%"> 3331 </lottie-player> 3332
3332<script> 3333 const musicMove = document.getElementById("musicMove");; 3334 musicMove.load("/sites/g/files/g2000017381/files/2023-04/weMakeMusicMoveAnimation_0.json"); 3335 </script>
3335 3336 </div> 3337 </div> 3338 <div class="mainWrap container"> 3339 <div class="music-move content"> 3340 <h2 class="bigtext headline h2">We Make <br class="music-move"> Music Move</h2> 3341 <div class="music-move details"> 3342 <div class="music-move summary"> 3343 <p class="music-move">Breakout artists come to us to solidify their success and plan their 3344 next moves. Industry heavyweights trust us to manage their career-spanning catalogs. Weâre 3345 shape-shifters, molding to the gaps that you have on your team, to ensure you get what you 3346 want and what you deserve.</p><a class="cta-link" target="_blank" rel="noreferrer" href="https://www.instagram.com/ada_music/?hl=en">See what weâve done</a> 3347 </div> 3348 <ul class="music-move services"> 3349 <li class="music-move">Commercial Services</li> 3350 <li class="music-move">Digital Marketing Services</li> 3351 <li class="music-move">Catalog Strategy</li> 3352 <li class="music-move">Press + Publicity</li> 3353 <li class="music-move">Sync Licensing</li> 3354 <li class="music-move">Merch + D2C Integration</li> 3355 <li class="music-move">Audience Development</li> 3356 <li class="music-move">Physical Products & Services</li> 3357 </ul> 3358 </div> 3359 </div> 3360 </div> 3361 </section> 3362 <section class="passion"> 3363 <svg width="100%" height="100%" viewBox="0 0 1440 158" xmlns="http://www.w3.org/2000/svg" class="jsx-989efc121a8b81d0 css-4526gi"> 3364 <path d="M1171.96 53H956.611V106H1171.96V53Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3365 <path d="M1331.86 105H1171.96V158H1331.86V105Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3366 <path d="M377.099 0H0V53H377.099V0Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3367 <path d="M535.146 53H377.098V106H535.146V53Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3368 </svg> 3369 <div class="mainWrap container"> 3370 <div class="passion content-wrapper"> 3371 <div class="passion animation"> 3372 <div class="linear-anim"> 3373 <div class="center"> 3374 <lottie-player id="passionLottie" autoplay loop mode="normal" style="width: 100%"> 3375 </lottie-player> 3376
3376<script> 3377 const passionLottie = document.getElementById("passionLottie");; 3378 passionLottie.load("/sites/g/files/g2000017381/files/2023-04/passionAnimation_0.json"); 3379 </script>
3379 3380 <!--<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 50" width="500" height="50" preserveAspectRatio="xMidYMid meet"><defs><clipPath id="__lottie_element_162"><rect width="500" height="55" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_162)"><g transform="matrix(-1.2492187023162842,0,0,-1,29.6264705657959,27.5)" opacity="1" style="display: block;transform: matrix(0.922, 0, 0, -1, 20.6265, 28.5);"><g opacity="1" transform="matrix(0.9993100166320801,0,0,0.9993100166320801,0,0)"><path fill="rgb(255,0,124)" fill-opacity="1" d=" M23.732500076293945,-27.5 C23.732500076293945,-27.5 23.732500076293945,27.5 23.732500076293945,27.5 C23.732500076293945,27.5 -23.732500076293945,27.5 -23.732500076293945,27.5 C-23.732500076293945,27.5 -23.732500076293945,-27.5 -23.732500076293945,-27.5 C-23.732500076293945,-27.5 23.732500076293945,-27.5 23.732500076293945,-27.5z"></path></g></g><g transform="matrix(0,0.3100000023841858,-0.3100000023841858,0,126.76312255859375,168.0799102783203)" opacity="1" style="display: block;transform: matrix(0, 0.31, -0.31, 0, 92.763, 168.08);"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,0,124)" stroke-opacity="1" stroke-width="16" d=" M-541,89 C-541,89 -365,89 -365,89"></path></g></g><g transform="matrix(0,0.3100000023841858,-0.3100000023841858,0,194.82749938964844,168.0799102783203)" opacity="1" style="display: block;transform: matrix(0, 0.31, -0.31, 0, 130.827, 168.08);"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,0,124)" stroke-opacity="1" stroke-width="16" d=" M-541,89 C-541,89 -365,89 -365,89"></path></g></g><g transform="matrix(0,0.3100000023841858,-0.3100000023841858,0,275.25311279296875,168.0799102783203)" opacity="1" style="display: block;transform: matrix(0, 0.31, -0.31, 0, 168.253, 168.08);"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,0,124)" stroke-opacity="1" stroke-width="16" d=" M-541,89 C-541,89 -365,89 -365,89"></path></g></g><g transform="matrix(0,0.3100000023841858,-0.3100000023841858,0,368.0400085449219,168.0799102783203)" opacity="1" style="display: block;transform: matrix(0, 0.31, -0.31, 0, 216.04, 168.08);"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,0,124)" stroke-opacity="1" stroke-width="50" d=" M-541,89 C-541,89 -365,89 -365,89"></path></g></g></g></svg>--> 3381 </div> 3382 </div> 3383 </div> 3384 <div class="passion content"> 3385 <h2 class="bigtext headline h2">Passion</h2> 3386 <div class="passion details"> 3387 <p class="passion summary">We make music move. We bring our passionate people and 3388 industry leading expertise to labels artists who are out here doing the work. At ADA you get 3389 access to the A-Team: dedicated up-and-comers and industry veterans who can see around every 3390 corner and know how to climb the hill right along side you. We tell it like it is, and we 3391 donât hold back.</p> 3392 </div><a class="cta-link" target="_blank" rel="noreferrer" href="https://www.linkedin.com/company/alternative-distribution-alliance/jobs/">Join the 3393 A-Team</a> 3394 </div> 3395 </div> 3396 </div> 3397 <svg width="100%" height="100%" viewBox="0 0 1440 156" xmlns="http://www.w3.org/2000/svg" class="jsx-989efc121a8b81d0 css-4526gi"> 3398 <g clip-path="url(#clip_packed_bricks)" class="jsx-989efc121a8b81d0"> 3399 <path d="M1171.96 51H956.611V104H1171.96V51Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3400 <path d="M955.688 103H535.148V156H955.688V103Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3401 <path d="M1331.86 103H1171.96V156H1331.86V103Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3402 <path d="M377.099 0H0V53H377.099V0Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3403 <path d="M535.148 51H377.1V104H535.148V51Z" fill="#eaf2ff" class="jsx-989efc121a8b81d0"></path> 3404 </g> 3405 <defs class="jsx-989efc121a8b81d0"> 3406 <clipPath id="clip_packed_bricks" class="jsx-989efc121a8b81d0"> 3407 <rect width="100%" height="100%" class="jsx-989efc121a8b81d0"></rect> 3408 </clipPath> 3409 </defs> 3410 </svg> 3411 </section> 3412</div> 3413</div> 3414 3415 </div> 3416 </div> 3417<div id="block-bartik-serviceblockcss" class="block block-block-content block-block-content40d2db0d-8c24-44b8-847a-83c5b1b43a26"> 3418 3419 3420 <div class="content"> 3421 3422 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 3423 section.music-move { 3424 background: var(--color-snowBlue); 3425 } 3426 3427 .animation.music-move { 3428 position: relative; 3429 top: -2px; 3430 } 3431 3432 .container.mainWrap { 3433 max-width: var(--size-pageWidth); 3434 margin-left: auto; 3435 margin-right: auto; 3436 padding: 0 16px; 3437 } 3438 3439 .content.music-move { 3440 padding: var(--space-sectionPaddingBlock)0; 3441 display: flex; 3442 flex-direction: column; 3443 row-gap: 60px; 3444 } 3445 3446 .h2.bigtext { 3447 font-size: var(--fontSize-headlineExpanded); 3448 } 3449 3450 .headline.bigtext { 3451 /* font-family: var(--fontFamily-headlineExpanded); */ 3452 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 3453 color: var(--color-midnightBlue); 3454 text-transform: uppercase; 3455 line-height: var(--lineHeight-headlineExpanded); 3456 text-align: left; 3457 padding: 0; 3458 width: 100%; 3459 } 3460 3461 a:hover { 3462 color: var(--color-link); 3463 } 3464 3465 .details.music-move { 3466 display: flex; 3467 -webkit-box-align: start; 3468 align-items: flex-start; 3469 gap: 60px; 3470 } 3471 3472 .summary.music-move { 3473 width: 50%; 3474 display: flex; 3475 -webkit-box-orient: vertical; 3476 -webkit-box-direction: normal; 3477 flex-direction: column; 3478 gap: 60px; 3479 } 3480 3481 .summary.music-move p.music-move { 3482 font-size: var(--fontSize-bodySmall); 3483 margin: 0; 3484 font-family: var(--fontfamily-antarcticalight); 3485 line-height: 25px; 3486 } 3487 3488 a { 3489 color: var(--color-link); 3490 text-decoration: none; 3491 transition: color 200ms; 3492 } 3493 3494 a.cta-link { 3495 font-family: var(--fontfamily-antarcticalight); 3496 font-size: var(--fontSize-bodySmall); 3497 } 3498 3499 a.cta-link:focus, 3500 a.cta-link:hover { 3501 color: var(--color-link); 3502 } 3503 3504 .text-formatted ul { 3505 margin: 0; 3506 padding: 0; 3507 } 3508 3509 ul.services.music-move { 3510 display: grid; 3511 grid-template-columns: 1fr 1fr; 3512 text-transform: uppercase; 3513 font-size: var(--fontSize-label); 3514 list-style: none; 3515 grid-row-gap: 12px; 3516 grid-column-gap: 12px; 3517 } 3518 3519 /* -------------------animation--------------------- */ 3520 3521 3522 3523 3524 3525 /* ---------******Passion******------------- */ 3526 3527 section.passion { 3528 background: var(--color-ghostWhite); 3529 } 3530 3531 .container.mainWrap { 3532 max-width: var(--size-pageWidth); 3533 margin-left: auto; 3534 margin-right: auto; 3535 padding: 0 16px; 3536 } 3537 3538 .content-wrapper.passion { 3539 display: grid; 3540 grid-template-columns: 35%65%; 3541 -webkit-box-align: start; 3542 align-items: flex-start; 3543 grid-gap: 78px; 3544 padding: var(--space-sectionPaddingBlock)0; 3545 } 3546 3547 .content.passion { 3548 width: 75%; 3549 display: flex; 3550 -webkit-box-orient: vertical; 3551 -webkit-box-direction: normal; 3552 flex-direction: column; 3553 gap: 60px; 3554 } 3555 3556 .h2.bigtext { 3557 font-size: var(--fontSize-headlineExpanded); 3558 } 3559 3560 .headline.bigtext { 3561 /* font-family: var(--fontFamily-headlineExpanded); */ 3562 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 3563 color: var(--color-midnightBlue); 3564 text-transform: uppercase; 3565 line-height: var(--lineHeight-headlineExpanded); 3566 padding: 0; 3567 } 3568 3569 .details.passion { 3570 display: flex; 3571 -webkit-box-pack: justify; 3572 justify-content: space-between; 3573 /*width: 75%;*/ 3574 } 3575 3576 .summary.passion { 3577 font-size: var(--fontSize-bodySmall); 3578 max-width: 630px; 3579 font-family: var(--fontfamily-antarcticalight); 3580 line-height: 25px; 3581 } 3582 3583 @media only screen and (min-width: 1024px) and (max-width:1360px) { 3584 .content.passion { 3585 width: 80%; 3586 } 3587 } 3588 3589 @media (max-width: 639px) { 3590 .details.music-move { 3591 -webkit-box-orient: vertical; 3592 -webkit-box-direction: normal; 3593 flex-direction: column; 3594 } 3595 3596 .summary.music-move { 3597 width: 100%; 3598 } 3599 3600 ul.services.music-move { 3601 grid-template-columns: 1fr; 3602 } 3603 3604 3605 .content-wrapper.passion { 3606 grid-template-columns: 1fr; 3607 } 3608 3609 .animation.passion { 3610 display: none; 3611 } 3612 3613 .content.passion { 3614 width: 100%; 3615 } 3616 } 3617</style></div> 3618 3619 </div> 3620 </div> 3621<div id="block-toolsinsights" class="block block-block-content block-block-contentc917c2e0-32cc-4619-9edb-499752e91b16"> 3622 3623 3624 <div class="content"> 3625 3626 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section id="tools" class="tools_insight"> 3627 <div class="toolsinsight container"> 3628 <div class="tools_insight content"> 3629 <div class="tools_insight details"> 3630 <h2 class="toolsinsighthead headline h2">Tools & <br class="tools_insight"> Insights</h2> 3631 <p class="tools_insight summary"> 3632 The speed of technology doubles about every two years, bringing 3633 new tools, opportunities, and challenges. That's why, with the 3634 help of Warner Music Group, we created Co-Op. This sophisticated 3635 technology enables artists and labels to easily leverage a 3636 robust supply chain and intuitive services. 3637 </p> 3638 <a class="cta-link" target="_blank" rel="noreferrer" href="https://partners.ada-music.com/">Client Login</a> 3639</div> 3640</div> 3641</div>
3642 <svg width="100%" height="100%" viewBox="0 0 1441 55" xmlns="http://www.w3.org/2000/svg" class="jsx-989efc121a8b81d0 css-e2v18t"> 3643 <rect x="308" width="543" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3644 3645 </rect><rect x="256" width="38" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3646 3647 </rect><rect x="237" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3648 3649 </rect><rect x="222" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3650 3651 </rect><rect x="203" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3652 3653 </rect><rect x="181" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3654 3655 </rect><rect x="157" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3656 3657 </rect><rect x="131" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3658 3659 </rect><rect x="102" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3660 3661 </rect><rect x="70" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3662 3663 </rect><rect x="36" width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"> 3664 3665 </rect><rect width="6" height="55" fill="currentColor" class="jsx-989efc121a8b81d0"></rect> 3666</svg> 3667</section> 3668 3669</div> 3670 3671 </div> 3672 </div> 3673<div id="block-bartik-toolinsightcss" class="block block-block-content block-block-contentcc29718b-dbfd-47f2-bfee-7f816bd18586"> 3674 3675 3676 <div class="content"> 3677 3678 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 3679 section#tools { 3680 background: var(--color-snowBlue); 3681 } 3682 3683 .container.toolsinsight { 3684 max-width: var(--size-pageWidth); 3685 margin-left: auto; 3686 margin-right: auto; 3687 padding: 0 16px; 3688 } 3689 3690 .content.tools_insight { 3691 padding: var(--space-sectionPaddingBlock)0; 3692 } 3693 3694 .details.tools_insight { 3695 display: flex; 3696 -webkit-box-orient: vertical; 3697 -webkit-box-direction: normal; 3698 flex-direction: column; 3699 gap: 60px; 3700 } 3701 3702 .h2.toolsinsighthead { 3703 font-size: var(--fontSize-headlineExpanded); 3704 } 3705 3706 .headline.toolsinsighthead { 3707 /* font-family: var(--fontFamily-headlineExpanded); */ 3708 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 3709 color: var(--color-midnightBlue); 3710 text-transform: uppercase; 3711 3712 line-height: var(--lineHeight-headlineExpanded); 3713 } 3714 3715 .summary.tools_insight { 3716 font-size: var(--fontSize-bodySmall); 3717 width: 50%; 3718 font-family: var(--fontfamily-antarcticalight); 3719 line-height: 25px; 3720 } 3721 3722 h2.toolsinsighthead.headline.h2 { 3723 text-align: inherit; 3724 } 3725 3726 a { 3727 color: var(--color-link); 3728 text-decoration: none; 3729 3730 transition: color 200ms; 3731 } 3732 3733 @media (max-width: 639px) { 3734 p.tools_insight.summary { 3735 width: 100%; 3736 } 3737 3738 html[lang="es"] br.tools_insight, 3739 html[lang="es-419"] br.tools_insight, 3740 html[lang="pt-br"] br.tools_insight { 3741 display: none; 3742 } 3743 } 3744 3745 svg.jsx-989efc121a8b81d0 { 3746 display: block; 3747 } 3748 3749 3750 .css-e2v18t { 3751 3752 transform: scaleX(-1); 3753 } 3754 3755 h2.toolsinsighthead.headline.h2 { 3756 padding: 0; 3757 padding-bottom: 0.65%; 3758 } 3759</style></div> 3760 3761 </div> 3762 </div> 3763 3764 </div> 3765 3766 </section> 3767 </main> 3768 </div> 3769 </div> 3770 <footer class="site-footer"> 3771 <div class="layout-container"> 3772 <div class="site-footer__top clearfix"> 3773 <div class="region region-footer-first"> 3774 <div id="block-gsapblock" class="block block-block-content block-block-content7fa8d7ea-d006-4320-8c61-8001cc75554b"> 3775 3776 3777 <div class="content"> 3778 3779 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
3779<script> 3780 var controller; 3781 let previousvalue = 0; 3782 {/* jQuery(document).ready(function () { */ } 3783 jQuery(window).on('load', function () { 3784 //on click of artist nav 3785 jQuery(document).on('click', '.artists-nav li span', function () { 3786 var index = jQuery(this).parents('li').index(); 3787 var totalElements = jQuery('.artists-nav.before li').length; 3788 var progress = index / totalElements + 0.01; 3789 controller.scroll(controller.start + progress * (controller.end - controller.start)); 3790 3791 nav_list(index, totalElements); 3792 }); 3793 3794 3795 var artist_length = jQuery('#block-views-block-artist-section-block-4 ul.artists-details li').length; 3796 jQuery('#block-views-block-artist-section-block-4 ul.artists-details li').eq(0).find('.artist').clone().appendTo('#active-artist-html'); 3797 for (let index_1 = 0; index_1 < artist_length; index_1++) { 3798 jQuery('div#block-views-block-artist-section-block-4 ul.artists-nav.bottom li').eq(index_1).clone().appendTo('.artists-nav.after'); 3799 jQuery('div#block-views-block-artist-section-block-4 ul.artists-nav.top li').eq(index_1).clone().appendTo('.artists-nav.before'); 3800 } 3801 jQuery('.artists-nav.after li:first-child').removeClass('visible'); 3802 3803 // Setting the colors for the first artist block. 3804 let artist_title_color = jQuery('#active-artist-html .headline').attr('data-style'); 3805 jQuery('#active-artist-html .headline').css('color', artist_title_color); 3806 jQuery('#active-artist-html .playpause').css('color', artist_title_color); 3807 jQuery('#active-artist-html .linkfyre-link a').css('background', artist_title_color); 3808 3809 //top and bottom artist nav position 3810 navPosition(); 3811 3812 //lottie-ani 3813 jQuery('<lottie-player id="artistMove" autoplay mode="normal" style="width: 100%"></lottie-player>').appendTo('#active-artist-html .overlay-wrapper div.animation_lotti') 3814 setTimeout(() => { 3815 const artistMove = document.getElementById("artistMove"); 3816 animation_color(artistMove); 3817 }, 500) 3818 3819 {/* }) */ } 3820 3821 {/* const el = document.getElementById('active-artist-html'); 3822 const headline = el.querySelector(".headline"); 3823 const bio = el.querySelector(".bio"); 3824 const songSnippet = el.querySelector(".song-snippet"); 3825 const pictureContainer = el.querySelector(".picture-container"); */} 3826 3827 gsap.registerPlugin(ScrollTrigger); 3828 controller = ScrollTrigger.create({ 3829 trigger: "#active-artist-container", 3830 start: "top top", 3831 end: "bottom bottom", 3832 pin: "#active-artist-wrapper", 3833 scrub: true, 3834 onUpdate: (self) => { 3835 // console.log(self) 3836 var artist_length = jQuery('#block-views-block-artist-section-block-4 ul.artists-details li').length; 3837 const factor = 100 / artist_length; 3838 // console.log("factor", factor); 3839 const progress = self.progress * 100; 3840 // console.log("progress", progress); 3841 const active = Math.ceil(progress / factor) - 1; 3842 // console.log("active", active); 3843 if (active >= 0 && active < artist_length) { 3844 // setActiveArtist(artists[active]); 3845 // console.log("active", active); 3846 if (previousvalue !== active) { 3847 3848 //nav top and bottom list 3849 nav_list(active, artist_length); 3850 3851 jQuery('#active-artist-html .artist').remove(); 3852 jQuery('#block-views-block-artist-section-block-4 ul.artists-details li').eq(active).find('.artist').clone().appendTo('#active-artist-html'); 3853 3854 let artist_title_color = jQuery('#active-artist-html .headline').attr('data-style'); 3855 jQuery('#active-artist-html .headline').css('color', artist_title_color); 3856 jQuery('#active-artist-html .playpause').css('color', artist_title_color); 3857 jQuery('#active-artist-html .linkfyre-link a').css('background', artist_title_color); 3858 3859 artist_gsap_transition(); 3860 3861 //lottie-ani 3862 jQuery('<lottie-player id="artistMove" autoplay mode="normal" style="width: 100%"></lottie-player>').appendTo('#active-artist-html .overlay-wrapper div.animation_lotti') 3863 setTimeout(() => { 3864 const artistMove = document.getElementById("artistMove"); 3865 animation_color(artistMove); 3866 }, 500) 3867 3868 //audio click 3869 jQuery('#active-artist-html .playpause').click(function () { 3870 3871 play_click(); 3872 3873 }) 3874 3875 //overlay position 3876 /*if (active === 2 || active === 4 || active === 5) { 3877 3878 } else if (active === 7 || active === 8) { 3879 3880 } else if (active === 1 || active === 3) { 3881 3882 }*/ 3883 3884 } 3885 previousvalue = active; 3886 } 3887 }, 3888 onEnter: () => { 3889 }, 3890 onEnterBack: () => { 3891 }, 3892 onLeave: () => { 3893 3894 }, 3895 onLeaveBack: () => { 3896 }, 3897 }); 3898 3899 3900 3901 3902 function artist_gsap_transition() { 3903 gsap.fromTo("#active-artist-html .headline", { opacity: 0, y: 400 }, { opacity: 1, y: 0, duration: 0.4 }); 3904 gsap.fromTo("#active-artist-html .bio", { opacity: 0, y: 400 }, { opacity: 1, y: 0, duration: 0.4, delay: 0.1 }); 3905 gsap.fromTo("#active-artist-html .song-snippet", { opacity: 0, y: 400 }, { opacity: 1, y: 0, duration: 0.4, delay: 0.15 }); 3906 gsap.fromTo("#active-artist-html .picture-container", { x: 20, opacity: 0 }, { x: 0, opacity: 1 }); 3907 } 3908 3909 function artist_nav_before_gsap() { 3910 gsap.fromTo(jQuery('.artists-nav.before li').eq(previousvalue), { opacity: 0, y: 30 }, { opacity: 1, y: 0, duration: 0.1, delay: 0.05 }); 3911 } 3912 function artist_nav_after_gsap() { 3913 gsap.fromTo(jQuery('.artists-nav.after li').eq(previousvalue), { opacity: 0, y: -30 }, { opacity: 1, y: 0, duration: 0.1, delay: 0.05 }); 3914 } 3915 3916 function nav_list(active, artist_length) { 3917 3918 for (let index_1 = 0; index_1 < active; index_1++) { 3919 if (!jQuery('.artists-nav.before li').eq(index_1).hasClass('visible')) { 3920 jQuery('.artists-nav.before li').eq(index_1).addClass('visible'); 3921 jQuery('.artists-nav.after li').eq(index_1).removeClass('visible'); 3922 artist_nav_before_gsap(); 3923 } 3924 } 3925 3926 for (let index_1 = active; index_1 < artist_length; index_1++) { 3927 if (!jQuery('.artists-nav.after li').eq(index_1).hasClass('visible')) { 3928 jQuery('.artists-nav.after li').eq(index_1).addClass('visible'); 3929 jQuery('.artists-nav.before li').eq(index_1).removeClass('visible'); 3930 artist_nav_after_gsap(); 3931 } 3932 } 3933 jQuery('.artists-nav.before li').eq(active).removeClass('visible'); 3934 jQuery('.artists-nav.after li').eq(active).removeClass('visible'); 3935 } 3936 function service_position() { 3937 if (jQuery(window).width() > 639) { 3938 if (showplayer) jQuery('.scroll-to-services').css('bottom', '35px'); 3939 else jQuery('.scroll-to-services').css('bottom', '10px'); 3940 } else { 3941 if (showplayer) jQuery('.scroll-to-services').css('bottom', '85px'); 3942 else jQuery('.scroll-to-services').css('bottom', '10px'); 3943 } 3944 } 3945 3946 function navPosition() { 3947 let nav_position_value = 0; 3948 if ($(window).width() > 640) { 3949 nav_position_value = $("#active-artist-html .artist").height() / 2 + jQuery(window).height() / 2 + 40; 3950 } else { 3951 nav_position_value = $("#active-artist-html .artist").height() / 2 + jQuery(window).height() / 2 + 50; 3952 } 3953 $('div#block-views-block-artist-section-block-4 .artists-nav.before').css('bottom', nav_position_value + 'px'); 3954 $('div#block-views-block-artist-section-block-4 .artists-nav.after').css('top', nav_position_value + 'px'); 3955 } 3956 3957 //audio 3958 3959 let track_name = document.querySelector(".track-name"); 3960 let track_artist = document.querySelector(".track-artist"); 3961 3962 let playpause_btn = document.querySelector(".playpause_track"); 3963 let next_btn = document.querySelector(".next-track"); 3964 let prev_btn = document.querySelector(".prev-track"); 3965 3966 let seek_slider = document.querySelector(".seek_slider"); 3967 // let volume_slider = document.querySelector(".volume_slider"); 3968 let curr_time = document.querySelector(".current-time"); 3969 let total_duration = document.querySelector(".total-duration"); 3970 3971 let track_index = 0; 3972 let track_index_prev = 0; 3973 let isPlaying = false;
3974 let showplayer = false; 3975 let updateTimer; 3976 3977 // Define the tracks that have to be played 3978 let track_list = []; 3979 3980 {/* jQuery(document).ready(function () { */ } 3981 3982 {/* }) */ } 3983 3984 function animation_color(artistMove) { 3985 let active_animation_color = ""; 3986 let animation_color = jQuery('#active-artist-html .animation_color').text().trim().toLowerCase(); 3987 if (animation_color === 'blue') { 3988 active_animation_color = "/sites/g/files/g2000017381/files/2023-05/artistOverlayBlue.json"; 3989 } else if (animation_color === 'yellow') { 3990 active_animation_color = "/sites/g/files/g2000017381/files/2023-05/artistOverlayYellow.json"; 3991 jQuery('#active-artist-html .overlay-wrapper div.animation_lotti').css('top', '-40px'); 3992 } else if (animation_color === 'pink') { 3993 active_animation_color = "/sites/g/files/g2000017381/files/2023-05/artistOverlayPink.json"; 3994 jQuery('#active-artist-html .overlay-wrapper div.animation_lotti').css('top', '-59px'); 3995 } else if (animation_color === 'purple') { 3996 active_animation_color = "/sites/g/files/g2000017381/files/2023-05/artistOverlayPurple.json"; 3997 jQuery('#active-artist-html .overlay-wrapper div.animation_lotti').css('top', '-80px'); 3998 } 3999 4000 artistMove.load(active_animation_color); 4001 } 4002 4003 // Create new audio element 4004 let curr_track = document.createElement('audio'); 4005 4006 function loadTrack(track_index) { 4007 clearInterval(updateTimer); 4008 resetValues(); 4009 curr_track.src = track_list[track_index].path; 4010 curr_track.load(); 4011 4012 // track_art.style.backgroundImage = "url(" + track_list[track_index].image + ")"; 4013 track_name.textContent = track_list[track_index].album_name; 4014 track_artist.textContent = track_list[track_index].artist_name; 4015 // now_playing.textContent = "PLAYING " + (track_index + 1) + " OF " + track_list.length; 4016 4017 updateTimer = setInterval(seekUpdate, 1000); 4018 curr_track.addEventListener("ended", songended); 4019 } 4020 4021 function songended() { 4022 isPlaying = false; 4023 playpause_btn.innerHTML = '<i class="icon-play3"></i>'; 4024 jQuery('#active-artist-html .playpause').html('<i class="icon-play3"></i>'); 4025 clearInterval(updateTimer); 4026 resetValues(); 4027 loadTrack(track_index); 4028 } 4029 4030 function resetValues() { 4031 curr_time.textContent = "00:00"; 4032 total_duration.textContent = "00:00"; 4033 seek_slider.value = 0; 4034 } 4035 4036 function playpauseTrack() { 4037 if (!isPlaying) playTrack(); 4038 else pauseTrack(); 4039 } 4040 4041 function playTrack() { 4042 curr_track.play(); 4043 isPlaying = true; 4044 playpause_btn.innerHTML = '<i class="icon-pause2"></i>'; 4045 // playpause_home.innerHTML = '<i class="icon-pause2"></i>'; 4046 jQuery('#active-artist-html .playpause').html('<i class="icon-pause2"></i>'); 4047 } 4048 4049 function pauseTrack() { 4050 curr_track.pause(); 4051 isPlaying = false; 4052 playpause_btn.innerHTML = '<i class="icon-play3"></i>'; 4053 // playpause_home.innerHTML = '<i class="icon-play3"></i>'; 4054 jQuery('#active-artist-html .playpause').html('<i class="icon-play3"></i>'); 4055 } 4056 4057 function nextTrack() { 4058 if (track_index < track_list.length - 1) { 4059 track_index += 1; 4060 next_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4061 prev_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4062 loadTrack(track_index); 4063 playTrack(); 4064 jQuery('#active-artist-html .playpause').html('<i class="icon-play3"></i>'); 4065 } else { 4066 // track_index = 0; 4067 next_btn.style.cssText = "pointer-events: none; opacity: 0.5"; 4068 prev_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4069 } 4070 if (track_index === track_list.length - 1) { 4071 next_btn.style.cssText = "pointer-events: none; opacity: 0.5"; 4072 prev_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4073 } 4074 } 4075 4076 function prevTrack() { 4077 if (track_index > 0) { 4078 track_index -= 1; 4079 prev_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4080 next_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4081 loadTrack(track_index); 4082 playTrack(); 4083 jQuery('#active-artist-html .playpause').html('<i class="icon-play3"></i>'); 4084 } else { 4085 // track_index = track_list.length; 4086 prev_btn.style.cssText = "pointer-events: none; opacity: 0.5"; 4087 next_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4088 } 4089 if (track_index === 0) { 4090 prev_btn.style.cssText = "pointer-events: none; opacity: 0.5"; 4091 next_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4092 } 4093 } 4094 4095 function seekTo(e) { 4096 let seekto = curr_track.duration * (seek_slider.value / 100); 4097 curr_track.currentTime = seekto; 4098 4099 var value = (e.value - e.min) / (e.max - e.min) * 100; 4100 jQuery('.rangewrapper span').css('width', value + '%'); 4101 } 4102 4103 // function setVolume() { 4104 // curr_track.volume = volume_slider.value / 100; 4105 // } 4106 4107 function seekUpdate() { 4108 let seekPosition = 0; 4109 4110 if (!isNaN(curr_track.duration)) { 4111 seekPosition = curr_track.currentTime * (100 / curr_track.duration); 4112 4113 seek_slider.value = seekPosition; 4114 4115 let currentMinutes = Math.floor(curr_track.currentTime / 60); 4116 let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60); 4117 let durationMinutes = Math.floor(curr_track.duration / 60); 4118 let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60); 4119 4120 if (currentSeconds < 10) { currentSeconds = "0" + currentSeconds; } 4121 if (durationSeconds < 10) { durationSeconds = "0" + durationSeconds; } 4122 if (currentMinutes < 10) { currentMinutes = "0" + currentMinutes; } 4123 if (durationMinutes < 10) { durationMinutes = "0" + durationMinutes; } 4124 4125 curr_time.textContent = currentMinutes + ":" + currentSeconds; 4126 total_duration.textContent = durationMinutes + ":" + durationSeconds; 4127 } 4128 } 4129 function play_click() { 4130 if (!showplayer) { 4131 jQuery('.player').show(); 4132 showplayer = true; 4133 service_position(); 4134 } 4135 4136 track_index = track_list.findIndex(x => x.album_name === jQuery('#active-artist-html .song-title').text().trim()) 4137 track_index_prev = track_list.findIndex(x => x.album_name === jQuery('.player .track-name').text().trim()) 4138 4139 if (track_index !== track_index_prev) { 4140 pauseTrack(); 4141 loadTrack(track_index); 4142 playTrack(); 4143 } else { 4144 playpauseTrack(); 4145 } 4146 4147 if (track_index === track_list.length - 1) { 4148 next_btn.style.cssText = "pointer-events: none; opacity: 0.5"; 4149 prev_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4150 } else if (track_index === 0) { 4151 prev_btn.style.cssText = "pointer-events: none; opacity: 0.5"; 4152 next_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4153 } else { 4154 prev_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4155 next_btn.style.cssText = "pointer-events: auto; opacity: 1"; 4156 } 4157 } 4158 4159 jQuery('.view-display-id-block_4>.view-content ul li').each(function () { 4160 track_list.push({ 4161 artist_name: jQuery(this).find('.artist-name').text().trim(), 4162 album_name: jQuery(this).find('.song-title').text().trim(), 4163 path: jQuery(this).find('.playpause').attr('data-mp3url') 4164 }) 4165 }) 4166 4167 jQuery('#active-artist-html .playpause').unbind().click(function () { 4168 play_click(); 4169 }) 4170 4171 jQuery('.icon-close').click(function () { 4172 jQuery('.player').hide(); 4173 showplayer = false;
4174 4175 pauseTrack(); 4176 songended(); 4177 4178 service_position(); 4179 }) 4180 jQuery('.playpause_track').click(function () { 4181 playpauseTrack(); 4182 }) 4183 jQuery('.prev-track').click(function () { 4184 prevTrack(); 4185 }) 4186 jQuery('.next-track').click(function () { 4187 nextTrack(); 4188 }) 4189 $(document).on('change', 'input.seek_slider', function () { 4190 seekTo(this); 4191 }) 4192 }) 4193 $(window).resize(function () { 4194 service_position(); 4195 4196 //top and bottom artist nav position 4197 navPosition(); 4198 }); 4199</script>
4199</div> 4200 4201 </div> 4202 </div> 4203<div id="block-bartik-webform" class="block block-webform block-webform-block"> 4204 4205 4206 <div class="content"> 4207 <div id="webform-submission-contact-us-two-node-71-form-ajax-content" tabindex="-1"><div id="webform-submission-contact-us-two-node-71-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="throbber"><form class="webform-submission-form webform-submission-add-form webform-submission-contact-us-two-form webform-submission-contact-us-two-add-form webform-submission-contact-us-two-node-71-form webform-submission-contact-us-two-node-71-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-contact-us-two-node-71-add-form" action="/" method="post" id="webform-submission-contact-us-two-node-71-add-form" accept-charset="UTF-8"> 4208 4209 <div class="js-webform-type-select webform-type-select js-form-item form-item js-form-type-select form-type-select js-form-item-reaching-out-about form-item-reaching-out-about"> 4210 <label for="edit-reaching-out-about" class="js-form-required form-required">Reaching out about</label> 4211 <select data-webform-required-error="Please select one option" data-drupal-selector="edit-reaching-out-about" id="edit-reaching-out-about" name="reaching_out_about" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="New business opportunity">New business opportunity</option><option value="Something else">Something else</option></select> 4212 </div> 4213<div class="js-webform-type-textfield webform-type-textfield js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-your-name form-item-your-name"> 4214 <label for="edit-your-name" class="js-form-required form-required">Your Name</label> 4215 <input data-webform-required-error="Name is Mandatory" data-drupal-selector="edit-your-name" type="text" id="edit-your-name" name="your_name" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" /> 4216 4217 </div> 4218<div class="js-webform-type-email webform-type-email js-form-item form-item js-form-type-email form-type-email js-form-item-your-email form-item-your-email"> 4219 <label for="edit-your-email" class="js-form-required form-required">Your email address </label> 4220 <input data-webform-required-error="Email is mandatory" data-drupal-selector="edit-your-email" type="email" id="edit-your-email" name="your_email" value="" size="60" maxlength="254" class="form-email required" required="required" aria-required="true" /> 4221 4222 </div> 4223<div class="js-webform-type-textfield webform-type-textfield js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-your-phone-number form-item-your-phone-number"> 4224 <label for="edit-your-phone-number" class="js-form-required form-required">Your phone number</label> 4225 <input data-webform-required-error="Phone number is mandatory" data-drupal-selector="edit-your-phone-number" type="text" id="edit-your-phone-number" name="your_phone_number" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" /> 4226 4227 </div> 4228<div class="js-webform-type-textfield webform-type-textfield js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-company-name form-item-company-name"> 4229 <label for="edit-company-name" class="js-form-required form-required">Company Name</label> 4230 <input data-webform-required-error="Company Name is required" data-drupal-selector="edit-company-name" type="text" id="edit-company-name" name="company_name" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" /> 4231 4232 </div> 4233<div class="js-webform-type-select webform-type-select js-form-item form-item js-form-type-select form-type-select js-form-item-company-type form-item-company-type"> 4234 <label for="edit-company-type" class="js-form-required form-required">Company Type</label> 4235 <select data-webform-required-error="Please select one option" data-drupal-selector="edit-company-type" id="edit-company-type" name="company_type" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="Label">Label</option><option value="Artist">Artist</option><option value="Artist Management">Artist Management</option><option value="Catalog">Catalog</option><option value="Distributor">Distributor</option><option value="Label & Distributor ">Label & Distributor </option><option value="TV/Film">TV/Film</option><option value="Video Games">Video Games</option><option value="Other">Other</option></select> 4236 </div> 4237<div class="js-webform-type-textfield webform-type-textfield js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-company-website form-item-company-website"> 4238 <label for="edit-company-website" class="js-form-required form-required">Company Website</label> 4239 <div class="description"> 4240 <div id="edit-company-website--description" class="webform-element-description">If you do not have a website please link a social media account, streaming account or LinkedIn</div> 4241 4242 </div> 4243 <input data-webform-required-error="This field is required" data-drupal-selector="edit-company-website" aria-describedby="edit-company-website--description" type="text" id="edit-company-website" name="company_website" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" /> 4244 4245 </div> 4246<div class="js-webform-type-select webform-type-select js-form-item form-item js-form-type-select form-type-select js-form-item-main-music-genre form-item-main-music-genre"> 4247 <label for="edit-main-music-genre" class="js-form-required form-required">Main Music Genre</label> 4248 <select data-webform-required-error="Please select one option" data-drupal-selector="edit-main-music-genre" id="edit-main-music-genre" name="main_music_genre" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="African">African</option><option value="Afrobeats">Afrobeats</option><option value="Alternative">Alternative</option><option value="Arabic/Middle Eastern">Arabic/Middle Eastern</option><option value="Asian - Other Regional Genres ">Asian - Other Regional Genres </option><option value="Blues">Blues</option><option value="Brazilian ">Brazilian </option><option value="Childrens Music">Childrens Music</option><option value="Christian & Gospel">Christian & Gospel</option><option value="Classical">Classical</option><option value="Country">Country</option><option value="Dance/Electronic">Dance/Electronic</option><option value="Easy Listening">Easy Listening</option><option value="Folk/Americana">Folk/Americana</option><option value="Hip Hop/Rap">Hip Hop/Rap</option><option value="Indian">Indian</option><option value="Indonesian">Indonesian</option><option value="Instrumental">Instrumental</option><option value="Jazz">Jazz</option><option value="J-Pop/K-Pop">J-Pop/K-Pop</option><option value="Latin">Latin</option><option value="Lo-fi">Lo-fi</option><option value="Metal">Metal</option><option value="New Age/Ambient">New Age/Ambient</option><option value="Pop">Pop</option><option value="Punk">Punk</option><option value="R&B/Soul">R&
4248B/Soul</option><option value="Reggae/Dancehall">Reggae/Dancehall</option><option value="Regional Mexican">Regional Mexican</option><option value="Relaxation">Relaxation</option><option value="Religious">Religious</option><option value="Rock">Rock</option><option value="Spoken Word/Comedy">Spoken Word/Comedy</option><option value="Soundtracks/Score">Soundtracks/Score</option><option value="South Asian (Indian/Punjabi)">South Asian (Indian/Punjabi)</option><option value="World Music/Regional Folklore">World Music/Regional Folklore</option><option value="Other (Please Specify)">Other (Please Specify)</option></select> 4249 </div> 4250<div class="js-webform-type-textfield webform-type-textfield js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-please-specify form-item-please-specify"> 4251 <label for="edit-please-specify">Please specify</label> 4252 <input data-drupal-selector="edit-please-specify" type="text" id="edit-please-specify" name="please_specify" value="" size="60" maxlength="255" class="form-text" /> 4253 4254 </div> 4255<div class="js-webform-type-select webform-type-select js-form-item form-item js-form-type-select form-type-select js-form-item-catalog-size form-item-catalog-size"> 4256 <label for="edit-catalog-size" class="js-form-required form-required">Catalog Size *</label> 4257 <select data-webform-required-error="Please select one option" data-drupal-selector="edit-catalog-size" id="edit-catalog-size" name="catalog_size" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="Under 100 releases">Under 100 releases</option><option value="100 to 1,000 releases">100 to 1,000 releases</option><option value="Over 5,000 releases">Over 5,000 releases</option><option value="We have no music yet">We have no music yet</option></select> 4258 </div> 4259<div class="js-webform-type-textfield webform-type-textfield js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-private-link-for-your-next-release-project form-item-private-link-for-your-next-release-project"> 4260 <label for="edit-private-link-for-your-next-release-project">Private link for your next release/project</label> 4261 <input data-drupal-selector="edit-private-link-for-your-next-release-project" type="text" id="edit-private-link-for-your-next-release-project" name="private_link_for_your_next_release_project" value="" size="60" maxlength="255" class="form-text" /> 4262 4263 </div> 4264<div class="js-webform-type-textarea webform-type-textarea js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-company-background form-item-company-background"> 4265 <label for="edit-company-background" class="js-form-required form-required">Company Background</label> 4266 <div class="description"> 4267 <div id="edit-company-background--description" class="webform-element-description">Providing more detail will help us to get back to you sooner</div> 4268 4269 </div> 4270 <div class="form-textarea-wrapper"> 4271 <textarea autocomplete="off" data-webform-required-error="This field is required" data-drupal-selector="edit-company-background" aria-describedby="edit-company-background--description" id="edit-company-background" name="company_background" rows="5" cols="60" class="form-textarea required resize-vertical" required="required" aria-required="true"></textarea> 4272</div> 4273 4274 </div> 4275<div class="js-webform-type-select webform-type-select js-form-item form-item js-form-type-select form-type-select js-form-item-how-did-you-find-us form-item-how-did-you-find-us"> 4276 <label for="edit-how-did-you-find-us" class="js-form-required form-required">How did you find us?</label> 4277 <select data-webform-required-error="This field is required" data-drupal-selector="edit-how-did-you-find-us" id="edit-how-did-you-find-us" name="how_did_you_find_us" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- Select -</option><option value="Blog">Blog</option><option value="Press">Press</option><option value="Referral (DSP)">Referral (DSP)</option><option value="Referral (ADA Client)">Referral (ADA Client)</option><option value="Search Engine">Search Engine</option><option value="Social Media">Social Media</option><option value="Word of Mouth">Word of Mouth</option></select> 4278 </div> 4279<div class="js-webform-type-checkbox webform-type-checkbox js-form-item form-item js-form-type-checkbox form-type-checkbox js-form-item-artist-marketing-consent form-item-artist-marketing-consent"> 4280 <label for="edit-artist-marketing-consent" class="js-form-required form-required">
4280Artist marketing consent</label> 4281 <input data-webform-required-error="This field is required" data-drupal-selector="edit-artist-marketing-consent" aria-describedby="edit-artist-marketing-consent--description" type="checkbox" id="edit-artist-marketing-consent" name="artist_marketing_consent" value="1" class="form-checkbox required" required="required" aria-required="true" /> 4282 4283 <div class="description"> 4284 <div id="edit-artist-marketing-consent--description" class="webform-element-description">I want Warner Music Group to send me marketing messages about ADA. Unsubscribe at any time. Please read our <a href="https://privacy.wmg.com/ada/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a> for more information about how we handle your personal information, including for marketing.</div> 4285 4286 </div> 4287 </div> 4288<input autocomplete="off" data-drupal-selector="form-myyczint7jrzuyw5gflnsbsy4o8vukni8jbcyq2qw6a" type="hidden" name="form_build_id" value="form-MYycziNT7JRZuyw5gfLNsBsy4O8VUKNI8jbcYQ2Qw6A" /> 4289<input data-drupal-selector="edit-webform-submission-contact-us-two-node-71-add-form" type="hidden" name="form_id" value="webform_submission_contact_us_two_node_71_add_form" /> 4290<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input class="webform-button--submit button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" data-disable-refocus="true" type="submit" id="edit-submit" name="op" value="Submit" /> 4291 4292</div> 4293 4294 4295 4296</form> 4297</div></div> 4298 </div> 4299 </div> 4300<div id="block-bartik-contactuscssjs" class="block block-block-content block-block-content34503692-7a24-48b8-b157-0430bae4a13b"> 4301 4302 4303 <div class="content"> 4304 4305 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
4305<script> 4306 window.addEventListener("load", () => { 4307 setTimeout(() => { 4308 4309 document.querySelector(".footerHeadline a.footeremaillink.email").setAttribute("href", "mailto:[email protected]"); 4310 document.querySelector(".footerHeadline a.footeremaillink.email").textContent = "[email protected]"; 4311 4312 const webform = document.querySelector("div#block-bartik-webform"); 4313 const wrapperElement = document.querySelector(".footerrightpart.right .footerHeadline"); 4314 4315 if (webform && wrapperElement && wrapperElement.parentNode) { 4316 wrapperElement.parentNode.insertBefore(webform, wrapperElement.nextSibling); 4317 } 4318 const dummySubmit = document.querySelector('.dummySubmit'); 4319 const realSubmit = document.querySelector('div#block-bartik-webform div#edit-actions input[type="submit"]'); 4320 if (dummySubmit && realSubmit && realSubmit.parentNode) { 4321 realSubmit.parentNode.insertBefore(dummySubmit, realSubmit.nextSibling); 4322 } 4323 }, 1000); 4324 4325 4326 }); 4327 document.addEventListener('DOMContentLoaded', function () { 4328 document.addEventListener('change', function (e) { 4329 if (e.target && e.target.matches('.form-item-main-music-genre select')) { 4330 const pleaseSpecifyField = document.querySelector('.form-item-please-specify'); 4331 4332 if (pleaseSpecifyField) { 4333 if (e.target.value === "Other (Please Specify)") { 4334 pleaseSpecifyField.classList.add('opened'); 4335 } else { 4336 pleaseSpecifyField.classList.remove('opened'); 4337 const input = pleaseSpecifyField.querySelector('input'); 4338 if (input) input.value = ''; 4339 } 4340 } 4341 } 4342 }); 4343 4344 document.addEventListener('click', function (e) { 4345 if (e.target && e.target.matches('.dummySubmit, #dummySubmit')) { 4346 e.preventDefault(); 4347 validateForm(); 4348 } 4349 4350 }); 4351 4352 function validateForm() { 4353 document.querySelectorAll('.errortext').forEach(error => error.remove()); 4354 document.querySelectorAll('.errored').forEach(element => element.classList.remove('errored')); 4355 4356 let hasErrors = false; 4357 4358 let fieldSelectors = [ 4359 '.form-item-reaching-out-about select', 4360 '.form-item-your-name input', 4361 '.form-item-your-email input', 4362 '.form-item-your-phone-number input', 4363 '.form-item-company-name input', 4364 '.form-item-company-type select', 4365 '.form-item-company-website input', 4366 '.form-item-main-music-genre select', 4367 '.form-item-catalog-size select', 4368 '.form-item-company-background textarea', 4369 '.form-item-how-did-you-find-us select', 4370 '.form-item-please-specify.opened input', 4371 '.form-item-artist-marketing-consent input[type="checkbox"]' 4372 ]; 4373 4374 // Add please-specify field to validation if it's visible/active 4375 // const pleaseSpecifyField = document.querySelector('.form-item-please-specify'); 4376 // if (pleaseSpecifyField && pleaseSpecifyField.classList.contains('opened')) { 4377 // fieldSelectors.push('.form-item-please-specify input'); 4378 // } 4379 4380 fieldSelectors.forEach(selector => { 4381 const field = document.querySelector(selector); 4382 if (field) { 4383 let isEmpty = false; 4384 4385 if (field.tagName.toLowerCase() === 'select') { 4386 isEmpty = !field.value || field.value === '' || field.value === '0' || field.selectedIndex === 0; 4387 } else if (field.type === 'checkbox') { 4388 isEmpty = !field.checked; 4389 } else { 4390 isEmpty = !field.value.trim(); 4391 } 4392 4393 if (isEmpty) { 4394 hasErrors = true; 4395 addErrorMessage(field.parentElement, 'This field is required'); 4396 } 4397 } 4398 }); 4399 4400 const emailField = document.querySelector('.form-item-your-email input'); 4401 if (emailField && emailField.value.trim()) { 4402 if (!isValidEmail(emailField.value.trim())) { 4403 hasErrors = true; 4404 const existingError = emailField.parentElement.querySelector('.errortext'); 4405 if (existingError) { 4406 existingError.remove(); 4407 } 4408 addErrorMessage(emailField.parentElement, 'Please enter a valid email address'); 4409 } 4410 } 4411 4412 const phoneField = document.querySelector('.form-item-your-phone-number input'); 4413 if (phoneField && phoneField.value.trim()) { 4414 if (!isValidPhoneNumber(phoneField.value.trim())) { 4415 hasErrors = true; 4416 const existingError = phoneField.parentElement.querySelector('.errortext'); 4417 if (existingError) { 4418 existingError.remove(); 4419 } 4420 addErrorMessage(phoneField.parentElement, 'Please enter numbers only'); 4421 } 4422 } 4423 4424 if (!hasErrors) { 4425 document.querySelector('div#block-bartik-webform div#edit-actions input[type="submit"]').click(); 4426 } 4427 } 4428 4429 function addErrorMessage(parentElement, message) { 4430 if (!parentElement.querySelector('.errortext')) { 4431 const errorDiv = document.createElement('div'); 4432 errorDiv.className = 'errortext'; 4433 errorDiv.textContent = message; 4434 parentElement.appendChild(errorDiv); 4435 } 4436 parentElement.classList.add('errored'); 4437 } 4438 4439 function isValidEmail(email) { 4440 const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 4441 return emailRegex.test(email); 4442 } 4443 4444 function isValidPhoneNumber(phone) { 4445 const phoneRegex = /^[0-9-+ ]+$/; 4446 return phoneRegex.test(phone); 4447 } 4448 }); 4449</script>
4449 4450<div class="dummySubmit">Submit</div> 4451<style> 4452 div#block-bartik-webform * { 4453 font-family: var(--fontfamily-antarcticalight); 4454 } 4455 4456 div#block-bartik-webform input, 4457 div#block-bartik-webform select, 4458 textarea.form-textarea { 4459 padding: 0; 4460 width: 100%; 4461 height: 3vw; 4462 line-height: 3vw; 4463 margin: 0; 4464 border-radius: 0; 4465 background: transparent; 4466 border: 2px solid #ffffff; 4467 color: #fff; 4468 -webkit-text-fill-color: #ffffff; 4469 font-size: 1.2vw; 4470 padding-left: 0.6vw; 4471 } 4472 4473 4474 .site-footer div#block-bartik-webform { 4475 padding: 0; 4476 } 4477 4478 div#block-bartik-webform label { 4479 font-size: 1.2vw; 4480 color: #ffffff; 4481 margin-bottom: 1.4vw; 4482 margin-top: 1.4vw; 4483 font-family: var(--fontfamily-antarcticalight); 4484 } 4485 4486 div#block-bartik-webform { 4487 background-color: #1E132A; 4488 } 4489 4490 div#block-bartik-webform option { 4491 background-color: #1E132A; 4492 } 4493 4494 .right.footerrightpart { 4495 row-gap: 1vw !important; 4496 } 4497 4498 div#block-bartik-webform .form-actions input#edit-submit { 4499 display: none; 4500 } 4501 4502 div#block-bartik-webform { 4503 border: none; 4504 } 4505 4506 div#block-bartik-webform select { 4507 -moz-appearance: none !important; 4508 -webkit-appearance: none !important; 4509 cursor: pointer; 4510 } 4511 4512 div#block-bartik-webform select::-ms-expand { 4513 display: none !important; 4514 } 4515 4516 div#block-bartik-webform select { 4517 background: url(/sites/g/files/g2000017381/files/2026-03/ada_drop_arrow.svg) no-repeat right center; 4518 background-position: 95% 50%; 4519 background-size: 1.3vw; 4520 } 4521 4522 .dummySubmit { 4523 4524 padding: 0; 4525 width: 30%; 4526 height: 3vw; 4527 line-height: 3vw; 4528 margin: 0; 4529 border-radius: 0; 4530 background: transparent; 4531 border: 2px solid #ffffff; 4532 color: #fff; 4533 font-size: 1.2vw; 4534 padding-left: 0.6vw; 4535 margin: 2vw auto; 4536 cursor: pointer; 4537 text-align: center; 4538 } 4539 4540 .errortext { 4541 font-size: 1vw; 4542 color: #ff0000; 4543 margin-top: 0.4vw; 4544 } 4545 4546 div#block-bartik-webform input:focus, 4547 div#block-bartik-webform select:focus, 4548 textarea.form-textarea:focus { 4549 outline: none; 4550 } 4551 4552 div#block-bartik-webform .errored input, 4553 div#block-bartik-webform .errored select, 4554 div#block-bartik-webform .errored textarea.form-textarea { 4555 border-color: #ff0000; 4556 } 4557 4558 .dummySubmit:hover { 4559 opacity: 0.6; 4560 } 4561 4562 div#block-bartik-webform input:-webkit-autofill, 4563 div#block-bartik-webform input:-webkit-autofill:hover, 4564 div#block-bartik-webform input:-webkit-autofill:focus, 4565 div#block-bartik-webform textarea:-webkit-autofill, 4566 div#block-bartik-webform textarea:-webkit-autofill:hover, 4567 div#block-bartik-webform textarea:-webkit-autofill:focus, 4568 div#block-bartik-webform select:-webkit-autofill, 4569 div#block-bartik-webform select:-webkit-autofill:hover, 4570 div#block-bartik-webform select:-webkit-autofill:focus, 4571 div#block-bartik-webform .errored input:-webkit-autofill, 4572 div#block-bartik-webform .errored input:-webkit-autofill:hover, 4573 div#block-bartik-webform .errored input:-webkit-autofill:focus, 4574 div#block-bartik-webform .errored textarea:-webkit-autofill, 4575 div#block-bartik-webform .errored textarea:-webkit-autofill:hover, 4576 div#block-bartik-webform .errored textarea:-webkit-autofill:focus, 4577 div#block-bartik-webform .errored select:-webkit-autofill, 4578 div#block-bartik-webform .errored select:-webkit-autofill:hover, 4579 div#block-bartik-webform .errored select:-webkit-autofill:focus { 4580 -webkit-box-shadow: 0 0 0px 1000px #1e132a inset; 4581 -webkit-text-fill-color: #ffffff; 4582 } 4583 4584 .webform-confirmation { 4585 font-size: 2vw; 4586 color: #ffffff; 4587 } 4588 4589 .webform-confirmation__back { 4590 display: none; 4591 } 4592 4593 div#block-bartik-webform .js-form-item>.description { 4594 font-size: 0.7vw; 4595 text-align: left; 4596 width: 100%; 4597 margin: 0 auto 1vw; 4598 color: #ffffff; 4599 } 4600 4601 div#edit-actions input[type="submit"] { 4602 display: none; 4603 } 4604 4605 .form-item-please-specify { 4606 display: none; 4607 } 4608 4609 .form-item-please-specify.opened { 4610 display: block; 4611 } 4612 4613 .form-item-artist-marketing-consent { 4614 margin: 1vw auto; 4615 position: relative; 4616 } 4617 4618 .form-item-artist-marketing-consent input#edit-artist-marketing-consent { 4619 height: 1.25vw; 4620 width: 1.25vw; 4621 z-index: 1; 4622 border: none; 4623 position: absolute; 4624 left: 0; 4625 opacity: 0; 4626 cursor: pointer; 4627 } 4628 4629 div#block-bartik-webform .form-item-artist-marketing-consent .description { 4630 padding-left: 2vw; 4631 font-size: 0.9vw; 4632 line-height: 1vw; 4633 } 4634 4635 div#block-bartik-webform .form-item-artist-marketing-consent .description:before { 4636 content: ""; 4637 height: 1.250vw; 4638 width: 1.250vw; 4639 left: 0px; 4640 background: #fff; 4641 display: inline-block; 4642 position: absolute; 4643 top: 0; 4644 border: 0.052vw solid #000000; 4645 } 4646 4647 div#block-bartik-webform .form-item-artist-marketing-consent [type="checkbox"]:checked+.description div:after { 4648 content: "\2714"; 4649 position: absolute; 4650 /* font-size: 1vw; */ 4651 left: 0.15vw; 4652 top: 0.2vw; 4653 background: transparent; 4654 font-size: 1vw; 4655 -webkit-text-fill-color: #000000; 4656 } 4657 4658 div#block-bartik-contactuscssjs, 4659 div#block-bartik-webform .form-item-artist-marketing-consent label { 4660 display: none; 4661 } 4662 4663 div#block-bartik-webform .form-item-artist-marketing-consent.errored .description:before { 4664 border-color: #ff0000; 4665 } 4666 4667 div#block-bartik-webform .form-item-artist-marketing-consent .description a { 4668 white-space: nowrap; 4669 } 4670 4671 @media only screen and (max-width: 1024px) and (orientation: portrait) { 4672 div#block-bartik-webform .js-form-item>.description { 4673 font-size: 2.5vw; 4674 margin-bottom: 2vw; 4675 } 4676 4677 .form-item-artist-marketing-consent input#edit-artist-marketing-consent { 4678 width: 5vw; 4679 height: 5vw; 4680 } 4681 4682 .webform-confirmation { 4683 font-size: 5vw; 4684 } 4685 4686 div#block-bartik-webform input, 4687 div#block-bartik-webform select, 4688 textarea.form-textarea { 4689 width: 100%; 4690 height: 10vw; 4691 line-height: 10vw; 4692 font-size: 5.2vw; 4693 padding-left: 1.6vw; 4694 } 4695 4696 div#block-bartik-webform label { 4697 font-size: 5.2vw; 4698 margin-bottom: 3.4vw; 4699 margin-top: 3.4vw; 4700 } 4701 4702 div#block-bartik-webform { 4703 width: 98%; 4704 } 4705 4706 .footercontent.content { 4707 grid-template-columns: 1fr !important; 4708 } 4709 4710 .errortext { 4711 font-size: 3vw; 4712 margin: 2vw auto; 4713 } 4714 4715 .site-footer div#block-bartik-webform { 4716 padding: 5vw; 4717 } 4718 4719 div#block-bartik-webform select { 4720 background: url(/sites/g/files/g2000017381/files/2026-03/ada_drop_arrow.svg) no-repeat right center; 4721 background-position: 95% 50%; 4722 background-size: 4.3vw; 4723 4724 } 4725 4726 div#block-bartik-webform .form-item { 4727 margin: 7vw auto; 4728 } 4729 4730 .dummySubmit { 4731 width: 100%; 4732 height: 10vw; 4733 line-height: 10vw; 4734 font-size: 5.2vw; 4735 padding-left: 1.6vw; 4736 } 4737 4738 .site-footer div#block-bartik-webform { 4739 padding-right: 0; 4740 padding-left: 8vw; 4741 padding: 0; 4742 width: 90%; 4743 margin: 0 auto; 4744 } 4745 4746 .footerrightpart.right { 4747 overflow: hidden; 4748 } 4749 4750 div#block-bartik-webform .form-item-artist-marketing-consent .description:before { 4751 width: 5vw; 4752 height: 5vw; 4753 } 4754 4755 div#block-bartik-webform .form-item-artist-marketing-consent .description { 4756 padding-left: 7vw; 4757 line-height: 3.1vw; 4758 } 4759 4760 div#block-bartik-webform .form-item-artist-marketing-consent [type="checkbox"]:checked+.description div:after { 4761 font-size: 5vw; 4762 top: 1vw; 4763 } 4764 } 4765 4766 @media only screen and (max-width: 767px) and (orientation: portrait) { 4767 div#block-bartik-webform { 4768 width: 70%; 4769 } 4770 } 4771 @media only screen and (max-width:1023px) and (orientation: landscape) { 4772 .footerrightpart.right{ 4773 width: 75%; 4774 } 4775 } 4776</style></div> 4777 4778 </div> 4779 </div> 4780<div id="block-footerblockada" class="block block-block-content block-block-content27da4b87-2551-445f-8756-e57b1e4f23b3"> 4781 4782 4783 <div class="content"> 4784 4785 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footer_links"> 4786 <div class="footercontainer container"> 4787 <div class="footercontent content"> 4788 <div class="footerLogoWrapper logo-wrapper">
4789 <svg width="100%" height="100%" viewBox="0 0 200 86" xmlns="http://www.w3.org/2000/svg" 4790 class="css-9c5hf1"> 4791 <g clip-path="url(#clip_logo)"> 4792 <path 4793 d="M200 48.7443C199.999 43.8705 199.077 39.1324 197.262 34.6622C195.511 30.3504 193.008 26.4814 189.823 23.1635C186.638 19.8456 182.923 17.2383 178.783 15.4145C174.487 13.5222 169.935 12.562 165.252 12.562C160.569 12.562 156.017 13.5211 151.721 15.4145C147.581 17.2383 143.867 19.8456 140.681 23.1635C138.319 25.6242 136.332 28.3888 134.749 31.4116V-0.0249634H130.503V48.7443C130.503 53.0268 129.695 57.1899 128.1 61.1154C126.564 64.8998 124.366 68.2969 121.569 71.2101C118.772 74.1233 115.511 76.4126 111.877 78.013C108.108 79.6741 104.111 80.5161 100 80.5161C95.8885 80.5161 91.8917 79.6741 88.1229 78.013C84.4896 76.4126 81.2281 74.1233 78.4312 71.2101C75.6344 68.2969 73.4365 64.9009 71.9 61.1154C70.3052 57.1888 69.4969 53.0268 69.4969 48.7443C69.4969 44.4618 70.3052 40.2987 71.9 36.3732C73.4375 32.5877 75.6344 29.1917 78.4312 26.2785C81.2281 23.3653 84.4885 21.0759 88.1229 19.4756C91.8927 17.8145 95.8885 16.9725 100 16.9725C104.111 16.9725 108.107 17.8145 111.877 19.4756C112.825 19.8933 113.753 20.362 114.654 20.8752V25.3389C113.324 24.4351 111.918 23.6528 110.444 23.004C107.13 21.5447 103.617 20.8047 100 20.8047C96.3833 20.8047 92.8698 21.5447 89.5552 23.0051C86.3594 24.4134 83.4917 26.426 81.0323 28.9888C78.5719 31.5515 76.6396 34.5385 75.2875 37.8662C73.8854 41.3175 73.175 44.9772 73.175 48.7454C73.175 52.5125 73.8854 56.1732 75.2875 59.6246C76.6396 62.9533 78.5719 65.9403 81.0323 68.502C83.4927 71.0647 86.3604 73.0774 89.5552 74.4857C92.8687 75.945 96.3823 76.6861 100 76.6861C103.617 76.6861 107.131 75.9461 110.444 74.4857C113.64 73.0785 116.506 71.0647 118.967 68.502C121.427 65.9392 123.359 62.9522 124.711 59.6246C126.114 56.1732 126.824 52.5136 126.824 48.7454V-0.0249634H122.578V48.7443C122.578 51.9168 121.98 54.9971 120.801 57.9005C119.664 60.702 118.036 63.2159 115.965 65.374C113.893 67.532 111.478 69.2268 108.79 70.4116C106.002 71.6398 103.045 72.2626 99.999 72.2626C96.9531 72.2626 93.9958 71.6398 91.2083 70.4116C88.5187 69.2268 86.1052 67.532 84.0333 65.374C81.9615 63.2159 80.3344 60.702 79.1969 57.9005C78.0177 54.9971 77.4198 51.9168 77.4198 48.7443C77.4198 45.5718 78.0177 42.4915 79.1969 39.5881C80.3344 36.7866 81.9615 34.2727 84.0333 32.1146C86.1052 29.9566 88.5187 28.2618 91.2083 27.077C93.9958 25.8488 96.9531 25.226 99.999 25.226C103.045 25.226 106.002 25.8488 108.79 27.077C110.927 28.0188 112.896 29.2872 114.653 30.8528V36.3277C111.184 31.8955 105.904 29.0593 99.999 29.0593C89.5771 29.0593 81.099 37.89 81.099 48.7454C81.099 59.6007 89.5771 68.4315 99.999 68.4315C110.42 68.4315 118.899 59.6007 118.899 48.7454V-0.0249634H114.653V15.9222C114.281 15.7421 113.907 15.5685 113.53 15.4025C109.234 13.5103 104.682 12.5512 99.999 12.5512C95.3156 12.5512 90.7635 13.5103 86.4677 15.4036C82.3281 17.2275 78.6135 19.8347 75.4281 23.1526C72.2427 26.4705 69.7396 30.3396 67.9885 34.6513C67.7708 35.1873 67.5667 35.7266 67.375 36.2702C67.1823 35.7233 66.9771 35.1797 66.7573 34.6394C65.0062 30.3277 62.5031 26.4586 59.3177 23.1407C56.1323 19.8228 52.4177 17.2155 48.2781 15.3917C43.9823 13.4994 39.4302 12.5392 34.7469 12.5392C30.0635 12.5392 25.5115 13.4984 21.2156 15.3917C17.076 17.2155 13.3615 19.8228 10.176 23.1407C6.99063 26.4586 4.4875 30.3277 2.73646 34.6394C0.920833 39.1128 0 43.8542 0 48.7324C0 53.6105 0.920833 58.3519 2.73854 62.8264C4.48958 67.1381 6.99271 71.0072 10.1781 74.3251C13.3635 77.643 17.0781 80.2503 21.2177 82.0741C25.5135 83.9664 30.0656 84.9255 34.749 84.9255C39.4323 84.9255 43.9844 83.9664 48.2802 82.073C48.6573 81.907 49.0312 81.7324 49.4031 81.5523V85.6492H53.649V48.7443C53.649 48.74 53.649 48.7367 53.649 48.7324C53.649 37.877 45.1708 29.0463 34.749 29.0463C24.3281 29.0463 15.849 37.877 15.849 48.7324C15.849 59.5866 24.3271 68.4184 34.749 68.4184C40.6542 68.4184 45.9344 65.5823 49.4031 61.1501V66.6239C47.6448 68.1895 45.6781 69.4579 43.5396 70.3996C40.7521 71.6278 37.7948 72.2506 34.749 72.2506C31.7031 72.2506 28.7458 71.6278 25.9583 70.3996C23.2687 69.2148 20.8552 67.5201 18.7833 65.362C16.7115 63.204 15.0844 60.69 13.9469 57.8886C12.7677 54.9852 12.1698 51.9049 12.1698 48.7324C12.1698 45.5598 12.7677 42.4796 13.9469 39.5761C15.0844 36.7747 16.7115 34.2608 18.7833 32.1027C20.8552 29.9447 23.2687 28.2499 25.9583 27.0651C28.7458 25.8369 31.7031 25.2141 34.749 25.2141C37.7948 25.2141 40.7521 25.8369 43.5396 27.0651C46.2292 28.2499 48.6427 29.9447 50.7146 32.1027C52.7865 34.2608 54.4135 36.7
4793747 55.551 39.5761C56.7302 42.4796 57.3281 45.5598 57.3281 48.7324V85.6513H61.574V48.7248C61.5729 44.9598 60.8625 41.3023 59.4615 37.8542C58.1094 34.5255 56.1771 31.5385 53.7167 28.9768C51.2562 26.4141 48.3885 24.4014 45.1937 22.9931C41.8802 21.5327 38.3667 20.7928 34.749 20.7928C31.1323 20.7928 27.6188 21.5327 24.3042 22.9931C21.1083 24.4014 18.2406 26.4141 15.7812 28.9768C13.3208 31.5396 11.3885 34.5266 10.0365 37.8542C8.63437 41.3056 7.92396 44.9653 7.92396 48.7334C7.92396 52.5005 8.63437 56.1602 10.0365 59.6116C11.3885 62.9403 13.3208 65.9273 15.7812 68.489C18.2417 71.0517 21.1094 73.0644 24.3042 74.4727C27.6177 75.9331 31.1312 76.673 34.749 76.673C38.3656 76.673 41.8802 75.9331 45.1927 74.4727C46.6677 73.8228 48.074 73.0427 49.4031 72.1389V76.6014C48.5021 77.1146 47.574 77.5833 46.626 78.0011C42.8562 79.6622 38.8604 80.5041 34.749 80.5041C30.6375 80.5041 26.6406 79.6622 22.8719 78.0011C19.2375 76.3996 15.9771 74.1114 13.1802 71.1982C10.3833 68.285 8.18542 64.889 6.64896 61.1034C5.05417 57.1768 4.24583 53.0148 4.24583 48.7324C4.24583 44.4499 5.05417 40.2868 6.64896 36.3613C8.18646 32.5758 10.3833 29.1797 13.1802 26.2665C15.9771 23.3533 19.2375 21.0651 22.8719 19.4636C26.6417 17.8025 30.6375 16.9606 34.749 16.9606C38.8604 16.9606 42.8573 17.8025 46.626 19.4636C50.2604 21.0651 53.5208 23.3533 56.3177 26.2665C59.1146 29.1797 61.3125 32.5768 62.849 36.3613C64.4437 40.2868 65.2521 44.4499 65.2521 48.7324C65.2521 48.7367 65.2521 48.74 65.2521 48.7443V85.6513H69.4979V66.089C71.0812 69.1117 73.0677 71.8763 75.4302 74.3371C78.6156 77.655 82.3302 80.2622 86.4698 82.0861C90.7656 83.9783 95.3177 84.9385 100.001 84.9385C104.684 84.9385 109.236 83.9794 113.532 82.0872C117.672 80.2633 121.386 77.656 124.572 74.3381C127.757 71.0202 130.26 67.1512 132.011 62.8394C132.229 62.3034 132.433 61.7642 132.625 61.2206C132.818 61.7674 133.023 62.311 133.243 62.8513C134.994 67.1631 137.497 71.0322 140.682 74.3501C143.868 77.668 147.582 80.2752 151.722 82.0991C156.018 83.9913 160.57 84.9504 165.253 84.9504C169.936 84.9504 174.489 83.9913 178.784 82.098C179.161 81.932 179.535 81.7573 179.907 81.5772V85.6513H184.153V48.7443C184.147 37.8944 175.671 29.0702 165.253 29.0702C154.832 29.0702 146.353 37.9009 146.353 48.7562C146.353 59.6105 154.831 68.4423 165.253 68.4423C171.158 68.4423 176.439 65.6061 179.907 61.1739V66.6477C178.149 68.2134 176.182 69.4817 174.044 70.4235C171.256 71.6517 168.299 72.2745 165.253 72.2745C162.207 72.2745 159.25 71.6517 156.463 70.4235C153.773 69.2387 151.359 67.5439 149.288 65.3859C147.216 63.2278 145.589 60.7139 144.451 57.9125C143.272 55.009 142.674 51.9287 142.674 48.7562C142.674 45.5837 143.272 42.5034 144.451 39.6C145.589 36.7985 147.216 34.2846 149.288 32.1266C151.359 29.9685 153.773 28.2738 156.463 27.089C159.25 25.8608 162.207 25.238 165.253 25.238C168.299 25.238 171.256 25.8608 174.044 27.089C176.733 28.2738 179.147 29.9685 181.219 32.1266C183.291 34.2846 184.918 36.7985 186.055 39.6C187.234 42.5034 187.832 45.5837 187.832 48.7562V85.6513H192.078V48.7443C192.077 44.9805 191.367 41.3251 189.967 37.877C188.616 34.5494 186.682 31.5624 184.222 28.9996C181.761 26.4369 178.894 24.4242 175.699 23.0159C172.385 21.5555 168.872 20.8155 165.254 20.8155C161.637 20.8155 158.124 21.5555 154.809 23.0159C151.614 24.4242 148.746 26.4369 146.286 28.9996C143.826 31.5624 141.894 34.5494 140.542 37.877C139.141 41.3284 138.429 44.9881 138.429 48.7562C138.429 52.5233 139.14 56.1841 140.542 59.6354C141.893 62.9631 143.826 65.9501 146.286 68.5128C148.747 71.0756 151.615 73.0882 154.809 74.4966C158.123 75.9569 161.636 76.6969 165.254 76.6969C168.871 76.6969 172.384 75.9569 175.699 74.4966C177.174 73.8466 178.58 73.0665 179.909 72.1627V76.6264C179.008 77.1396 178.08 77.6083 177.132 78.0249C173.362 79.6861 169.367 80.528 165.255 80.528C161.144 80.528 157.147 79.6861 153.378 78.0249C149.744 76.4235 146.483 74.1353 143.686 71.222C140.89 68.3088 138.692 64.9128 137.155 61.1273C135.56 57.2018 134.752 53.0387 134.752 48.7562C134.752 44.4738 135.56 40.3107 137.155 36.3852C138.692 32.6007 140.89 29.2036 143.686 26.2904C146.483 23.3772 149.744 21.089 153.378 19.4875C157.148 17.8264 161.144 16.9844 165.255 16.9844C169.367 16.9844 173.364 17.8264 177.132 19.4875C180.767 21.089 184.027 23.3772 186.824 26.2904C189.621 29.2036 191.819 32.5996 193.355 36.3852C194.95 40.3117 195.758 44.4738 195.758 48.7562V85.6513H200V48.7443ZM100 64.0079C91.9198 64.0079 85.3458 57.1606 85.3458 48.7443C85.3458 40.328 91.9198 33.4806 100 33.4806C108.08 33.4806 114.654 40.328 114.654 48.7443C114.654 57.1606 108.08 64.0079 100 64.0079ZM34.749 63.996C26.6687 63.996 20.0948 57.1486 20.0948 48.7324C20.0948 40.3161 26.6687 33.4687 34.749 33.4687C42.8292 33.4687 49.4031 40.3161 49.4031 48.7324C49.4031 57.1486 42.8292 63.996 34.749 63.996ZM16
47935.251 64.0199C157.171 64.0199 150.597 57.1725 150.597 48.7562C150.597 40.34 157.171 33.4926 165.251 33.4926C173.331 33.4926 179.905 40.34 179.905 48.7562C179.905 57.1725 173.332 64.0199 165.251 64.0199Z" 4794 fill="currentColor"></path> 4795 </g> 4796 <defs> 4797 <clipPath id="clip_logo"> 4798 <rect width="100%" height="100%"></rect> 4799 </clipPath> 4800 </defs> 4801 </svg> 4802 </div> 4803 <div class="footerrightpart right"> 4804 <div class="footerHeadline"> 4805 <h2 class="footerrightheadline headline h2">Let's Talk</h2><a href="mailto:[email protected]" 4806 class="footeremaillink email">[email protected]</a> 4807 </div> 4808 <div class="footerlinkswidget links-widget"> 4809 <ul class=footerlinkswidgetleft links-left"> 4810 <li class="jsx-2467574018"><a href="https://www.instagram.com/ada_music/?hl=en" target="_blank" 4811 rel="noreferrer" class="jsx-2467574018">Instagram</a></li> 4812 <li class="jsx-2467574018"><a 4813 href="https://www.linkedin.com/company/alternative-distribution-alliance" 4814 target="_blank" rel="noreferrer" class="jsx-2467574018">Linkedin</a></li> 4815 <li class="jsx-2467574018"><a href="https://www.facebook.com/AlternativeDistributionAlliance/" 4816 target="_blank" rel="noreferrer" class="jsx-2467574018">Facebook</a></li> 4817 <li class="jsx-2467574018"><a href="https://twitter.com/ada_music" target="_blank" 4818 rel="noreferrer" class="jsx-2467574018">Twitter</a></li> 4819 </ul> 4820 <ul class="footerlinkswidgetleftright links-right"> 4821 <li class="jsx-2467574018"><a 4822 href="https://www.linkedin.com/company/alternative-distribution-alliance/jobs/" 4823 target="_blank" rel="noreferrer" class="jsx-2467574018 ">Careers</a></li> 4824 <li class="jsx-2467574018"><a href="https://privacy.wmg.com/ada/privacy-policy" target="_blank" 4825 rel="noreferrer" class="jsx-2467574018 ">Privacy</a></li> 4826 <li class="jsx-2467574018"><a href="https://www.wmg.com/terms-of-use" target="_blank" 4827 rel="noreferrer" class="jsx-2467574018 ">Terms of Use</a></li> 4828 <li class="jsx-2467574018"><a target="_blank" 4829 href="https://www.wminewmedia.com/cookies-policy/" 4830 rel="noreferrer" class="jsx-2467574018 ">Cookie Policy</a></li> 4831 <li class="jsx-2467574018"><a style="cursor:pointer" 4832 class="jsx-2467574018 ot-sdk-show-settings">Cookies Settings</a></li> 4833 </ul> 4834 </div> 4835 <div class="footercpyright copyright"> 4836 <div class="footercpyrightpatternwrap pattern-wrapper"><svg width="515" height="18"
4837 viewBox="0 0 515 18" xmlns="http://www.w3.org/2000/svg" 4838 class="jsx-989efc121a8b81d0 css-1q71ldy"> 4839 <rect width="47.4654" height="18" transform="matrix(1 1.74846e-07 1.74846e-07 -1 0 18)" 4840 fill="currentColor" class="jsx-989efc121a8b81d0"></rect> 4841 <rect width="11.8664" height="18" 4842 transform="matrix(1 1.74846e-07 1.74846e-07 -1 90.1836 18)" fill="currentColor" 4843 class="jsx-989efc121a8b81d0"></rect> 4844 <rect width="4.74654" height="18" transform="matrix(1 1.74846e-07 1.74846e-07 -1 144.77 18)" 4845 fill="currentColor" class="jsx-989efc121a8b81d0"></rect> 4846 <rect width="4.74654" height="18" transform="matrix(1 1.74846e-07 1.74846e-07 -1 246.82 18)" 4847 fill="currentColor" class="jsx-989efc121a8b81d0"></rect> 4848 <rect width="4.74654" height="18" 4849 transform="matrix(1 1.74846e-07 1.74846e-07 -1 348.871 18)" fill="currentColor" 4850 class="jsx-989efc121a8b81d0"></rect> 4851 <rect width="4.74654" height="18" 4852 transform="matrix(1 1.74846e-07 1.74846e-07 -1 510.254 18)" fill="currentColor" 4853 class="jsx-989efc121a8b81d0"></rect> 4854 </svg></div> 4855 <span class="copyyear">© <!-- -->2026<!-- --> <!-- -->Alternative Distribution 4856 Alliance</span> 4857 </div> 4858 </div> 4859 </div> 4860 </div> 4861</div> 4862 4863<style> 4864@media only screen and (max-width:639px){ 4865:lang(ja) #block-footerblockada a.footeremaillink.email { 4866 font-size: 17px; 4867} 4868} 4869</style></div> 4870 4871 </div> 4872 </div> 4873<div id="block-bartik-contactinfoupdateforsoutheastasiapage" class="block block-block-content block-block-content8551b255-ac12-4f1e-b85f-e0fd976ee759"> 4874 4875 4876 <div class="content"> 4877 4878 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
4878<script> 4879 jQuery(document).ready(function(){ 4880 if (window.location.pathname == '/southeastasia') { 4881 jQuery(".footeremaillink").attr("href", "mailto:[email protected]"); 4882 jQuery(".footeremaillink").text("[email protected]"); 4883 } 4884}); 4885 4886</script>
4886 4887<style> 4888.linkfyre-link.Réjizz, .linkfyre-link.DPM, .linkfyre-link.Oslo.Ibrahim{ 4889 display: none; 4890} 4891</style></div> 4892 4893 </div> 4894 </div> 4895<div id="block-bartik-footerstylecss" class="block block-block-content block-block-content9d1ce0b2-5a19-4980-95b8-9dca864d5850"> 4896 4897 4898 <div class="content"> 4899 4900 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 4901div#block-bartik-footerstylecss { 4902 display: none; 4903} 4904 div.footer_links { 4905 background: var(--color-midnightBlue); 4906 } 4907 4908 .container.footercontainer { 4909 max-width: var(--size-pageWidth); 4910 margin-left: auto; 4911 margin-right: auto; 4912 padding: 0 16px; 4913 } 4914 4915 .content.footercontent content { 4916 padding: var(--space-sectionPaddingBlock)0; 4917 display: grid; 4918 grid-gap: 50px; 4919 grid-template-columns: 1fr 2fr; 4920 -webkit-box-align: center; 4921 4922 align-items: center; 4923 } 4924 4925 @media (min-width: 640px) { 4926 .logo-wrapper.footerLogoWrapper { 4927 position: relative; 4928 top: -50px; 4929 } 4930 } 4931 4932 .logo-wrapper.footerLogoWrapper { 4933 width: 200px; 4934 } 4935 4936 .css-9c5hf1 { 4937 color: var(--color-ghostWhite); 4938 } 4939 4940 right { 4941 float: right; 4942 4943 } 4944 4945 .right.footerrightpart { 4946 4947 display: flex; 4948 -webkit-box-orient: vertical; 4949 -webkit-box-direction: normal; 4950 4951 flex-direction: column; 4952 row-gap: 168px; 4953 } 4954 4955 .h2.footerrightheadline { 4956 font-size: var(--fontSize-headlineExpanded); 4957 } 4958 4959 .headline.footerrightheadline { 4960 /* font-family: var(--fontFamily-headlineExpanded); */ 4961 font-family: var(--fontfamily-antarcticaultraexpandedXBlk); 4962 color: var(--color-razzberryJam); 4963 text-transform: uppercase; 4964 4965 line-height: var(--lineHeight-headlineExpanded); 4966 } 4967 4968 .email.footeremaillink { 4969 font-size: var(--fontSize-bodyLarge); 4970 color: var(--color-ghostWhite); 4971 font-family: var(--fontfamily-antarcticalight); 4972 } 4973 4974 a { 4975 4976 text-decoration: none; 4977 4978 transition: color 200ms; 4979 } 4980 4981 .links-widget.footerlinkswidget { 4982 display: grid; 4983 grid-template-columns: 1fr 1fr; 4984 max-width: 556px; 4985 padding-top: 62px; 4986 } 4987 4988 ul.links-left.footerlinkswidgetleft { 4989 4990 display: flex; 4991 4992 flex-direction: column; 4993 gap: 5px; 4994 } 4995 4996 ul.links-right.footerlinkswidgetleftright { 4997 display: grid; 4998 grid-row-gap: 5px; 4999 } 5000 5001 a { 5002 color: var(--color-link); 5003 text-decoration: none; 5004 5005 transition: color 200ms; 5006 } 5007 5008 .copyright.footercpyright { 5009 display: grid; 5010 grid-gap: 10px; 5011 } 5012 5013 .pattern-wrapper.footercpyrightpatternwrap { 5014 margin-top: 48px; 5015 margin-bottom: 48px; 5016 } 5017 5018 svg.jsx-989efc121a8b81d0 { 5019 display: block; 5020 } 5021 5022 .css-1q71ldy { 5023 color: var(--color-razzberryJam); 5024 } 5025 5026 .copyright.copyyear span.copyyear, 5027 .copyright.copyyear a.copyyear { 5028 font-size: var(--fontSize-label); 5029 color: var(--color-ghostWhite); 5030 text-transform: uppercase; 5031 } 5032 5033 span.copyyear { 5034 font-family: var(--fontfamily-antarcticalight); 5035 font-size: var(--fontSize-label); 5036 color: var(--color-ghostWhite); 5037 text-transform: uppercase; 5038 } 5039 5040 .site-footer__top .region { 5041 width: 100%; 5042 5043 } 5044 5045 * { 5046 -webkit-box-sizing: border-box; 5047 -moz-box-sizing: border-box; 5048 box-sizing: border-box; 5049 padding: 0; 5050 margin: 0; 5051 } 5052 5053 footer.site-footer { 5054 5055 padding: 0px; 5056 } 5057 5058 .site-footer .layout-container { 5059 padding: 0px; 5060 } 5061 5062 div#block-commonjs { 5063 margin: 0px; 5064 padding: 0px; 5065 } 5066 5067 div#block-footerblockada { 5068 margin: 0px; 5069 padding: 0px; 5070 background: var(--color-midnightBlue); 5071 } 5072 5073 .layout-container { 5074 padding: 0px; 5075 } 5076 5077 div#block-footerblockada { 5078 5079 border: 0px; 5080 } 5081 5082 div#block-commonjs { 5083 border: 0px; 5084 } 5085 5086 5087 5088 h2.footerrightheadline.headline.h2 { 5089 border: none; 5090 } 5091 5092 5093 li.jsx-2467574018 { 5094 border: none; 5095 } 5096 5097 5098 .footerlinkswidget.links-widget { 5099 border: none; 5100 } 5101 5102 .site-footer__top .content li a { 5103 border-bottom: none; 5104 padding: 0; 5105 } 5106 5107 div#block-footerblockada a.jsx-2467574018 { 5108 font-family: var(--fontfamily-antarcticalight); 5109 padding-top: 10px; 5110 } 5111 5112 .footercontent.content { 5113 padding: var(--space-sectionPaddingBlock)0; 5114 display: grid; 5115 grid-gap: 50px; 5116 grid-template-columns: 1fr 2fr; 5117 -webkit-box-align: center; 5118 -webkit-align-items: center; 5119 -moz-box-align: center; 5120 -ms-flex-align: center; 5121 align-items: center; 5122 } 5123 5124 .footerlinkswidget.links-widget { 5125 position: relative; 5126 } 5127 5128 div#block-footerblockada a.footeremaillink.email { 5129 color: var(--color-ghostWhite); 5130 } 5131 5132 @media (max-width: 639px) { 5133 .footercontent.content { 5134 grid-template-columns: 1fr; 5135 grid-row-gap: 72px; 5136 } 5137 5138 .footerrightpart.right { 5139 row-gap: 100px; 5140 } 5141 5142 .footercpyright.copyright { 5143 margin-top: 48px; 5144 } 5145 5146 div#block-footerblockada a.footeremaillink.email { 5147 margin-left: 0; 5148 color: var(--color-ghostWhite); 5149 } 5150 5151 .links-widget.footerlinkswidget { 5152 display: grid; 5153 grid-template-columns: 1fr 1.1fr; 5154 max-width: 368px; 5155 padding-top: 62px; 5156 } 5157 } 5158 5159 .site-footer .content a, 5160 .site-footer .content a.is-active { 5161 color: var(--color-link); 5162 color: var(--color-link); 5163 } 5164 5165 li.jsx-2467574018 a.jsx-2467574018:hover, 5166 li.jsx-2467574018 a.jsx-2467574018:focus { 5167 color: var(--color-razzberryJam); 5168 background: var(--color-midnightBlue); 5169 } 5170 5171 div#block-footerblockada .links-widget a { 5172 font-size: var(--fontSize-bodySmall); 5173 } 5174 5175 .site-footer__top .content li a { 5176 text-indent: 0; 5177 } 5178 5179 .site-footer__top .content { 5180 font-size: 0; 5181 } 5182 5183 .site-footer__top .region, 5184 .site-footer__top .region:nth-child(2n+1), 5185 .site-footer .content ol:not(.menu), 5186 .site-footer .content ul:not(.menu) { 5187 padding: 0; 5188 } 5189 5190 @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 5191 .headline.footerrightheadline { 5192 width: 70% 5193 } 5194 } 5195</style></div> 5196 5197 </div> 5198 </div> 5199 5200 </div> 5201 5202 5203 5204 5205 </div> 5206 </div> 5207 </footer> 5208 </div> 5209</div> 5210 5211 </div> 5212 5213
5213<script type="text/javascript">jQuery(document).ready(function () {jQuery('').attr('','');});</script>
vendor: 1 bytes, line 5213
5213
5214<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="WMX"></script>
5214 5215 5216
5216<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/71","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx1kOFWwyAMhV-IwSPtBBoxMxAlaSt7erGbO7PVP5Dz3ZsEboRm9BYSg2r3ERRd_IUKqkJG3eEq08OZWSLwSa0z1eySNAxUDVsF9pePGVv3L9LKTamjAqYrOoYus50n0iTLMAWpmISddjUsYXvMQrhq2E5fZJoZ3Yrxe1q43x4u8HmAyFiwmp_QgFi9wnLs3JtMcv5jwY_tHsW_uo4i2UHevr6H9jp6_C1At5Z8lnejQlcwkhoGOD2DLzpepEM","theme":"bartik","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/home?config=adarconfig64187941\u0026id=adarelease64447020\u0026ajax_form=1":true},"webform":{"xss":{"allowedTags":["a","abbr","acronym","address","article","aside","b","bdi","bdo","big","blockquote","br","caption","cite","code","col","colgroup","command","dd","del","details","dfn","div","dl","dt","em","figcaption","figure","footer","h1","h2","h3","h4","h5","h6","header","hgroup","hr","i","img","ins","kbd","li","mark","menu","meter","nav","ol","output","p","pre","progress","q","rp","rt","ruby","s","samp","section","small","span","strong","sub","summary","sup","table","tbody","td","tfoot","th","thead","time","tr","tt","u","ul","var","wbr","label","fieldset","legend","font"]}},"ajax":{"edit-submit":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"throbber","message":""},"disable-refocus":true,"url":"\/home?config=adarconfig64187941\u0026id=adarelease64447020\u0026ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Submit"}}},"user":{"uid":0,"permissionsHash":"2efc128c3fee457b98bd550ff616c9cc7fffcb542d4d8b8840b7ff1631799ae8"}}</script>
vendor: 1 bytes, line 5216
5216
5217<script src="/sites/g/files/g2000017381/files/js/js_4JCWXbpZPLZGfKN-ameqKCfyotnnFEK0bvHWQJe93-U.js?scope=footer&delta=0&language=en&theme=bartik&include=eJyFiksOgCAQQy9khjONWAmET2TG3-2VxB0hbvqavtpSYXxW1MyRwraj3rSWmqYTc6P5SBz46kZEJGSlBco-Cgkf-D1pcS6Obwki7MZe3mK10y0eTdxP6g"></script>
5217 5218 5219 </body> 5220</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.