<!DOCTYPE html>
<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# ">
  <head>
    <meta charset="utf-8" />
<meta name="description" content="Janelle Monáe | ‘The Age of Pleasure’ Out Now!" />
<meta name="keywords" content="Janelle Monáe Official Website" />
<link rel="canonical" href="https://www.jmonae.com/" />
<meta name="robots" content="index, follow" />
<link rel="shortlink" href="https://www.jmonae.com/" />
<meta property="og:site_name" content="Janelle Monáe" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.jmonae.com/" />
<meta property="og:title" content="Janelle Monáe | ‘The Age of Pleasure’ Out Now!" />
<meta property="og:description" content="Janelle Monáe | ‘The Age of Pleasure’ Out Now!" />
<meta property="og:image" content="https://www.jmonae.com/sites/g/files/g2000016326/files/2023-05/JM_OG.jpg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="Janelle Monáe | ‘The Age of Pleasure’ Out Now!" />
<meta name="twitter:title" content="Janelle Monáe | ‘The Age of Pleasure’ Out Now!" />
<meta name="twitter:url" content="https://www.jmonae.com/" />
<meta name="twitter:image" content="https://www.jmonae.com/sites/g/files/g2000016326/files/2023-05/JM_OG.jpg" />
<meta name="facebook-domain-verification" content="vymj3da8hvg2prlk2go9hg18qhviuf" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/cbz8whu.css" /="/" />
<link rel="stylesheet" href="https://use.typekit.net/ids1zbt.css" /="/" />
<link rel="stylesheet" href="https://use.typekit.net/rao6afp.css" /="/" />
<meta name="robots" content="noimageai,noai" />
<link rel="icon" href="/sites/g/files/g2000016326/files/JM_Favicon11.png" type="image/png" />
<script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" charset="UTF-8" data-domain-script="e0f380d6-67ed-4836-a205-3ba980652674" data-document-language="true"></script>
<script type="text/javascript">function OptanonWrapper() {
      var cookiePolicyLink = 'https://www.wminewmedia.com/cookies-policy/';
      var allLinks = document.querySelectorAll('a');
      for(i = 0; i < allLinks.length; i++) {
        let href = allLinks[i].href;
        if (href.indexOf(cookiePolicyLink) > -1 && href.indexOf('?ot=') < 0) {
          href = href + '?ot=e0f380d6-67ed-4836-a205-3ba980652674&url=' + window.location.hostname;
          allLinks[i].setAttribute("href", href);
          allLinks[i].setAttribute("target", "_blank");
        }
      }             
      var eOT = new Event("OneTrustGroupsUpdated");
      document.dispatchEvent(eOT);
      var regCheckPerformance = /,C0002,/;
      var regCheckFunctional = /,C0003,/;
      var regCheckTargeting = /,C0004,/;
      var regCheckSocial = /,C0008,/;
}</script>
<link rel="stylesheet" type="text/css" href="https://www.wminewmedia.com/cookies-policy/onetrust/ot.css" />
<script type="text/javascript">digitalData={"settings":{"reportSuites":"wmg,wmgatl,wmgjanellemonae.com,wmgjanellemonae"},"content":{"artist":"Janelle Monae","label":"Atlantic Records"},"page":{"pageInfo":{"pageName":"Janelle Monae:Homepage","server":"Janelle Monae:Site","devTeam":"WMAS","platform":"Drupal 10"},"category":{"primaryCategory":"Janelle Monae:Home","pageType":"homepage"}}}</script>
<script src="//assets.adobedtm.com/launch-EN302b8a31b75a4dda8ff8df1d0cdb4762.min.js" async></script>
<script src="https://libraries.wmgartistservices.com/jslibrary/jquery.min.js"></script>
<script src="https://libraries.wmgartistservices.com/externalJS/jquery-cookie-1-4-1-jquery-cookie-min.js" type="text/javascript"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/cdc.js" defer="defer"></script>
<script src="https://libraries.wmgartistservices.com/custom-js/mailing-list/dtm.js" defer="defer"></script>
<script src="https://libraries.wmgartistservices.com/jslibrary/jquery3_6_2021/jquery3_6.js" type="text/javascript"></script>
<script src="https://libraries.wmgartistservices.com/externalJS/jquery.magnific-popup.min-1.1.0.js"></script>
<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.min.js"></script>

    <title>Janelle Monáe | ‘The Age of Pleasure’ Out Now!</title>
    <link rel="stylesheet" media="all" href="/sites/g/files/g2000016326/files/css/css_RhT_1iCl8Asf9fXD9dmcg2JOc8DSjG2vW5QZP0GxCG8.css?delta=0&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
<link rel="stylesheet" media="all" href="/sites/g/files/g2000016326/files/css/css_GSY3uhqV2iTyUwBKaGLaiz6PBgjEWZJAhSF3wnPNpJ8.css?delta=1&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
<link rel="stylesheet" media="print" href="/sites/g/files/g2000016326/files/css/css_hX7zkdd6DWFS-Y1f20rfO58WmH4uMfONUVFVH969lf0.css?delta=2&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />
<link rel="stylesheet" media="all" href="/sites/g/files/g2000016326/files/css/css_dKVbHCDNYmlva-XzXe-0Br3OHJQ1Xfo2nBk6TsGlZ5o.css?delta=3&amp;language=en&amp;theme=bartik&amp;include=eJxdzdEKwjAMheEX6ppHGukaSjRpRtM5u6dXJoju5lx8HPgTts53WATdR0zoFNIfKbljIb9wtfx9FrGEMnkfwrWExRpBbtuKEvGGzw9Ua4rCBwUf3knhbD2Ydodzo1rehMKuZba1s_KBna3CG6ZfeAFAfkWx" />

    
  </head>
  <body class="page-node-29151 page-node-type-page layout-no-sidebars path-frontpage">
        <a href="#main-content" class="visually-hidden focusable skip-link">
      Skip to main content
    </a>
    
      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div id="page-wrapper">
  <div id="page">
    <header id="header" class="header" role="banner">
      <div class="section layout-container clearfix">
        
          <div class="clearfix region region-header">
    <div id="block-mlistcssandscript" class="block block-block-content block-block-content479af7bc-4e96-46fa-b3dc-c0b2c0188911">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
  div#block-homepagemlist {
    float: right;
    clear: none;
  }

  .fadeIn {
    display: block;
  }
  .fadeOut {
    display: none;
  }

  .plain-ml-wrapper {
    max-width: 600px;
    letter-spacing: 1px;
    margin: 12px auto 0;
  }

  .message-description,
  .welcome p {
    font-weight: normal;
    margin-bottom: 21px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
  }
  .thankswelcome-msg {
    font-family: "Poppins", sans-serif;
  }
  .thankswelcome-msg {
    font-size: 10px !important;
    color: #ffffff;
  }
  .thankswelcome-msg {
    margin: 10px 0;
  }
  #mlform form {
    padding: 0;
    width: 230px;
    /* display: inline-block; */
  }

  .fieldWrap {
    margin-bottom: 12px;
  }

  .email.fieldWrap {
    width: 89%;
    padding-left: 0;
    float: right;
    clear: none;
    position: relative;
  }

  .plain-ml-wrapper .fieldWrap label {
    width: 100%;
    margin: 0.5em 0;
    color: #ffffff;
    font: 0.88em " Arial, sans-serif";
    text-transform: uppercase;
    margin-top: 0;
  }

  #firstMlistForm label {
    font-weight: bold;
    text-align: left;
    color: #fff;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 2.8px;
  }

  .plain-ml-wrapper input:not([type="checkbox"]),
  .plain-ml-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0;
    width: 100%;
  }

  .plain-ml-wrapper #mlform .submit {
    clear: none;
    width: auto;
    font-size: 12px;
    float: right;
    margin-top: 82px;
    color: #ffffff;
  }

  .plain-ml-wrapper input#email {
    text-align: left;
    text-transform: uppercase;
    margin: 7px 0 0;
    height: 30px;
    padding: 6px;
    width: 205px;
    border: 0;
    color: #ffffff;
    font-size: 12px;
    font-family: "new-spirit", serif;
    -webkit-text-fill-color: #f9a80a;
    background: url(/sites/g/files/g2000016326/files/202009/mailBorder.png)
      no-repeat;
  }

  .plain-ml-wrapper input#submit {
    cursor: pointer;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    margin: 0;
    height: auto;
    width: auto;
    padding-right: 40px;
    float: right;
    background: url(/sites/g/files/g2000016326/files/202009/jCircle.png)
      no-repeat right center;
    background-color: transparent;
    letter-spacing: 1px;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 2.8px;
  }

  .plain-ml-wrapper div#terms {
    font-size: 12px;
    font-weight: bold;
    clear: both;
    position: relative;
  }

  .plain-ml-wrapper #mlform div#terms {
    padding: 0 12px 12px;
    box-sizing: border-box;
    float: right;
  
    margin-top: 64px;
  }

  .plain-ml-wrapper .right-image {
    display: inline;
    border-right: 2px solid;
    font-size: 0;
    top: -3px;
    position: relative;
  }

  .plain-ml-wrapper #mlform div#terms a.terms {
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 41px;
    height: 20px;
    margin: 46px 0 0px;
  }

  .plain-ml-wrapper div#terms a.terms {
    font-family: "Poppins", sans-serif;
    font-size: 0.7vw;
    letter-spacing: 2.4px;
    color: #fff;
    text-transform: uppercase;
  }

  .plain-ml-wrapper p.terms-message,
  .plain-ml-wrapper p.terms-message-2 {
    text-align: center;
    position: absolute;
    top: 11px;
    padding: 5px;
    width: 400px;
    box-sizing: border-box;
    left: -370px;
    font-family: "Poppins", sans-serif;
    font-size: 8px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    background-color: #7b7b7b;
    border: 1px solid #7b7b7b;
  }

  span.input-error {
    margin: 0 0 0.5em;
    position: absolute;
    width: 206px;
    text-align: left;
    font-family: "Poppins", sans-serif;
    color: #fe0000;
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
    top: 100%;
    left: 10%;
  }

  ::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
  }

  :-ms-input-placeholder {
    color: #fff;
    opacity: 1;
  }

  ::placeholder {
    color: #fff;
    opacity: 1;
  }

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
  }

  div#secondform {
    position: fixed;
    max-width: 100%;
    width: 100%;
    height: 100vh;
    padding: 10px;
    background: url(/sites/g/files/g2000016326/files/202009/JM_BG.jpg) no-repeat
      0px 0px;
    background-size: cover;
    z-index: 1000002;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  form#mlistFormTwo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  span#secondFormClose {
    position: absolute;
    right: 0;
    top: -20px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
  }

  .welcome p {
    margin: 0;
    text-align: left;
  }

  .postalcode.fieldWrap {
    float: left;
    width: 47%;
    clear: none;
    width: 100%;
  }

  .plain-ml-wrapper
    div#secondform
    input:not([type="checkbox"]):not([type="submit"]),
  .plain-ml-wrapper div#secondform select {
    background: transparent;
    height: auto;
    text-align: left;
    border: 1px solid #ffffff;
    text-indent: 0.01px;
    padding: 0.8em;
    padding-left: 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: normal;
  }
  .plain-ml-wrapper div#secondform select option {
    background: #7b7b7b;
    color: #fff;
  }
  .dobMonth,
  .dobDay {
    margin: 0 6% 0 0;
    width: 47%;
    display: inline-block;
  }

  .dobDay {
    margin-right: 0;
    float: right;
  }

  .plain-ml-wrapper div#secondform select {
    background: transparent
      url(/sites/g/files/g2000016326/files/202009/dropdown-jmnew.png) no-repeat
      scroll 98% center/12px 10px !important;
    padding-right: 18px;
  }

  .globaloptin.fieldWrap {
    position: relative;
    margin-bottom: 0;
   text-align:left;
  }

  .globaloptin.fieldWrap input {
    width: 16px;
    height: 16px;
    margin: 0;
    position: absolute;
    display: inline-block;
    opacity: 0;
    vertical-align: bottom;
    left: 0;
    z-index: 100;
    cursor: pointer;
  }

  #firstMlistForm label.goptin_checkbox {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 24px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 0;
  }

  .globaloptin label::before {
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
  }

  .globaloptin label::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 4px;
    font-size: 10px;
    transition: all 0.2s;
    color: #ffffff;
    font-weight: 600;
    line-height: 15px;
  }

  .globaloptin input[type="checkbox"] + label::after {
    content: none;
  }

  .globaloptin input[type="checkbox"]:checked + label::after {
    content: "\2713";
  }

  .plain-ml-wrapper div#secondform div#terms {
    padding: 0;
    float: right;
    width: 100%;
    text-align: right;
  }

  .plain-ml-wrapper div#terms a.terms {
    font-family: "Poppins", sans-serif;
    font-size: 8px;
    letter-spacing: 2.4px;
    color: #fff;
    text-transform: uppercase;
  }

  .plain-ml-wrapper#firstMlistForm p.terms-message-2 {
    text-align: right;
    color: #ffffff;
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%;
  }

  div#thankyou {
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 3px;
    text-align: center;
    padding-bottom: 39px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
  }

  @media only screen and (min-width: 768px) {
    .email.fieldWrap {
      padding-left: 10%;
    }
    .plain-ml-wrapper div#terms {
      padding: 0% 0 0 8%;
    }
  }

  @media only screen and (max-width: 767px) {
    div#block-homepagemlist {
      float: none;
      margin-top: 50px;
    }
    div#block-homepagemlist > .content,
    footer.site-footer .layout-container {
      margin: 0 auto;
    }
    div#mlform {
      margin: 0 auto;
      width: 300px;
      position: relative;
    }
    #mlform form {
      width: 205px;
    }
    .email.fieldWrap {
      width: 100%;
    }
    .plain-ml-wrapper input#email {
      font-size: 16px;
    }
    .plain-ml-wrapper #mlform .submit {
      margin-right: 26px;
    }
    .plain-ml-wrapper input#submit {
      padding-right: 30px;
      float: right;
      margin-right: 7px;
    }
    .plain-ml-wrapper #mlform div#terms {
      position: absolute;
      right: -20px;
      top: 37px;
    }
    .plain-ml-wrapper .right-image {
      top: -3px;
      left: -28px;
    }
    .plain-ml-wrapper #mlform div#terms a.terms {
      left: -33px;
    }
    .plain-ml-wrapper p.terms-message,
    .plain-ml-wrapper p.terms-message-2 {
      width: 200px;
      left: -195px;
      top: 6px;
    }
    span.input-error {
      left: 0;
    }
    form#mlistFormTwo {
      max-width: 300px;
      overflow-y: scroll;
      overflow-x: hidden;
    }
    span#secondFormClose {
      top: 0;
    }
    .plain-ml-wrapper
      div#secondform
      input:not([type="checkbox"]):not([type="submit"]),
    .plain-ml-wrapper div#secondform select {
      font-size: 16px;
    }
  }

  @media screen and (min-width: 1025px) {
    .count-three .plain-ml-wrapper form#mlistFormOne .submit {
      position: relative;
      right: 0;
      bottom: 0.1vw;
      width: 1.5vw;
      filter: drop-shadow(0px 2px 1px #000);
      right: -9.8vw;
    }
  }
 @media only screen and (max-width: 1024px){

.plain-ml-wrapper #mlform div#terms {
    margin-top: 0;
    top: -32px;
}
}
</style>
</div>
      
    </div>
  </div>
<div id="block-rdheaderblockjun5" class="block block-block-content block-block-content68ab1580-a3fb-4924-ba55-c270f2930091">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" href="https://use.typekit.net/mnr2cfs.css">

<style>
  .path-frontpage div#block-acq-starterm-copy-2-system-main {
    display: block;
  }

  select:hover {
    cursor: pointer;
  }

  #block-rdlandingpage {
    display: none;
  }

  body.path-frontpage,
  #page-wrapper #page,
  #page-wrapper #page #main-wrapper {
    background: transparent;
  }

  body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .layout-container {
    max-width: 100%;
    margin: 0;
    width: 100%;
  }

  .main-content .section {
    padding: 0;
  }

  .block .content {
    margin-top: 0;
  }

  .node--unpublished {
    background-color: transparent;
    padding: 0;
  }

  .layout-main {
    margin-top: 0;
    margin-bottom: 0;
  }

  .node__content {
    margin-top: 0;
    font-size: 0;
  }

  #page-wrapper {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
  }

  div#block-bartik-local-tasks {
    display: none;
  }

  a,
  a.link {
    border-bottom: none;
  }

  div.mlist-outer-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }

  fieldset {
    border: none;
    margin: 0;
    padding: 0;
  }

  a:hover,
  a:active,
  a:focus,
  .link:hover,
  .link:active,
  .link:focus {
    border-bottom-style: none;
  }

  div#toolbar-administration {
    display: none;
  }

  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0 !important;
  }

  #toolbar,
  #messages,
  .page-node #main .pane .tabs {
    display: none;
  }

  .not-front #content .stack .stack-width {
    max-width: 100%;
    margin: 0;
  }

  .block {
    margin: 0;
  }

  body .content {
    padding: 0;
  }

  .node-unpublished {
    background: transparent;
  }

  .contentWrapper {
    max-width: 100%;
    padding: 0;
    /*min-height: calc(100vh - 45px);*/
  }

  header#header {
    /*display: none;*/
  }

  nav {
    display: none;
  }

  .block.block-layout-builder.block-extra-field-blocknodepagecontent-moderation-control {
    display: none;
  }
</style>

<style>
  @font-face {
    font-family: "icomoon";
    src: url("https://www.jmonae.com/sites/g/files/g2000016326/files/2023-02/icomoon.eot?tj4kwo");
    src: url("https://www.jmonae.com/sites/g/files/g2000016326/files/2023-02/icomoon.eot?tj4kwo#iefix") format("embedded-opentype"),
      url("https://www.jmonae.com/sites/g/files/g2000016326/files/2023-02/icomoon.ttf?tj4kwo") format("truetype"),
      url("https://www.jmonae.com/sites/g/files/g2000016326/files/2023-02/icomoon.woff?tj4kwo") format("woff"),
      url("https://www.jmonae.com/sites/g/files/g2000016326/files/2023-02/icomoon.svg?tj4kwo#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }

  [class^="icon-"],
  [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-envelope:before {
    content: "\e903";
  }

  .icon-email:before {
    content: "\e903";
  }

  .icon-mail:before {
    content: "\e903";
  }

  .icon-letter:before {
    content: "\e903";
  }

  .icon-contact:before {
    content: "\e903";
  }

  .icon-snapchat-ghost:before {
    content: "\e900";
  }

  .icon-deezer:before {
    content: "\e901";
    color: #feaa2d;
  }

  .icon-tiktok:before {
    content: "\e902";
  }

  .icon-facebook:before {
    content: "\ea90";
  }

  .icon-facebook2:before {
    content: "\ea91";
  }

  .icon-instagram:before {
    content: "\ea92";
  }

  .icon-spotify:before {
    content: "\ea94";
  }

  .icon-twitter:before {
    content: "\ea96";
  }

  .icon-youtube:before {
    content: "\ea9d";
  }

  .icon-appleinc:before {
    content: "\eabe";
  }

  .icon-soundcloud:before {
    content: "\eac3";
  }

  .headtitle {
    /* font-size: 5.208vw; */
    /*  font-family: "new-spirit", serif; */
    /* font-weight: 700; */
    /* text-align: center; */
    /* line-height: 1; */
    width: 14.688vw;
    padding: 3vh 0;
  }

  .bgvideoWrapper video {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    vertical-align: baseline;
  }

  html body #content .block .content {
    max-width: 100% !important;
  }

  .navWrapper ul li.follow a:after {
    content: "To Enter, Claim Your Pleasure Pass";
    font-size: 1.25vw;
    font-family: "new-spirit", serif;
    font-weight: 700;
    color: #f9a80a;
    text-transform: capitalize;
    display: block;
    cursor: pointer;
    text-decoration: underline;
  }

  .navWrapper ul li {
    /* position: fixed; */
    /* z-index: 9999; */
  }

  .navWrapper ul li.music {
    left: 1vw;
    top: 1vw;
  }

  .navWrapper ul li.video {
    right: 1vw;
    top: 1vw;
  }

  .navWrapper ul li.merch {
    left: 1vw;
    bottom: 1vw;
  }

  .navWrapper ul li.follow {
    /* right: 1vw; */
    /* bottom: 1vw; */
  }

  .middleWrapper {
    min-height: 100vh;
  }

  body {
    position: relative;
    overflow-y: scroll;
    min-height: 100vh;
    background: #000 !important;
  }

  .layout-main-wrapper {
    padding: 0;
  }

  #content .block {
    padding: 0;
  }

  footer.site-footer {
    padding: 0;
    margin: 0;
  }

  .footerWrapper a {
    font-size: 0.729vw;
  }

  #videomob {
    display: none;
  }

  .homeWrapper .mlistwrapper {
    display: none;
    max-width: 30.469vw;
    width: 100%;
  }

  .footerWrapper a,
  .footerWrapper span {
    font-size: 0.6vw;
    color: #ffca00;
    text-align: center;
    font-family: "new-spirit", serif;
    font-weight: 700;
    text-transform: uppercase;
  }

  .footerWrapper .follow a {
    color: #f9a80a;
  }

  .footerWrapper {
    text-align: center;
    padding: 3vh 0;
    display: block;
    position: absolute;
    bottom: 2vw;
    left: 50%;
    transform: translateX(-50%);
  }

  span.separator {
    padding: 0 0.5vw;
  }

  ul.footer-social li a {
    font-size: 1.19vw;
    color: #ffca00;
  }

  ul.footer-social li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.5vw;
  }

  ul.footer-social li a.icon-soundcloud {
    font-size: 1.3vw;
  }

  ul.footer-social {
    padding: 0;
    /* position: fixed; */
    /* top: 1vw; */
    /* left: 50%; */
    /* width: 21%; */
    /* transform: translateX(-50%); */
    /* text-align: center; */
  }

  .plain-ml-wrapper p.terms-message a {
    text-decoration: underline;
  }

  .navWrapper ul li a:hover,
  .footerWrapper a:hover,
  .plain-ml-wrapper p.terms-message a:hover,
  .plain-ml-wrapper p.terms-message-2 a:hover,
  .homeWrapper a:hover,
  .closeWrapper:hover,
  .plain-ml-wrapper input#submit:hover,
  .plain-ml-wrapper form#mlistFormOne .submit:hover,
  span#secondFormClose:hover {
    opacity: 0.6;
  }

  .navWrapper ul li a,
  .footerWrapper a,
  .plain-ml-wrapper p.terms-message a,
  .plain-ml-wrapper p.terms-message-2 a,
  .homeWrapper a,
  .closeWrapper,
  .plain-ml-wrapper input#submit,
  .plain-ml-wrapper form#mlistFormOne .submit,
  span#secondFormClose {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
  }

  img.mobile {
    display: none;
  }

  .homeWrapper {
    width: 100%;
    margin: 0 auto;
  }

  .float,
  .copy_content {
    width: 90%;
    margin: 0 auto;
  }

  .copy_content {
    font-size: 2.604vw;
    color: #f9a80a;
    line-height: 3.281vw;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
  }

  .copyWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: block;
  }

  .artWrapper {
    position: relative;
    /* min-height: 85vh; */
  }

  .artWrapper>img {
    /* object-fit: contain; */
    /* min-height: 80vh; */
  }

  .copybtn a {
    font-size: 1.146vw;
    color: #ffca00;
    letter-spacing: 0.057vw;
    text-decoration: underline;
    display: inline-block;
    font-family: "new-spirit", serif;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 1vw;
    margin-top: 0.5vw;
    text-transform: uppercase;
  }

  .copybtn {
    text-align: center;
  }

  .socialWrapper {
    order: 3;
  }

  .text-formatted ul,
  .text-formatted ol {
    padding: 0;
  }

  #firstMlistForm label.goptin_checkbox span {
    color: #f9a80a;
  }

  .break.mobile {
    display: none;
  }

  .herovideoBlock video {
    width: 100%;
    height: 100vh;
  }

  .herovideoBlock .mob {
    display: none;
  }

  .mobbb {
    display: none;
  }

  .mlistFooter {
    color: #f9a80a;
    font-family: "new-spirit", serif;
    font-size: 1vw;
    font-weight: 600;
    text-transform: capitalize;
  }

  .drop-scroll img {
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.8));
  }

  @media only screen and (max-width: 1024px) {
    .mlistFooter {
      color: #f9a80a;
      font-family: "new-spirit", serif;
      font-size: 2.5vw;
    }

    #videodesk {
      display: none;
    }

    .mobbb {
      display: block;
    }

    .deskkk {
      display: none;
    }

    #videomob {
      display: block;
    }

    .herovideoBlock .mob {
      display: block;
    }

    .herovideoBlock .desktop {
      display: none;
    }

    .headtitle {
      /* font-size: 57px; */
      /* line-height: 1.2; */
      width: 100%;
    }

    .navWrapper ul li.follow a:after {
      font-size: 14px;
      letter-spacing: 0px;
      text-transform: capitalize;
    }

    div#block-rdfootersection .footer-section {
      flex-direction: column;
    }

    .middleWrapper {
      /* padding: 40vh 0; */
      min-height: auto;
    }

    .navWrapper ul li.music {
      left: 16px;
      top: 16px;
    }

    .navWrapper ul li.video {
      right: 16px;
      top: 16px;
    }

    .navWrapper ul li.merch {
      left: 16px;
      bottom: 16px;
    }

    .navWrapper ul li.follow {
      right: 16px;
      bottom: 16px;
    }

    ul.footer-social li a {
      font-size: 16px;
    }

    ul.footer-social li a.icon-soundcloud {
      font-size: 22px;
    }

    ul.footer-social {
      width: 100%;
      position: unset;
      transform: none;
      /* padding-top: 15px; */
    }

    ul.footer-social li {
      padding: 0 5px;
    }

    span.separator.mobile {
      display: block;
      font-size: 0;
    }

    span.separator.desktop {
      display: none;
    }

    .break.mobile {
      display: block;
    }

    .footerWrapper a,
    .footerWrapper span {
      font-size: 9px;
      line-height: 1.6;
    }

    span span span.mobile {
      display: inline-block;
    }

    .footerWrapper {
      padding: 30px 0;
      display: block;
    }

    img.desktop {
      display: none;
    }

    img.mobile {
      display: block;
    }

    .homeWrapper {
      width: 95%;
    }

    .headtitle {
      width: 100%;
      text-align: center;
      padding: 20px 0;
    }

    .navWrapper,
    .socialWrapper {
      display: inline-block;
      vertical-align: middle;
      position: relative;
    }

    span.textYellow {
      display: block;
      margin-top: 20px;
    }

    .float,
    .copy_content {
      width: 336px;
    }

    .copy_content {
      font-size: 18px;
      margin-top: 15px;
    }

    .footerWrapper {
      width: 100%;
      bottom: 15vw;
    }

    .copyWrapper {
      min-height: 43%;
      top: 52%;
    }

    .copybtn a {
      font-size: 11px;
      letter-spacing: 0.55px;
      margin: 0 10px;
      margin-top: 8px;
    }

    .socialWrapper {
      margin-left: 4%;
      width: 74%;
      text-align: right;
    }

    span.separator {
      padding: 0 5px;
    }
  }

  /* mailing list css starts */

  .message-description,
  .welcome p,
  #firstMlistForm label,
  .plain-ml-wrapper input#email,
  .plain-ml-wrapper input#submit,
  .plain-ml-wrapper #mlform div#terms a.terms,
  .plain-ml-wrapper p.terms-message,
  .plain-ml-wrapper p.terms-message-2,
  .thankswelcome-msg,
  .plain-ml-wrapper div#terms a.terms,
  .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
  .plain-ml-wrapper div#secondform select,
  span#secondFormClose,
  div#thankyou {
    font-family: "new-spirit", serif;
    font-weight: 700;
    letter-spacing: 0;
  }

  .message-description,
  .welcome p {
    font-weight: normal;
    margin-bottom: 0;
    font-size: 0.833vw;
    letter-spacing: 0px;
    text-align: center;
    color: #f9a80a;
    text-transform: capitalize;
    font-family: "new-spirit", serif;
    font-weight: 700;
  }

  .plain-ml-wrapper .right-image {
    display: none;
  }

  div#block-rdlandingpage .plain-ml-wrapper p.terms-message {
    width: 300px;
  }

  .plain-ml-wrapper #mlform .submit {
    float: unset;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 3.177vw;
    position: relative;
    background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
    background-size: contain;
    background-position: center;
    right: -13.5vw;
    top: -3.2vw;
  }

  .plain-ml-wrapper #mlform div#terms {
    padding: 0;
    margin: 0;
    float: none;

    margin-top: 0;
    position: relative;
    right: unset;
    top: -1vw;
    text-align: left;
    font-size: 0;
  }

  .plain-ml-wrapper #mlform div#terms a.terms,
  .plain-ml-wrapper div#terms a.terms {
    margin: 0;
    /* height: auto; */
    left: unset;
    font-size: 0.677vw;
    width: auto;
    color: #f9a80a;
    letter-spacing: 0;
    text-transform: capitalize;
    text-decoration: underline;
    /* text-shadow: 0.104vw 0.104vw 0.03vw #000000; */
  }

  .email.fieldWrap {
    padding: 0;
    margin: 0 auto;
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }

  #mlform form {
    width: 100%;
  }

  .plain-ml-wrapper input#email {
    background: transparent;
    /* border: 2px solid #FFCA00; */
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 0;
    height: 4.4vw;
    line-height: 4.4vw;
    /* text-indent: 5px; */
    border-bottom: 0.208vw solid #f9a80a;
    font-size: 3.281vw;
    color: #f9a80a;
    -webkit-text-fill-color: #f9a80a;
    letter-spacing: 0;
    padding-right: 0;
    text-transform: capitalize;
    padding-right: 5vw;
  }

  .plain-ml-wrapper input#submit {
    background: transparent;
    border: 0.052vw solid #ffca00;
    padding: 0;
    height: 2.5vw;
    line-height: 2.5vw;
    width: 100%;
    float: none;
    margin-top: 0;
    padding: 0;
    font-size: 1.146vw;
    /* font-size: 0; */
    /* border: 0; */
    color: #f9a80a;
  }

  span.input-error {
    font-size: 1.521vw;
    color: #fe0000;
    margin: 0;
    margin-top: 0.1vw;
    left: 0;
    width: 100%;
    font-family: "new-spirit", serif;
    font-weight: 700;
    text-transform: capitalize;
  }

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #ffca00;
    -webkit-box-shadow: none;
  }

  .plain-ml-wrapper p.terms-message,
  .plain-ml-wrapper p.terms-message-2 {
    background: #f9a80a;
    border: 0;
    font-size: 0.8vw;
    left: 0;
    bottom: 0.8vw;
    top: unset;
    width: 100%;
    z-index: 9999;
    color: #000;
    padding: 0.5vw;
    line-height: 1vw;
    text-transform: capitalize;
  }

  p.terms-message a {
    font-size: 0.8vw;
    text-transform: capitalize;
  }

  div#secondform {
    background: transparent;
    padding: 0;
    height: auto;
    position: unset;
    transform: unset;
  }

  form#mlistFormTwo {
    position: unset;
    transform: none;
    max-width: 100%;
  }

  .welcome p,
  .welcome p span {
    text-align: center;
    font-size: 1.146vw;
    color: #f9a80a;
  }

  .plain-ml-wrapper p.terms-message a,
  .plain-ml-wrapper p.terms-message-2 a {
    color: #ffca00;
  }

  .thankswelcome-msg {
    text-transform: uppercase;
    font-size: 0.833vw !important;
    color: #f9a80a;
    font-weight: 600;
  }

  .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
  .plain-ml-wrapper div#secondform select {
    padding: 0;
    height: 2.5vw;
    line-height: 2.5vw;
    padding-left: 0.5vw;
    font-size: 1.146vw;
    text-indent: 0;
    color: #f9a80a;
    border: 0.208vw solid #f9a80a;
    -webkit-text-fill-color: #f9a80a;
  }

  #firstMlistForm label.goptin_checkbox,
  #firstMlistForm label.goptin_checkbox span {
    font-size: 0.517vw;
    line-height: 1.3;
    /* padding-left: 1.5vw; */
    color: #f9a80a;
    width: 88%;
  }

  #firstMlistForm label.goptin_checkbox {
    padding-left: 0;
  }

  .plain-ml-wrapper div#secondform div#terms {
    text-align: center;
  }

  span#secondFormClose {
    /* position: unset; */
    text-align: right;
    /* width: 100%; */
    top: 0;
    right: 0.5vw;
    cursor: pointer;
    font-size: 1vw;
    /* position: unset; */
    width: 100%;
    color: #f9a80a;
  }

  .plain-ml-wrapper#firstMlistForm p.terms-message-2 {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    top: unset;
    color: #ffca00;
  }

  div#thankyou {
    font-size: 1.563vw;
    padding: 1.563vw 0;
    text-align: center;
    color: #f9a80a;
    text-shadow: 0.104vw 0.104vw 0.104vw #000;
  }

  div#firstMlistForm {
    text-align: center;
    margin: 0;
    max-width: 100%;
    letter-spacing: 0;
  }

  .plain-ml-wrapper div#secondform select {
    background: #000 url(/sites/g/files/g2000016326/files/2023-05/arrow_drop_down-1.svg) no-repeat !important;
    padding-right: 18px;
    background-size: 20% auto !important;
    -webkit-appearance: none;
    appearance: none;
    background-position: 100% 50% !important;
  }

  .plain-ml-wrapper div#secondform select#country {
    background-size: 10% auto !important;
  }

  .fieldWrap {
    margin-bottom: 1vw;
  }

  #firstMlistForm label {
    font-size: 1.146vw;
    color: #f9a80a;
    /* padding-top: 1vw;
        padding-bottom: 1vw; */
  }

  .globaloptin label::before,
  .globaloptin.fieldWrap input {
    width: 1.2vw;
    height: 1.2vw;
    border: 2px solid #f9a80a;
  }

  .homeWrapper .globaloptin input[type="checkbox"]:checked+label::after {
    content: "\2713";
  }

  .globaloptin label::after {
    font-size: 0.8vw;
    top: 0.3vw;
    left: 0.2vw;
    line-height: 1;
    color: #f9a80a;
  }

  .globaloptin.fieldWrap {
    margin-bottom: 0.5vw;
  }

  .closeWrapper {
    font-size: 1.8vw;
    font-family: "new-spirit", serif;
    font-weight: 700;
    text-align: right;
    width: auto;
    cursor: pointer;
    position: absolute;
    top: -3vw;
    right: 0;
  }

  .plain-ml-wrapper input#email.errored {
    border-color: red;
  }

  .plain-ml-wrapper form#mlistFormOne input#submit {
    font-size: 0;
    border: 0;
  }

  @media only screen and (max-width: 1024px) {
    .homeWrapper .mlistwrapper {
      width: 100%;
      left: 0;
      bottom: 33px;
      padding: 0;
      max-width: 320px;
      margin: auto;
    }

    .plain-ml-wrapper input#email {
      font-size: 40px;
      height: 55px;
      line-height: 55px;
      border-bottom: 3px solid #f9a80a;
      letter-spacing: 0;
      padding-right: 40px;
    }

    .plain-ml-wrapper #mlform .submit {
      width: 32px;
      right: -44%;
      top: -46px;
    }

    .plain-ml-wrapper input#submit {
      height: 37px;
      line-height: 37px;
      font-size: 16px;
    }

    .closeWrapper {
      font-size: 23px;
      top: -40px;
    }

    .plain-ml-wrapper #mlform div#terms {
      margin-top: 0;
      top: -32px;
    }

    .plain-ml-wrapper #mlform div#terms a.terms,
    .plain-ml-wrapper div#terms a.terms {
      font-size: 11px;
      letter-spacing: 0px;
    }

    .plain-ml-wrapper p.terms-message,
    .plain-ml-wrapper p.terms-message-2 {
      bottom: 15px;
      font-size: 11px;
      line-height: 15px;
      padding: 5px;
    }

    .message-description,
    .welcome p {
      font-size: 9px;
    }

    .plain-ml-wrapper p.terms-message a,
    .plain-ml-wrapper p.terms-message-2 a {
      font-size: 11px;
    }

    span.input-error {
      font-size: 9px;
      margin-top: 2px;
      text-align: center;
      left: 50%;
      transform: translate(-50%);
    }

    .welcome p,
    .welcome p span {
      font-size: 16px;
    }

    .thankswelcome-msg {
      font-size: 12px !important;
    }

    .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
    .plain-ml-wrapper div#secondform select {
      height: 37px;
      line-height: 37px;
      font-size: 16px;
      padding-left: 5px;
    }

    #firstMlistForm label {
      font-size: 16px;
    }

    .plain-ml-wrapper div#secondform select {
      padding-right: 20px;
      background: transparent url(/sites/g/files/g2000016326/files/2023-02/DropDown.svg) no-repeat scroll 98% center/12px 12px !important;
    }

    #firstMlistForm label.goptin_checkbox,
    #firstMlistForm label.goptin_checkbox span {
      font-size: 8px;
      /* padding-left: 20px; */
    }

    #firstMlistForm label.goptin_checkbox {
      padding-left: 20px;
    }

    .globaloptin label::before,
    .globaloptin.fieldWrap input {
      width: 16px;
      height: 16px;
    }

    .globaloptin label::after {
      font-size: 12px;
      left: 3px;
      top: 2px;
    }

    .fieldWrap {
      margin-bottom: 14px;
    }

    div#thankyou {
      font-size: 30px;
      padding: 30px 0;
      text-align: center;
    }

    .plain-ml-wrapper #mlform .submit {
      background-size: 30px;
      background-position: right;
    }

    form#mlistFormTwo {
      max-width: 95%;
    }

    span.separator.otc {
      display: inline-block;
    }

    span#secondFormClose {
      font-size: 13px;
      right: 5px;
    }
  }

  /* mailing list css ends */

  ul.entity-moderation-form {
    display: none;
  }

  .landingpage #block-rdheaderblock,
  .landingpage #block-rdheaderblockreskin,
  .landingpage #main-wrapper,
  .landingpage #block-headerblockreskinwithtopsifyconnect,
  .landingpage #block-rdheaderblockmay25 {
    display: none;
  }

  li.follow.showing {
    display: none;
  }

  #block-rdlandingpage .plain-ml-wrapper p.terms-message a,
  #block-rdlandingpage .plain-ml-wrapper p.terms-message-2 a {
    color: #000;
  }

  @media only screen and (max-width: 1024px) and (orientation: landscape) {
    #block-rdlandingpage .footerWrapper {
      position: static;
      transform: none;
    }
  }

  @media screen and (min-width: 1025px) {
    #block-rdlandingpage .plain-ml-wrapper #mlform div#terms {
      top: -2.3vw;
    }

    div#block-rdlandingpage .plain-ml-wrapper p.terms-message {
      width: 100%;
    }

    span.input-error {
      margin-top: 0.5vw;
      top: -1.1vw;
      font-size: 0.8vw;
    }
  }

  @media screen and (max-width: 1024px) and (min-width: 767px) and (orientation: portrait) {
    div#block-rdlandingpage .plain-ml-wrapper p.terms-message {
      width: 100%;
    }

    div#block-rdlandingpage .plain-ml-wrapper p.terms-message {
      bottom: 30px;
    }
  }
</style>

<script>
  jQuery(document).ready(function () {
    jQuery(".navWrapper ul li.follow a").click(function () {
      // jQuery(".homeWrapper .mlistwrapper").slideToggle();
      jQuery(this).parent().toggleClass("showing");
      jQuery(".navWrapper ul li.follow a").css("diplay", "none");
      enterpage();
    });
  });
</script>
<script>
  //     jQuery(document).ready(function () {
  // enterpage();
  //     });

  //     function enterpage() {
  //       jQuery("#block-rdlandingpage").css("display", "none");
  //       jQuery("body").removeClass("landingpage");
  //       jQuery("div#block-rdfootersection .footer-section").removeClass(
  //         "landing-footer"
  //       );
  //       jQuery("footer.site-footer").addClass("main-footer");
  //       jQuery("footer.site-footer.main-footer").insertAfter(
  //         "div#block-rdtourblock .content"
  //       );
  //       jQuery("footer.site-footer.main-footer").insertAfter(
  //       "div#block-rdseatedtourwidget .content"
  //       );

  //       setTimeout(function () {
  //         jQuery("body").addClass("MainPage");
  //         digitalData.page.pageInfo.pageName = "Janelle Monae:Homepage";
  //         digitalData.page.category.primaryCategory = "Janelle Monae:Home";
  //         digitalData.page.category.pageType = "homepage";

  //         document.dispatchEvent(new CustomEvent("SPAPageTriggered"));
  //       }, 500);
  //     }

  jQuery(window).ready(() => {
    if (window.outerWidth < 1025) {
      $(".plain-ml-wrapper input#email").attr("placeholder", "email");
    }

    /*jQuery("footer.site-footer").insertAfter(
      "div#block-rdseatedtourwidget .content"
    );*/
  });
</script>


<link rel="stylesheet" href="https://use.typekit.net/rao6afp.css">

<style>
  #block-rdheaderblock {
    display: none !important;
  }

  #block-rdheaderblockreskin {
    display: none !important;
  }

  @font-face {
    font-family: 'icomoon';
    src: url('/sites/g/files/g2000016326/files/2023-05/icomoon_1.eot');
    src: url('/sites/g/files/g2000016326/files/2023-05/icomoon_1.eot?ylzl6p#iefix') format('embedded-opentype'),
      url('/sites/g/files/g2000016326/files/2023-05/icomoon_1.ttf?ylzl6p') format('truetype'),
      url('/sites/g/files/g2000016326/files/2023-05/icomoon_1.woff?ylzl6p') format('woff'),
      url('/sites/g/files/g2000016326/files/2023-05/icomoon_1.svg?ylzl6p#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }


  [class^="icon-"],
  [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-cheveron-down:before {
    content: "\e903";
  }

  .icon-play:before {
    content: "\e900";
    color: #F9A80A;
    font-size: 1.3vw;
    position: relative;
    top: 0.3vw;
  }

  div#block-rdheaderblockmay25 {
    display: none;
  }

  body,
  html {
    scroll-behavior: auto;
  }

  body,
  html,
  * {
    padding: 0;
    margin: 0;
  }

  .header-main-title {
    color: #f9a80a;
    font-size: 7.708vw;
    text-align: center;
    padding-top: 1vw;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    max-width: 91.771vw;
    width: 100%;
    margin: auto;
  }

  img {
    max-width: 100%;
    height: auto;
    width: 100%;
  }


  .count-down-section {
    display: flex;
    width: 100%;
    justify-content: space-around;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .countdown-title {
    color: #f9a80a;
    font-size: 5.104vw;
    text-align: center;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;

  }

  .drop-scroll {
    max-width: 5%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
  }

  .header-outer-wrapper {
    position: relative;
    height: 100vh;
    background: url(/sites/g/files/g2000016326/files/2023-05/Rd-header-bg-desk_0.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }

  .header-presave-section {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
    text-align: center;
  }

  .header-presave-section span {
    font-size: 0.729vw;
    color: #f9a80a;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
  }

  .presave-title {
    color: #f9a80a;
    font-size: 1.25vw;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;

  }

  .presave-button-outer {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 1vw;
  }

  .pre-buttons a {
    font-size: 1.25vw;
    color: #f9a80a;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    vertical-align: middle;
    display: inline-block;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;
  }

  .pre-buttons span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.563vw;
    color: #F9A80A;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;

  }

  .presave-button-outer span {
    position: relative;
    left: 0.5vw;
  }

  .pre-buttons.pre-add {
    margin: 0vw;
  }

  a.icon-appleinc,
  a.icon-spotify {
    margin-right: 0vw;
  }

  .p {
    text-align: center;
    font-size: 2.604vw;
    margin-top: 0px;
    color: #f9a80a;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;

  }

  .count-clock {
    margin: 0.5vw auto;
  }

  .pre-buttons.ex-vinyl {
    text-align: center;
    margin-top: 0.5vw;
  }

  .lipstick-video-title {
    font-size: 1.563vw;
    color: #F9A80A;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    /* text-shadow: 0.104vw 0.104vw 0.104vw #000000; */

  }

  .wat-vide {
    text-align: right;
  }

  .thankyouMessage.thankyouMessageFinal {
    text-align: center;
    font-family: "new-spirit", serif;
    color: #f9a80a;
    font-size: 1.25vw;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;
    font-weight: 600;
    margin-top: 1vw;
  }

  #appleSignUp #email {
    color: #f9a80a;
    background: transparent;
    border-bottom: 0.3vw solid #f9a80a;
    border-width: 0 0 0.3vw;
    font-family: "new-spirit", serif;
    font-size: 1.4vw;
    -webkit-text-fill-color: #f9a80a;
  }

  .applesubmitButton.submitButton {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.5vw;
  }

  .applesubmitButton .overflowButton {
    background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    color: transparent;
    background-position: center center;
    font-size: 1vw;
    cursor: pointer;
  }

  .email-error {
    color: red;
    font-size: 0.8vw;
    padding: 0.2vw 0 0.7vw;
    text-align: center;
    display: none;
  }

  #appleSignUp .mlist-field {
    display: inline-block;
  }

  .followPopupSection input.error {
    border-color: red;
  }

  .followPopupSection {
    text-align: center;
  }

  .popupWrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #f9a80a;
    font-size: 20px;
    background: #000;
    z-index: 100;
    width: 90%;
    max-width: 600px;
    box-sizing: border-box;
    color: #f9a80a;
    border-radius: 15px;
  }

  .popupInner {
    padding: 50px 25px;
    position: relative;
  }

  .popupWrapper .ot-sdk-show-settings {
    color: #fff;
  }

  .popupClose {
    position: absolute;
    top: 1vw;
    right: 1vw;
  }

  .fas.fa-times {
    color: #fff;
  }

  .followOnSpotify p.terms-message {
    position: absolute;
    right: 0;
    background: #f9a80a;
    padding: 6px;
    font-family: "new-spirit", serif;
    width: 26vw;
  }

  .followOnSpotify p.terms-message a {
    font-size: 0.6vw;
    text-transform: capitalize;
    text-shadow: unset;
    color: #000;
  }

  .followOnSpotify a.terms {
    font-size: 0.5vw;
    border-bottom: 2px solid;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
  }

  .followOnSpotify div#terms {
    position: absolute;
    right: 2.5vw;
  }

  .pre-buttons.pre-save.followOnSpotify {
    position: relative;
  }

  .count-three .p {
    font-size: 5.104vw;
    word-wrap: break-word;
    line-height: 1;
  }

  .count-three .countdown-title {
    font-size: 2.604vw;
    margin-top: 0.5vw;
    line-height: 1.3;
  }

  .countdown-title a {
    color: #f9a80a;
  }

  @media screen and (max-width: 1024px) {
    .followOnSpotify a.terms {
      font-size: 2vw;
      border-bottom: 2px solid;
      box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    }

    .followOnSpotify div#terms {
      position: absolute;
      right: 4vw;
    }

    .followOnSpotify p.terms-message {

      padding: 6px;

      width: 62vw;
    }

    .followOnSpotify p.terms-message a {
      font-size: 0.857em;
      color: #000;
    }

    .pre-buttons.ex-vinyl {
      margin-top: 1vw;
    }

    .header-main-title {
      padding-top: 15px;
      max-width: 360px;
      width: 100%;
      margin: auto;
    }

    .wat-vide {
      text-align: center;
    }


    .header-outer-wrapper {
      position: relative;
      height: 100vh;
      background: url(/sites/g/files/g2000016326/files/2023-05/header-block-bg-mobile.jpg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: center;
    }

    .count-down-section {
      top: 42%;
      left: 50%;
      transform: translate(-50%, -50%);
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .countdown-title {
      font-size: 41px;
      text-shadow: 1px 1px 1px #000000;
    }

    .pre-buttons a,
    .pre-buttons span {
      font-size: 14px;
      text-shadow: 1px 1px 1px #000000;

    }

    .p {
      font-size: 19px;
      margin-top: 5px;
      text-shadow: 1px 1px 1px #000000;

    }

    .countdown.count-two,
    .countdown.count-three {
      margin-top: 30px;
    }

    .header-presave-section span,
    .header-presave-section a {
      font-size: 12px;
    }

    .lipstick-video-title {
      font-size: 25px;
    }

    .header-presave-section {
      position: absolute;
      bottom: -7vw;
      right: 0;
      text-align: center;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .icon-play:before {
      content: "\e900";
      color: #F9A80A;
      font-size: 18px;
      position: relative;
      top: 3px;
    }

    .drop-scroll {
      position: absolute;
      bottom: 17vw;
      left: 50%;
      transform: translate(-50%);
      /* width: 100%; */
      max-width: 75px;
    }

  }


  @media only screen and (max-width: 1024px) and (orientation:landscape) {

    .header-outer-wrapper {
      height: 250vh;

    }

    .wat-vide {
      text-align: center;
    }
  }

  @media only screen and (max-width: 1024px) and (min-width:767px) and (orientation:portrait) {

    .header-presave-section {
      bottom: 0;
    }

    .header-main-title {
      max-width: 80%;
    }

    .wat-vide {
      text-align: center;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li {
      max-width: 30%;
      width: 100%;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(2n) {
      margin-right: 2% !important;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(3n) {
      margin-right: 0% !important;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7),
    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
      max-width: 45%;
      width: 100%;
    }

    .countdown.count-two,
    .countdown.count-three {
      margin-top: 5vh;
    }
  }

  a {
    transition: 0.5s all ease-out;
  }

  a:hover {
    opacity: 0.5;
  }

  .count-three div#firstMlistForm {
    text-align: center;
    margin: 3% auto 0;
    max-width: 67%;
    letter-spacing: 0;
  }

  .count-three .plain-ml-wrapper input#email {
    font-size: 22px;
    width: 100%;
    max-width: 100%;
    height: auto;
    line-height: 1;
    padding: 0;
    text-shadow: 0.104vw 0.104vw 0.104vw #000000;
    /* box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); */
  }

  .count-three .plain-ml-wrapper p.terms-message a,
  .count-three .plain-ml-wrapper p.terms-message-2 a {
    color: #000;
    text-decoration: underline;
  }

  .count-three .plain-ml-wrapper#firstMlistForm p.terms-message-2 {

    color: #000;
  }

  .count-three .plain-ml-wrapper form#mlistFormOne .submit {
    position: absolute;
    right: 0;
    top: unset;
    bottom: 0.2vw;
    width: 1.5vw;
    filter: drop-shadow(0px 2px 1px #000);
  }

  .count-three .plain-ml-wrapper #mlform div#terms {
    top: 0;
  }

  .count-three #mlform form {
    width: 100%;
    position: relative;
  }

  .count-three .plain-ml-wrapper div#secondform select option {
    background: #000;
    color: #f9a80a;
  }

  .count-three .welcome p,
  .welcome p span {
    text-align: center;
    font-size: 1.146vw;
    color: #f9a80a;
  }

  .count-three .thankswelcome-msg {

    font-size: 0.6vw !important;
    color: #f9a80a;
    font-weight: 600;
  }



  .count-three .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
  .count-three .plain-ml-wrapper div#secondform select {
    padding: 0;
    height: 2.2vw;
    line-height: 2.2vw;
    padding-left: 0.5vw;
    font-size: 1vw;
    text-indent: 0;


  }

  .count-three .fieldWrap {
    margin-bottom: 0.7vw;
  }

  .count-three .plain-ml-wrapper div#secondform div#terms {

    margin-top: 0.5vw;
  }

  .count-three .plain-ml-wrapper div#secondform select {
    background-color: transparent !important;
  }

  .countdown.count-two {
    display: inline-flex;
    align-items: center;
  }

  .count-three div#secondform {
    height: auto;
    position: absolute;
    background: #000;
    padding: 1vw;
    left: 50%;
    z-index: 25000;
    box-sizing: border-box;
    top: unset;
    bottom: 0;
    max-width: 28%;
    transform: translateX(-50%);
  }

  @media only screen and (max-width:1024px) {
    .count-three .p {
      font-size: 41px;
      line-height: 1;
    }

    .count-three .countdown-title {
      font-size: 19px;
      margin-top: 0.5vw;
      line-height: 1.3;
    }

    .count-three div#firstMlistForm {
      max-width: 100%;
    }

    .count-three .plain-ml-wrapper form#mlistFormOne .submit {
      position: absolute;
      right: 0;
      top: unset;
      bottom: 0vw;
      width: 28px;
    }

    .count-three div#secondform {
      height: auto;
      position: absolute;
      background: #000;
      padding: 1vw;
      left: unset;
      z-index: 25000;
      box-sizing: border-box;
      top: unset;
      bottom: unset;
      max-width: 80%;
      transform: unset;
      left: 50%;
      transform: translateX(-50%);
    }

    .count-three .welcome p,
    .count-three .welcome p span {
      font-size: 16px;
    }

    .count-three .thankswelcome-msg {
      font-size: 12px !important;
    }

    .count-three .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
    .count-three .plain-ml-wrapper div#secondform select {
      height: 37px;
      line-height: 37px;
      font-size: 16px;
      padding-left: 5px;
    }

    .count-three .plain-ml-wrapper#firstMlistForm p.terms-message-2 {

      color: #000;
    }

    .count-down-section {
      z-index: 10000;
    }
  }
</style>

<div class="header-outer-wrapper">
  <div class="header-inner-wrapper">
    <div class="header-main-title"><img src="/sites/g/files/g2000016326/files/2023-05/headernew.png" alt="header"></div>

    <div class="count-down-section">
      <div class="countdown count-one">
        <div class="countdown-title">The Age<br>Of Pleasure</div>
        <div class="presave-button-outer">
          <div class="pre-buttons pre-order"><a href="https://janellemonae.lnk.to/TAOPAW" target="_blank">Out
              Now</a></div>

        </div>


        <div class="pre-buttons ex-vinyl"><a href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" class target="_blank"><span>Exclusive Vinyl</span></a></div>
      </div>

      <div class="countdown count-two">
        <div class="countdown-title"><a href="#tour">Tour</a>
          <div class="songkick-container songkick-artist-9697029 songkick-page-undefined" id="songkick-widget-666">
            <div class="widget_row nodates">
              <div class="no-dates">No Upcoming Tour Dates</div>
            </div>
          </div>
        </div>

      </div>


      <div class="countdown count-three">
        <a href="javascript:void(0)" class="triggermail">
          <div class="p">Sign Up For<br>Updates</div>
        </a>
        <div class="mlistwrapper" style="display: none;">

          <div class="plain-ml-wrapper" id="firstMlistForm" data-success="enter">
            <div id="mlform">
              <div class="message">

              </div>

              <form id="mlistFormOne" class="mlform twostep" action data-drupal-form-fields="email">
                <div class="email fieldWrap">

                  <input data-type="email" data-error-text="Please enter a valid email address" required id="email" name="email" placeholder="Email Address">
                </div>
                <div class="primary-list-values">
                  <input id="autoreply" name="autoreply" type="hidden" value="yes"><input id="Datasource" name="Datasource" type="hidden" value="JanelleMonae_ClaimYourPleasurePass_Standalone_Website"><input id="mainListId" name="newsletterId" type="hidden" value="2398288">
                </div>
                <div class="submit">
                  <input type="submit" id="submit" class="mlistSubmit" value="Submit">
                </div>
                <span class="consent-placeholder" data-template="artist-mktg" data-artist="Janelle&nbsp;Monae" data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/atlantic/privacy-policy"> </span>
              </form>

            </div>
            <div id="thankyou" class="fadeOut">
              Thank you!
            </div>
            <div id="secondform" class="fadeOut singleform">
              <form id="mlistFormTwo" class="mlform" action data-drupal-form-fields="secondFormEmail,postalcode,country,first,dobMonth,dobDay,goptin_checkbox">
                <input type="hidden" id="secondFormEmail" name="email" value><span id="secondFormClose">x</span>
                <div class="welcome">
                  <p>Welcome <span id="name"></span> to Janelle&nbsp;Monáe's mailing list!</p>
                </div>
                <div class="thankswelcome-msg">
                  Customize your notifications for <b>tour dates</b> near your hometown, <b>birthday
                    wishes</b>, or <b>special discounts</b> in our online store!
                </div>
                <div class="postalcode fieldWrap">

                  <input type="text" id="postalcode" name="postalcode" placeholder="Postal Code">
                </div>
                <div class="postal_country fieldWrap">

                  <div class="country">
                    <select id="country" name="country" class="form-control">

                    </select>
                  </div>
                </div>
                <div class="first fieldWrap">

                  <input type="text" id="first" name="firstname" placeholder="First Name">
                </div>
                <div class="birthday fieldWrap">
                  <label for="birthday">Birth Date</label>
                  <div class="dobMonth">
                    <select name="dobMonth" id="dobMonth">
                      <option value>Month</option>
                      <option value="1">January</option>
                      <option value="2">February</option>
                      <option value="3">March</option>
                      <option value="4">April</option>
                      <option value="5">May</option>
                      <option value="6">June</option>
                      <option value="7">July</option>
                      <option value="8">August</option>
                      <option value="9">September</option>
                      <option value="10">October</option>
                      <option value="11">November</option>
                      <option value="12">December</option>
                    </select>
                  </div>
                  <div class="dobDay">
                    <select name="dobDay" id="dobDay">
                      <option value>Day</option>
                      <option value="1">1</option>
                      <option value="2">2</option>
                      <option value="3">3</option>
                      <option value="4">4</option>
                      <option value="5">5</option>
                      <option value="6">6</option>
                      <option value="7">7</option>
                      <option value="8">8</option>
                      <option value="9">9</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                      <option value="13">13</option>
                      <option value="14">14</option>
                      <option value="15">15</option>
                      <option value="16">16</option>
                      <option value="17">17</option>
                      <option value="18">18</option>
                      <option value="19">19</option>
                      <option value="20">20</option>
                      <option value="21">21</option>
                      <option value="22">22</option>
                      <option value="23">23</option>
                      <option value="24">24</option>
                      <option value="25">25</option>
                      <option value="26">26</option>
                      <option value="27">27</option>
                      <option value="28">28</option>
                      <option value="29">29</option>
                      <option value="30">30</option>
                      <option value="31">31</option>
                    </select>
                  </div>
                </div>
                <input id="mainListId" name="newsletterId" type="hidden" value="14075551"><input id="Datasource" name="Datasource" type="hidden" value="JanelleMonae_ClaimYourPleasurePass_Standalone_Website">

                <span class="consent-placeholder" data-template="global-mktg" data-artist="Janelle&nbsp;Monae" data-value="50" data-pp-link="https://privacy.wmg.com/atlantic/privacy-policy"> </span>
                <div class="submit">
                  <input type="submit" id="submit" class="mlistSubmit" value="submit">
                </div>

              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="drop-scroll">
      <a href="javascript:void(0)"><img src="/sites/g/files/g2000016326/files/2023-05/cheveron-down_0.svg" alt="up"></a>
    </div>
    <div class="header-presave-section">
      <div class="lipstick-video-title">Lipstick Lover</div>
      <div class="wat-vide"><a href="javascript:void(0)" class="icon-play"><span>Watch The Video</span></a></div>
    </div>
  </div>
</div>


<script>
  jQuery(document).ready(function () {
    jQuery(".wat-vide").click(function () {
      jQuery("html,body").animate({ scrollTop: $("#lipsticklover").offset().top },
        1500
      );
    });
    jQuery(".drop-scroll a").click(function () {
      jQuery("html,body").animate({ scrollTop: $("#merch").offset().top },
        1500
      )
    });
    jQuery(".triggermail").click(function () {
      jQuery('.count-three .mlistwrapper').fadeIn();


    });

    jQuery(".count-two .countdown-title a").click(function (e) {
      e.preventDefault();
      jQuery("html,body").animate({ scrollTop: $("#tour").offset().top }, 1500);
    });
  });
</script>


<script>
  $(document).ready(function () {
    // Add smooth scrolling to all links
    $("drop-scroll a, .header-presave-section .icon-play").on('click', function (event) {

      // Make sure this.hash has a value before overriding default behavior
      if (this.hash !== "") {
        // Prevent default anchor click behavior
        event.preventDefault();

        // Store hash
        var hash = this.hash;

        // Using jQuery's animate() method to add smooth page scroll
        // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
        $('html, body').animate({
          scrollTop: $(hash).offset().top
        }, 800, function () {

          // Add hash (#) to URL when done scrolling (default click behavior)
          window.location.hash = hash;
        });
      } // End if
    });
  });
</script>


<script>
  var errorOccuredOne = false;
  var errorOccuredTwo = false;
  var errorOccuredThree = false;
  var authWindow;
  var isSecondForm = false;
  var emailId;
  var serviceId;
  var fromname;
  var newsletterId = "2398288";
  var labelId = "50";
  var datasource1 = "JanelleMonae_TheAgeOfPleasure_PreSaveButton_Spotify";
  var datasource2 = "JanelleMonae_TheAgeOfPleasure_PreAddButton_Apple";
  var ext = "";
  var adobe_ecid = "";
  var wcid = "35150";

  var spChecked = false;
  var apChecked = false;
  var apload_int;
  var spload_int;

  var clickFlag = 0;

  function spCheckCall() {
    var flag = 0;
    spload_int = setInterval(function () {
      jQuery('.spotifyTopsify .wmg-modal .opt-in-list li[data-required="0"] input').click(function () {
        // clearInterval(spload_int);
        if ($(this).is(':checked')) {
          spChecked = true;
        } else {
          spChecked = false;
        }
      });
      jQuery('.spotifyTopsify .wmg-modal .wmgsdk-modal-dialogue-close').click(function () {
        clearInterval(spload_int);
        $('body').removeClass('spotifyTopsify');
        jQuery('.wmg-modal').hide();
      });

    }, 100);

    jQuery('.spotifyTopsify .wmg-modal .opt-in-button-continue').click(function () {
      console.log("spotify button click");
      if (jQuery('.spotifyTopsify .wmg-modal .opt-in-list li[data-required="1"] input').is(':checked')) {
        jQuery('.spotifyTopsify .wmg-modal .opt-in-list li[data-required="1"]').removeClass('reqError')
        jQuery('.spotifyTopsify .wmg-modal .error-container').hide();
        if (clickFlag == 0) {
          clickFlag = 1;
          jQuery(this).find('a.sp.wmg-button').click();
          clearInterval(spload_int);
        }
      } else {
        if (flag == 0) {
          jQuery('.spotifyTopsify .wmg-modal .opt-in-list li[data-required="1"]').addClass('reqError')
          flag = 1;
        }
        jQuery('.spotifyTopsify .wmg-modal .error-container').show();
      }
    });
  }

  var appleclickFlag = 0;

  function apCheckCall() {
    var flag = 0;
    apload_int = setInterval(function () {
      jQuery('.appleTopsify .wmg-modal .opt-in-list li[data-required="0"] input').click(function () {
        // clearInterval(apload_int);
        if ($(this).is(':checked')) {
          spChecked = true;
        } else {
          spChecked = false;
        }
      });
      jQuery('.appleTopsify .wmg-modal .wmgsdk-modal-dialogue-close').click(function () {
        clearInterval(apload_int);
        $('body').removeClass('appleTopsify');
        jQuery('.wmg-modal').hide();
      });


    }, 100);

    jQuery('.appleTopsify .wmg-modal .opt-in-button-continue').click(function () {
      console.log("apple button click");
      if (jQuery('.appleTopsify .wmg-modal .opt-in-list li[data-required="1"] input').is(':checked')) {
        jQuery('.appleTopsify .wmg-modal .opt-in-list li[data-required="1"]').removeClass('reqError')
        jQuery('.appleTopsify .wmg-modal .error-container').hide();
        if (appleclickFlag == 0) {
          appleclickFlag = 1;
          jQuery(this).find('a.ap.wmg-button').click();
          clearInterval(apload_int);
        }
      } else {
        if (flag == 0) {
          jQuery('.appleTopsify .wmg-modal .opt-in-list li[data-required="1"]').addClass('reqError')
          flag = 1;
        }
        jQuery('.appleTopsify .wmg-modal .error-container').show();
      }
    });
  }

  function loginSucess() {
    jQuery(".followPopupSection > div").hide();
    jQuery('.followWrapper').hide();
    jQuery('.thankyouMessage').show();
  }

  function sendCDCRequestFormOneSpotify(email) {
    var signUpRequestUrl;
    var signupURL = 'https://signup.wmg.com/register?geoip=true';
    var newsletterID = newsletterId;
    var dataSource = datasource1;
    var entryMethod = "Spotify";
    adobe_ecid = s_dtm.visitor.getMarketingCloudVisitorID();

    signUpRequestUrl = signupURL + '&email=' + email + '&newsletterId=' + newsletterID + '&Datasource=' + dataSource + '&adobe_ecid=' + adobe_ecid + '&wcid=' + wcid + '&EntryMethod=Spotify&autoreply=yes&jsoncallback=?';
    jQuery.getJSON(signUpRequestUrl, {
      jsonp: "spotifyFirstFormCallBack"
    });
  }

  function spotifyFirstFormCallBack(data) {
    if (data.status == "success") {
      loginSucess();
      s_dtm.t({
        pageName: "Janelle Monae:Homepage:Signup Success (Spotify)",
        events: 'event3'
      });
    }
  }

  function sendCDCRequestFormOneApple(email) {

    var signUpRequestUrl;
    var signupURL = 'https://signup.wmg.com/register?geoip=true';
    var newsletterID = newsletterId;
    var dataSource = datasource2;
    var entryMethod = "Apple";

    adobe_ecid = s_dtm.visitor.getMarketingCloudVisitorID();
    signUpRequestUrl = signupURL + '&email=' + email + '&newsletterId=' + newsletterID + '&Datasource=' + dataSource + '&adobe_ecid=' + adobe_ecid + '&wcid=' + wcid + '&EntryMethod=Apple&autoreply=yes&jsoncallback=?';
    jQuery.getJSON(signUpRequestUrl, {
      jsonp: "appleFirstFormCallBack"
    });
  }

  function appleFirstFormCallBack(data) {
    if (data.status == "success") {
      // jQuery(".wmgsdk-modal").hide();
      loginSucess();
      s_dtm.t({
        pageName: "Janelle Monae:Homepage:Signup Success (Apple Music)",
        events: 'event3'
      });
    }
  }

  function isEmail(email) {
    var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    return regex.test(email);
  }
  jQuery(document).ready(function () {
    jQuery('.followOnSpotify a.terms').click(function () {

      if (jQuery('.followOnSpotify p.terms-message').hasClass("fadeOut")) {
        jQuery('.followOnSpotify p.terms-message').removeClass('fadeOut');
        jQuery(this).html("Hide");
      } else {
        jQuery('.followOnSpotify p.terms-message').addClass('fadeOut');
        jQuery(this).html("Terms");
      }

    })

    jQuery('.followOnSpotify a.icon-spotify').click(function () {
      jQuery('body').addClass('spotifyTopsify');
      //jQuery('.opt-in-button-continue').hide();
      //jQuery('.opt-in-button-continue.spotify').show();
      //jQuery('.wmg-modal').show();
      //spCheckCall();
      jQuery('a.sp.wmg-button').click();
    });


    jQuery('a.appleButton.tilter').click(function () {
      jQuery(".followPopupSection > div").show();

    });


    jQuery('.applesubmitButton .overflowButton').click(function () {
      if (isEmail(jQuery("#appleSignUp input#email").val())) {
        errorOccuredThree = false;
        jQuery("#appleSignUp input#email").removeClass("error");
        jQuery('#appleSignUp .email-error').hide();
      } else {
        errorOccuredThree = true;
        jQuery("#appleSignUp input#email").addClass("error");
        jQuery('#appleSignUp .email-error').show();
      }
      if (errorOccuredThree == false) {
        jQuery('#appleSignUp .email-error').hide();
        // jQuery('.applesubmitButton a.wmg-button').click();
        //jQuery('body').addClass('appleTopsify');
        // jQuery('.opt-in-button-continue').hide();
        //jQuery('.opt-in-button-continue.apple').show();
        //jQuery('.wmg-modal').show();
        //apCheckCall();
        jQuery('a.ap.wmg-button').click();
        return false;
      }
    });

    var load_int = setInterval(function () {
      if (typeof WMGConnect === "undefined") {
        //console.log("Waiting for script to load...");
      } else {
        var connect_button = new WMGConnect(".wmg-button", {
          // Would you like a popup "Thank you" message to automatically appear once the user has been acquired?
          opt_in_thank_you_enabled: false,
          opt_in_dialogue_enabled: false,

          // Data sources are automatically generated based on how the campaign is set up but you can specify a custom one below
          exacttarget_datasource: 'WMG_PreSave'
        });

        connect_button.setCallback(function (connect_data) {
          // Callback code
          console.info(connect_data);

          serviceId = connect_data.service;
          var emailIdApple = jQuery("#appleSignUp #email").val();
          console.log(emailIdApple);
          //_satellite.track("music pre-save");
          if (serviceId == "spotify") {
            jQuery('.wmg-modal').hide();
            jQuery('body').removeClass('spotifyTopsify');
            clearInterval(spload_int);
            emailId = connect_data.user.email;
            sendCDCRequestFormOneSpotify(emailId);
          } else {
            // jQuery(".wmgsdk-modal").hide();
            jQuery('.wmg-modal').hide();
            jQuery('body').removeClass('appleTopsify');
            clearInterval(apload_int);
            sendCDCRequestFormOneApple(emailIdApple);
          }
          console.log("success");
        });
        clearInterval(load_int);
      }
    }, 100);
    jQuery('.wmg-button').click(function () {
      if (typeof (WMGConnect) === "undefined") {
        jQuery('.popupWrapper').show();
        jQuery('.popupClose').click(function () {
          jQuery('.popupWrapper').hide();
        });
      }
    });
  });
</script>


<style>
  @media screen and (min-width: 1025px) {
    .count-three .plain-ml-wrapper form#mlistFormOne .submit {
      position: relative;
      right: 0;
      bottom: 0.1vw;
      width: 1.5vw;
      filter: drop-shadow(0px 2px 1px #000);
      right: -48%;
      top: -3vw;
    }

    .count-three .plain-ml-wrapper #mlform div#terms {
      top: -2.5vw;
    }

    .followOnSpotify p.terms-message {
      font-size: 0.8vw;
    }

    .followOnSpotify p.terms-message a {
      font-size: 0.8vw;
      font-weight: normal;
    }

    .applesubmitButton .overflowButton {
      background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
      background-size: contain;
      text-indent: -9999px;
      color: transparent;
      background-position: center center;
      font-size: 1vw;
      cursor: pointer;
      right: 2.5vw;
      position: relative;
    }
  }



  @media only screen and (max-width: 1024px) {
    .count-three .plain-ml-wrapper form#mlistFormOne .submit {
      position: relative;
      right: -135px;
      top: -40px;
      bottom: 0vw;
      width: 28px;
    }

    .plain-ml-wrapper #mlform div#terms {
      margin-top: 0;
      top: -32px !important;
    }

  }
</style>



<style>
  div#block-rdheaderblockjun5 .consent-placeholder {
    position: relative;
    margin: 0.2vh auto 0;
    display: block;
    width: 100%;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper label:not(.goptin_checkbox) {
    position: static;
    transform: none;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
    position: absolute;
    left: 0px;
    width: 1.28vw;
    height: 1.28vw;
    z-index: 10;
    top: 0px;
    opacity: 0;
    color: #F9A80A;
    cursor: pointer;
    margin: 0;
    -webkit-appearance: none;
    padding: 0;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: auto;
    width: 1.28vw;
    height: 1.28vw;
    border: 2px solid #F9A80A;
    background: transparent;
    border-radius: 0px;
    box-sizing: border-box;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked)+label:before {
    border-color: red;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
    display: inline-block;
    box-sizing: border-box;
    line-height: 1;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8vw;
    padding-left: 2.04vw;
    padding-top: 0vw !important;
    padding-bottom: 1vw !important;
    vertical-align: top;
    font-weight: 400;
    position: static;
    transform: none;
    pointer-events: auto;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
    content: "\2713";
    position: absolute;
    top: 0.58vh;
    line-height: 1;
    left: 0.25vw;
    font-size: 1vw;
    color: #F9A80A;
    font-weight: 700;
    text-align: center;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
    color: #F9A80A;
  }

  div#block-rdheaderblockjun5 .consent-placeholder span.input-error {
    color: red;
    position: absolute;
    top: -5vh;
    left: 0;
    bottom: auto;
  }

  div#block-rdheaderblockjun5 .secondform .consent-placeholder {
    margin: 2vh auto;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder label a,
  div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder label span {
    color: #F9A80A;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder label a {
    text-decoration: underline;
  }

  div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder label a:hover {
    opacity: 0.5;
  }

  @media only screen and (max-width: 1024px) and (orientation:portrait) {

    div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
      font-size: 2vw;
      padding-left: 6vw;
    }

    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before {
      width: 4vw;
      height: 4vw;
    }

    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
      top: 0.6vh;
      left: 0.5vw;
      font-size: 3.15vw;
    }

    /* form#mlistFormTwo, .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after {
        top: 2.6vh;
        left: 0.5vw;
        font-size: 3.15vw;
    } */


  }

  @media only screen and (max-width: 1024px) {
    #firstMlistForm label {

      margin-left: 2vw;
    }
  }


  @media (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) {

    div#block-rdheaderblockjun5 .plain-ml-wrapper input[type="checkbox"]:not(:checked),
    div#block-rdheaderblockjun5 .plain-ml-wrapper input[type="checkbox"]:checked,
    div#block-rdheaderblockjun5 .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
    div#block-rdheaderblockjun5 .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
      width: 2.8vw !important;
      height: 2.8vw !important;
      margin-left: 1vw;
      top: 1vw;
      width: -1vw;
    }
  }

  @media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
    div#block-rdheaderblockjun5 .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label {
      font-size: 1.268vw;
      padding-left: 3.54vw;
    }

    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
      top: 0.4vw;
      font-size: 2vw;
    }

    div#block-rdheaderblockjun5 .consent-placeholder {
      position: relative;
      margin: 2vh auto;
    }

    div#block-rdheaderblockjun5 .consent-placeholder span.input-error {
      top: -1.5vh;
    }

    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
      width: 2.28vw;
      height: 2.28vw;
    }


  }

  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    div#block-rdheaderblockjun5 .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after {
      content: "\2713";
      position: absolute;
      top: 0.3vh;
    }
  }

  @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .count-three form#mlistFormOne {
      width: 70%;
      margin: 0 auto;
    }

    .count-three .plain-ml-wrapper form#mlistFormOne .submit {
      right: -240px;
    }

    .email span.input-error {
      left: 19vw;
      font-size: 2vw;
    }

    div#block-rdheaderblockjun5 .consent-placeholder span.input-error {
      font-size: 2vw;
      left: 11vw;
    }

    div#block-rdheaderblockjun5 .consent-placeholder {
      width: 98%;
    }
  }
</style></div>
      
    </div>
  </div>

  </div>

        
      </div>
    </header>
          <div class="highlighted">
        <aside class="layout-container section clearfix" role="complementary">
            <div class="region region-highlighted">
    <div data-drupal-messages-fallback class="hidden"></div>

  </div>

        </aside>
      </div>
            <div id="main-wrapper" class="layout-main-wrapper layout-container clearfix">
      <div id="main" class="layout-main clearfix">
        
        <main id="content" class="column main-content" role="main">
          <section class="section">
            <a id="main-content" tabindex="-1"></a>
              <div class="region region-content">
    <div id="block-bartik-page-title" class="block block-core block-page-title-block">
  
    
      <div class="content">
      

  <h1 class="title page-title"><span property="dc:title" class="field field--name-title field--type-string field--label-hidden">Redesign-homepage</span>
</h1>


    </div>
  </div>
<div id="block-acq-starterm-copy-2-system-main" class="block block-system block-system-main-block">
  
    
      <div class="content">
      
<article data-history-node-id="29151" about="/redesign-homepage" typeof="foaf:Document" class="node node--type-page node--view-mode-full clearfix">
  <header>
    
            <span property="dc:title" content="Redesign-homepage" class="rdf-meta hidden"></span>
  <span property="sioc:num_replies" datatype="xsd:integer" class="rdf-meta hidden"></span>

      </header>
  <div class="node__content clearfix">
    <section class="field field--name-comment-node-page field--type-comment field--label-hidden comment-wrapper">
  
  

  
</section>

  </div>
</article>

    </div>
  </div>
<div id="block-rdseatedtourwidget" class="block block-block-content block-block-content1ea4f0b8-ecdc-418a-ad89-c2dde02af001">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div id="tourContent" class="tour">
  <div class="tour-head" id="tour">
    <div class="tour-name title">Tour</div>
    <div class="tour-bg">
      <img src="/sites/g/files/g2000016326/files/2023-05/video-section-right-img.png" alt="video">
    </div>
  </div>

  <div class="TourDatesWidget">
    <div id="wsk-widget-2" class="default-layout">

      <div id="seated-55fdf2c0" data-artist-id="97daf2a1-0100-40b3-8ab6-ceba734c6de6" data-css-version="3"></div>
      <script src="https://widget.seated.com/app.js"></script>

    </div>
  </div>
</div>
<div class="pleasure-header-image" style="margin-top: -24%"><img src="/sites/g/files/g2000016326/files/2024-09/merch-footer-right1_1_0.png" alt="merch"></div>
<link rel="stylesheet" href="https://use.typekit.net/rao6afp.css">
<style>
  img.logoname {
    max-width: 20.989vw;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tour-bg {
    max-width: 51.771vw;
    width: 100%;
    position: static;
    top: 0vw;
    left: 0;
    z-index: 1;
    margin: 0 0 0 auto;
    right: -3.5vw;
    overflow: hidden;
  }

  .tour-head {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
  }

  img {
    width: 100%;
    height: auto;
  }

  div#tourContent {
    margin-top: -12%;
    position: relative;
    z-index: 1;
    margin-left: 2vw;
  }

  a.tourLink {
    color: #fff !important;
    opacity: 0.5;
  }

  .tour-name {
    color: #f9a80a;
    font-size: 7.135vw;
    text-align: left;
    /* text-transform: uppercase; */
    padding-bottom: 2%;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
  }

  /* .tour-bg {
          background: url(../tour/Tour_BG.png) no-repeat;
          background-size: cover;
          height: 100vh;
          background-position: center;
          background-repeat: no-repeat;
      } */

  .hidden {
    display: block;
  }

  img.artistLogoDesk {
    width: 90%;
    max-width: 480px;
  }

  .logoWrapper {
    text-align: center;
    margin: 0 auto;
    margin-top: 4%;
  }

  .footerimg {
    position: absolute;
    max-width: 74.083vw;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .footerimg a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 5vw;
    bottom: 12%;
    left: 46.5%;
    transform: translate(-50%, 0);
  }

  h4.desktop {
    position: relative;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    padding-bottom: 0.52vw;
    padding-top: 35.5vw;
  }

  .copyright-bar {
    position: relative;
  }

  .mobile {
    display: none;
  }

  .footer-links a {
    padding: 0 6px;
  }

  .sep {
    display: none;
    color: #ffffff;
  }

  br.mobileBrk {
    display: none;
  }

  br.mob {
    display: none;
  }

  /* tour */

  .TourDatesWidget #wsk-widget .widget_row:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  #wsk-widget-2 {
    border: none;
    width: 60vw;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    margin-left: 0;
  }

  #wsk-widget .widget_row .plain_text {
    text-transform: capitalize;
  }

  #wsk-widget .widget_row .month.plain_text,
  #wsk-widget .widget_row .date.plain_text,
  #wsk-widget .widget_row .year.plain_text {
    text-transform: uppercase;
    color: #f9a80a;
  }

  #wsk-widget .widget_row .month.plain_text {
    font-size: 1.146vw;
  }

  a.view_more.link_text.link_background:after {
    content: "SEE ALL DATES";
    font-size: 25px;
    text-decoration: underline;
    display: block;
  }

  a.view_more.link_text.link_background {
    font-size: 0;
  }

  #wsk-widget a.view_more {
    background: none;
    color: #ffffff;
    display: block;
    width: 255px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 25px 0;
    font-size: 0;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
  }

  #wsk-widget .widget_row>div.event_links a:hover,
  #wsk-widget a.view_more:hover {
    /* color: #FFFFFF; */
    opacity: 0.5;
  }

  #wsk-widget .widget_row>div.special-event.plain_text:empty,
  #wsk-widget .widget_row>div.event_links a.no-link {
    display: none !important;
  }

  #wsk-widget .widget_row {
    border: none;
    padding: 1.5625vw 0;
    position: relative;
    align-items: center;
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
  }

  #wsk-widget .widget_row>div {
    padding: 0px;
    font-size: 18px;
    line-height: 16px;
    line-height: 24px;
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: left;
  }

  #wsk-widget .widget_row .venue.plain_text {
    width: 55%;
    padding-right: 5%;
  }

  #wsk-widget .widget_row>div.event_date {
    width: 10%;
    font-size: 1.146vw;
    text-transform: uppercase;
    color: #f9a80a;
    letter-spacing: 0;
    line-height: 1;
  }

  #wsk-widget .widget_row>div.featuring-artists {
    padding: 0%;
    width: 30%;
    display: none;
    position: absolute;
    left: 16%;
    bottom: 0;
    font-size: 17px;
  }

  #wsk-widget .widget_row>div.event_location {
    width: 75%;
    padding-right: 0;
    padding-left: 7.5%;
    letter-spacing: 0;
    font-size: 1.146vw;
    display: block;
    flex-direction: row;
    text-align: center;
    text-transform: uppercase;
  }

  #wsk-widget .widget_row>div.event_location div.location.plain_text {
    width: 45%;
    text-transform: capitalize;
    font-size: 1.146vw;
  }

  #wsk-widget .widget_row>div.event_location>div {
    vertical-align: middle;
    display: inline-block;
    font-size: 1.146vw;
    text-transform: uppercase !important;
    color: #f9a80a;
  }

  #wsk-widget .widget_row>div.event_links {
    width: 15%;
  }

  #wsk-widget .widget_row>div.event_links a {
    float: right;
  }

  #wsk-widget .widget_row>div.event_links a {
    /* float: right; */
    float: none;
    /* display: block; */
    width: 100%;
    margin: 0 auto;
  }

  #wsk-widget .widget_row>div.event_links a.sold-out {
    opacity: 0.5;
    pointer-events: none !important;
    cursor: default !important;
  }

  #wsk-widget .widget_row>div.event_links a {
    padding: 0;
    width: auto;
    cursor: pointer;
    display: block;
    text-align: center;
    box-sizing: border-box;
    max-width: 11vw;
    border-radius: 0.26vw;
    font-size: 1.146vw;
    font-style: normal;
    color: #f9a80a;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 2.283vw;
    line-height: 2.083vw;
    margin-right: 0;
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 0.5vw;
  }

  #wsk-widget.default-layout .widget_row>div.featuring-artists.plain_text:empty {
    opacity: 0;
    margin: 0;
  }

  #wsk-widget .widget_row>div.event_location>div:empty {
    display: none;
  }

  #wsk-widget .widget_row .special-event.plain_text {
    display: none;
  }

  div#wsk-widget .widget_row div.event_date span {
    display: block;
    font-size: 1.5625vw;
    text-align: center;
  }

  .footer-links a:hover {
    opacity: 0.5;
    transition: all 0.5s;
  }

  .mobilebreak {
    display: none;
  }

  div#block-rdseatedtourwidget {
    background: url(/sites/g/files/g2000016326/files/2023-05/tour-bg-desk_0.jpg);
    background-size: 100% auto;
    background-position: center 5%;
    background-repeat: no-repeat;
    margin-top: 10vw;
    position: relative;
    bottom: -4vw;
  }

  .TourDatesWidget {
    padding-top: 0vh;
  }

  @media only screen and (max-width: 1024px) {
    #wsk-widget {
      border: none;
      max-width: 347px;
      width: 100%;
      margin: 0 auto;
    }

    .tour-name {
      font-size: 62px;
      margin-left: 15px;
    }

    .TourDatesWidget #wsk-widget .widget_row:last-child {
      border-bottom: none;
      margin-bottom: 20%;
    }

    .tour-header.title {
      font-size: 66px;
      line-height: 1;
    }

    #wsk-widget .widget_row>div.event_location div.location.plain_text {
      width: 100%;
      margin-bottom: 0;
      font-size: 19px;
      line-height: 25px;
    }

    #wsk-widget.default-layout .widget_row {
      position: relative;
      display: block;
      padding: 0;
      width: 100%;
      margin: 40px auto;
      border: 0;
      border-bottom: 2px none #ffffff;
      padding: 10px 0;
    }

    .mobilebreak {
      display: block;
    }

    #wsk-widget.default-layout .widget_row>div {
      clear: both;
      float: none;
      width: 60%;
      font-size: 14px;
    }

    #wsk-widget.default-layout .widget_row>div.event_date {
      width: 100%;
      display: block;
      font-size: 15px;
      text-align: center;
      line-height: 25px;
    }

    div#wsk-widget .widget_row div.event_date span {
      display: inline-block;
      font-size: 20px;
    }

    #wsk-widget.default-layout .widget_row>div.event_location {
      margin: 10px auto;
      width: 100%;
      display: flex;
      font-size: 20px;
      padding: 0;
      text-align: center;
      flex-direction: column;
    }

    #wsk-widget .widget_row>div.event_links a {
      width: 100%;
      float: none;
      text-align: center;
      font-size: 19px;
      max-width: 100%;
      border-radius: 5px;
      margin-top: 20px;
      text-underline-offset: 6px;
    }

    #wsk-widget .widget_row .month.plain_text {
      font-size: 19px;
    }

    #wsk-widget.default-layout .widget_row>div.event_links {
      float: none;
      right: 0;
      width: 100%;
      transform: none;
      letter-spacing: 0;
      position: unset;
      top: 48.7%;
      text-align: center;
    }

    #wsk-widget .widget_row .venue.plain_text {
      width: 100%;
      font-size: 19px;
      padding: 0;
      line-height: 25px;
    }

    #wsk-widget.default-layout .widget_row>div.featuring-artists.plain_text {
      width: 75%;
      margin-left: 20%;
      margin-bottom: 3%;
      font-size: 15px;
      position: relative;
      left: unset;
    }

    .borderline {
      width: 100%;
    }

    .TourDatesWidget .tour-header.title {
      margin-top: 0;
      padding-bottom: 15px;
    }

    a.view_more.link_text.link_background:after {
      font-size: 20px;
    }

    #page div#site-name h1 a {
      font-size: 30px;
    }

    div#site-name {
      margin-top: 1.5625vw;
    }

    #wsk-widget a.view_more {
      padding-bottom: 0;
    }

    #page #header {
      padding-bottom: 0;
    }

    .TourDatesWidget {
      margin-bottom: 75vh;
    }

    .footerimg {
      max-width: 100%;
    }

    .footer-links a,
    span {
      line-height: 19px;
    }

    .footer-links a {
      padding: 0 5px;
    }

    .footerimg a {
      width: 24vw;
      height: 5vw;
      bottom: 14%;
    }

    br.mobileBrk {
      display: block;
    }

    img.logoname {
      max-width: 217px;
    }

    .headerLogo {
      max-width: 362px;
      padding-top: 35px;
    }
  }

  @media only screen and (max-width: 1024px) {
    .footerimg img {
      display: none;
    }

    div#tourContent {
      margin-top: -12%;
      position: relative;
      z-index: 1;
      margin-left: 0;
    }

    .footerimg {
      background: url(./images/FooterImage.png) no-repeat;
      background-size: cover;
      background-position: top;
      min-height: 375px;
      padding-top: 0;
    }

    h4.desktop {
      padding-top: 225px;
    }

    .footerimg a {
      width: 40vw;
      height: 10vw;
      bottom: 14%;
      left: 44%;
    }

    .tour-head {
      display: flex;
      align-content: flex-start;
      flex-direction: column-reverse;
    }

    .tour-bg {
      max-width: 100%;
    }

    div#block-rdseatedtourwidget {
      background: url(/sites/g/files/g2000016326/files/2023-05/tour-bg-mobile.png);
      background-size: 100% auto;
      background-position: center 15%;
      background-repeat: no-repeat;
      margin-top: 10vw;
      position: relative;
      bottom: 0;
    }

    .TourDatesWidget {
      margin-bottom: 0;
      margin-top: 35vh;
    }
  }

  @media screen and (min-width: 1025px) {
    #wsk-widget .widget_row>div.event_location {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      line-height: 3.5vh;
      text-transform: uppercase;
    }

    #wsk-widget .widget_row>div.event_date {
      width: 25%;
      text-transform: uppercase;
      display: flex;
      align-self: flex-start;
      justify-content: flex-end;
    }

    #wsk-widget .widget_row .venue.plain_text {
      padding-right: 0;
      width: 100%;
      line-height: 1;
    }

    #wsk-widget .widget_row>div {
      display: flex;
      text-transform: capitalize;
      text-align: left;
      align-self: flex-start;
    }

    #wsk-widget .widget_row>div.event_location div.location.plain_text {
      width: 100%;
    }

    #wsk-widget .widget_row>div.event_links a {
      line-height: 1;
    }

    div#wsk-widget .widget_row div.event_date span {
      position: relative;
      top: -0.3vw;
    }
  }

  /* @media screen and (min-width: 1900px) {

    #wsk-widget .widget_row > div.event_date {
        position: relative;
      top: 0.4vw;
      }
    } */



  /** Seated tour css **/

  .seated-events-table {
    border: none;
    font-size: 1.5vw !important;
    color: #f9a80a;
    font-family: new-spirit, sans-serif;
    font-weight: 700;
  }

  .seated-event-row {
    border: none;
    display: block;
    margin: 0 auto;
    padding: 2vw 1vw 2vw;
  }

  .seated-event-description-cells .seated-event-details-cell {
    display: none;
  }

  .seated-event-row>div {
    display: inline-block;
    vertical-align: top;
  }

  .seated-event-description-cells>div {
    display: inline-block;
    vertical-align: top;
  }

  div#block-tourblock .seated-event-venue-location {
    width: 100%;
    font-weight: 500;
    font-style: normal;
    font-size: 1.146vw;
  }

  .seated-event-venue-name,
  .seated-event-venue-location {
    width: 100%;
    font-size: 1.146vw;
    text-transform: uppercase;
  }

  .seated-event-venue-location {
    width: auto;
  }

  .seated-event-date-cell {
    width: 20%;
    font-size: 1.146vw;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
  }

  .seated-event-link-cells {
    width: 10%;
    margin: 0 0 0 auto;
  }

  /* .seated-event-description-cells {
        width: 71%;
    } */

  .seated-event-venue-cell {
    width: 75%;
    text-align: center;
  }

  .seated-event-link1 {
    height: 2.917vw;
    margin: 0;
    font-size: 0.938vw;
    background: none;
    line-height: 2.917vw;
    border: none;
    border-radius: 0;
    padding: 0;
    min-width: unset;
    width: 13.125vw;
    margin: 0 0 0 auto;
  }

  .seated-event-link1:hover {
    border: none;
    border-radius: 0;
    margin: 0 0 0 auto;
    padding: 0;
    font-size: 0.938vw;
    background: none;
  }

  .seated-event-link1:hover,
  .seated-event-link1:visited,
  .seated-event-link1:focus-visible,
  .seated-event-link1:active,
  .seated-event-link1:focus,
  .seated-event-link1:focus-within,
  .seated-event-link1:target {
    border: none;
    color: #f9a80a;
  }

  .seated-event-link1,
  .seated-event-link1:visited,
  .seated-event-link2,
  .seated-event-link2:visited {
    background: none;
    color: #f9a80a;
    text-decoration: underline;
    text-underline-offset: 0.5vw;
    font-size: 1.146vw;
    background: none;
  }

  .seated-event-link1:hover,
  .seated-event-link2:hover {
    opacity: 0.5;
    color: #f9a80a;
    font-size: 1.146vw;
    text-decoration: underline;
    text-underline-offset: 0.5vw;
  }

  /*  .seated-events-table .seated-event-row {
    display: none;
  }

  .seated-events-table .seated-event-row:nth-child(1),
  .seated-events-table .seated-event-row:nth-child(2),
  .seated-events-table .seated-event-row:nth-child(3),
  .seated-events-table .seated-event-row:nth-child(4),
  .seated-events-table .seated-event-row:nth-child(5),
  .seated-events-table .seated-event-row:nth-child(6) {
    display: block;
  }  */

  .seated-events-table.opened .seated-event-row {
    display: block;
  }

  @media only screen and (max-width: 1023px),
  only screen and (max-width: 1024px) and (orientation: portrait) {
    .seated-event-row>div {
      display: block;
      margin: 0 auto;
    }

    #wsk-widget-2 {
      width: 80vw;
      margin-left: auto;
    }

    .seated-event-description-cells>div {
      display: block;
      margin: 0 auto;
    }

    .seated-event-link1 {
      margin: 0 auto;
    }

    .seated-event-date-cell {
      font-size: 6.154vw;
      /* line-height: 13.846vw; */
      width: 100%;
    }

    .seated-event-venue-name,
    .seated-event-venue-location {
      font-size: 4.615vw;
    }

    .seated-event-venue-cell {
      width: 100%;
    }

    div#block-tourblock .seated-event-venue-location {
      font-size: 4.103vw;
    }

    a.seated-event-link1 {
      width: 53.846vw;
      line-height: 9.795vw;
      height: 9.795vw;
      font-size: 3.59vw;
    }

    .seated-event-link-cells {
      width: 100%;
    }

    .seated-event-row {
      padding: 6vw 4vw 6vw;
    }

    .seated-event-description-cells>div {
      margin: 2vw auto;
      text-align: center;
    }

    .seated-event-link1:hover {
      margin: 0 auto;
    }

    .seated-event-row .seated-event-description-cells {
      width: 100%;
    }

    .seated-event-date-cell {
      width: 70%;
    }

    .seated-event-link1:hover {
      font-size: 3.59vw;
    }
  }

  div#block-rdtourblock {
    display: none;
  }
</style>




<style>
  .seated-follow-box,
  .seated-follow-text {
    text-align: left;
    padding-bottom: 0px;
  }

  .seated-follow-box+div {
    text-align: left !important;
    margin: 0px !important;
    font-size: 1.5vw !important ;
  }

  .seated-follow-box+div a {
    font-size: 1.5vw !important;
  }

  .seated-follow-link,
  .seated-follow-link:visited {
    margin-top: 10px;
  }

  @media only screen and (max-width: 1024px) {
    div#block-rdseatedtourwidget {
      background: url(/sites/g/files/g2000016326/files/2023-05/tour-bg-mobile.png);
      background-size: 100% auto;
      background-position: center 2%;
      background-repeat: no-repeat;
      margin-top: 10vw;
      position: relative;
      bottom: 0;
    }

    .seated-event-row {
      padding: 6vw 4vw 3vw;
    }

    .pleasure-header-image {
      margin-top: -9% !important;
      font-size: 0px;
    }
  }

  /**Styles for Merch Block */


  .merch-more {
    position: relative;
  }

  .merch-more a {
    display: block;
  }

  .merch-more .store-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "new-spirit", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.917vw;
    color: #000;
    transition: all ease-out 0.5s;
  }

  .merch-more .store-text:hover {
    opacity: 0.5;
  }

  @media only screen and (max-width: 1024px) {

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7),
    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
      max-width: 174px !important;
    }

    .merch-more .store-text {
      font-size: 20px;
    }
  }

  @media only screen and (min-width: 1023px) {

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7),
    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
      max-width: 31.042vw !important;
    }

    .merch-more {
      width: 70%;
    }

  }
@media only screen and (max-width: 1023px) and (orientation:portrait) {

        div#tourContent p.seated-no-events,
        div#tourContent .seated-follow-text,
        div#tourContent .seated-follow-box+div,
        div#tourContent .seated-follow-box+div a {
            font-size: 2.7vw !important;
        }
</style></div>
      
    </div>
  </div>
<div id="block-albumtrailervideosection" class="block block-block-content block-block-content3300a134-e292-4bb7-b08f-80e4bfe2a872">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel.css" async="async" defer="defer/">
<link rel="stylesheet" href="https://libraries.wmgartistservices.com/owlcarousel/owl.theme.default.min.css">




<script src="https://libraries.wmgartistservices.com/owlcarousel/owl.carousel2.3.2.js" defer></script>


<div class="bgimage">
    <img src="/sites/g/files/g2000016326/files/2023-05/albumtrailer_deskbg.jpg" alt="deck" class="deskkk">
    <img src="/sites/g/files/g2000016326/files/2024-08/trailer-bg-mobile-1.jpg" alt="mobile" class="mobbb">

</div>

<script src="https://libraries.wmgartistservices.com/jslibrary/jquery3_6_2021/jquery3_6.js" type="text/javascript"></script>

<div class="album-outerwrapper" id="lipsticklover">
    <div class="album-inner-left">

    </div>

    <div class="overallWrap">
        <div class="innerWrap">
            <div class="playlistWrap">
                <div class="albumSection">
                    <div class="albuminnerWrap">
                        <div id="song-playing" class="song-playing">
                            <div class="songtitleWrapper">
                                <div class="song-title" custom-link-name="Play:Champagne Shit (Remix)">Champagne Shit
                                    (Remix)</div>
                            </div>
                        </div>

                        <div class="audioWrap">
                            <div id="audio-wrapper" class="audio-wrapper">
                                <div class="song-name"></div>
                                <audio id="audio-player" data-src="https://d2cstorage-a.akamaihd.net/atl/Janelle%20Monae/ChampagneShit_Remix_Web_Audio_30s.mp3"></audio>
                                <div class="auido-controls">
                                    <div custom-link-name="Previous Track Button" class="prev">
                                        <span class="newicon-backward"><img src="/sites/g/files/g2000016326/files/2023-05/PLAYLIST-PREV-BUTTON.png" alt="newicon">
                                            <img class="hoverimg" src="/sites/g/files/g2000016326/files/2023-05/PLAYLIST-PREV-BUTTON.png" alt="hoverimg"></span>
                                    </div>
                                    <div custom-link-name="All Tracks Play/Pause Button" class="play-pause">
                                        <span class="newicon-play-outline"><img src="/sites/g/files/g2000016326/files/2023-05/playlist-playbutton.png" alt="newicon">
                                            <img class="hoverimg" src="/sites/g/files/g2000016326/files/2023-05/playlist-playbutton.png" alt="hoverimg"></span>
                                        <span class="newicon-pause-outline"><img src="/sites/g/files/g2000016326/files/2023-05/pause2.svg" alt="newicon">
                                            <img class="hoverimg" src="/sites/g/files/g2000016326/files/2023-05/pause2.svg" alt="hoverimg"></span>

                                    </div>
                                    <div custom-link-name="Next Track Button" class="next"><span class="newicon-forward"><img src="/sites/g/files/g2000016326/files/2023-05/playlist-next-button.png" alt="Thumbnail">
                                            <img class="hoverimg" src="/sites/g/files/g2000016326/files/2023-05/playlist-next-button.png" alt="Thumbnail"></span>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="playlist-wrapper">
                            <div id="data-table-wrapper">
                                <ul id="data-table-wrapper1" class="ui-sortable">
                                    <li class>
                                        <div class="song-wrapper">
                                            <div class="song-title-wrap">
                                                <div class="trackno">01</div>
                                                <div class="songtitleWrapper">
                                                    <div class="song-title" custom-link-name="Play:Champagne Shit (Remix)">
                                                        Champagne Shit (Remix)</div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class>
                                        <div class="song-wrapper">
                                            <div class="song-title-wrap">
                                                <div class="trackno">02</div>
                                                <div class="songtitleWrapper">
                                                    <div class="song-title" custom-link-name="Play:Lipstick Lover">
                                                        Lipstick Lover</div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class>
                                        <div class="song-wrapper">
                                            <div class="song-title-wrap">
                                                <div class="trackno">03</div>
                                                <div class="songtitleWrapper">
                                                    <div class="song-title" custom-link-name="Play:Float">Float</div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class>
                                        <div class="song-wrapper">
                                            <div class="song-title-wrap">
                                                <div class="trackno">04</div>
                                                <div class="songtitleWrapper">
                                                    <div class="song-title" custom-link-name="Play:Float (DJ MoMa Amapiano Remix)">
                                                        Float<br>(DJ MoMa Amapiano Remix)</div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class>
                                        <div class="song-wrapper">
                                            <div class="song-title-wrap">
                                                <div class="trackno">05</div>
                                                <div class="songtitleWrapper">
                                                    <div class="song-title" custom-link-name="Play:Float (Coco &amp; Breezy Remix)">
                                                        Float<br>(Coco &amp; Breezy Remix)</div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                    <li class>
                                        <div class="song-wrapper">
                                            <div class="song-title-wrap">
                                                <div class="trackno">06</div>
                                                <div class="songtitleWrapper">
                                                    <div class="song-title" custom-link-name="Play:Float (AG and Xavier BLK Jersey Club Remix)">
                                                        Float<br>(DJ TAG and Xavier BLK Jersey Club Remix)</div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>







                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- mailing-list-dom -->
    <div class="fooetr-mlist" id="claim">
        <div class="mlistwrapper" style="display: block;">
            
            <div class="plain-ml-wrapper" id="firstMlistForm" data-success="enter">
                <div id="mlform">
                    <div class="message">

                    </div>

                    <form id="mlistFormOne" class="mlform twostep" action data-drupal-form-fields="email">
                        <div class="email fieldWrap">

                            <input data-type="email" data-error-text="Please enter a valid email address" required id="email" name="email" placeholder="Email Address">
                        </div>
                        <div class="primary-list-values">
                            <input id="autoreply" name="autoreply" type="hidden" value="yes"><input id="Datasource" name="Datasource" type="hidden" value="JanelleMonae_TheAgeOfPleasurePreSave_Standalone_Website"><input id="mainListId" name="newsletterId" type="hidden" value="2398288">
                        </div>
                        <div class="submit">
                            <input type="submit" id="submit" class="mlistSubmit" value="Submit">
                        </div>
                        <span class="consent-placeholder" data-template="artist-mktg" data-artist="Janelle Monae" data-error-text="This field is required" data-pp-link="https://privacy.wmg.com/atlantic/privacy-policy"></span>
                    </form>

                </div>
                <div id="thankyou" class="fadeOut">
                    Thank you!
                </div>
                <div id="secondform" class="fadeOut singleform">
                    <form id="mlistFormTwo" class="mlform" action data-drupal-form-fields="secondFormEmail,postalcode,country,first,dobMonth,dobDay,goptin_checkbox">
                        <input type="hidden" id="secondFormEmail" name="email" value><span id="secondFormClose">x</span>
                        <div class="welcome">
                            <p>Welcome <span id="name"></span> to Janelle&nbsp;Monáe's mailing list!</p>
                        </div>
                        <div class="thankswelcome-msg">
                            Customize your notifications for <b>tour dates</b> near your hometown, <b>birthday
                                wishes</b>, or <b>special discounts</b> in our online store!
                        </div>
                        <div class="postalcode fieldWrap">

                            <input type="text" id="postalcode" name="postalcode" placeholder="Postal Code">
                        </div>
                        <div class="postal_country fieldWrap">

                            <div class="country">
                                <select id="country" name="country" class="form-control">
                                    <option value>Select a country/region</option>
                                    <option value="Afghanistan">Afghanistan</option>
                                    <option value="Åland Islands">Åland Islands</option>
                                    <option value="Albania">Albania</option>
                                    <option value="Algeria">Algeria</option>
                                    <option value="American Samoa">American Samoa</option>
                                    <option value="Andorra">Andorra</option>
                                    <option value="Angola">Angola</option>
                                    <option value="Anguilla">Anguilla</option>
                                    <option value="Antarctica">Antarctica</option>
                                    <option value="Antigua and Barbuda">Antigua and Barbuda</option>
                                    <option value="Argentina">Argentina</option>
                                    <option value="Armenia">Armenia</option>
                                    <option value="Aruba">Aruba</option>
                                    <option value="Australia">Australia</option>
                                    <option value="Austria">Austria</option>
                                    <option value="Azerbaijan">Azerbaijan</option>
                                    <option value="Bahamas">Bahamas</option>
                                    <option value="Bahrain">Bahrain</option>
                                    <option value="Bangladesh">Bangladesh</option>
                                    <option value="Barbados">Barbados</option>
                                    <option value="Belarus">Belarus</option>
                                    <option value="Belgium">Belgium</option>
                                    <option value="Belize">Belize</option>
                                    <option value="Benin">Benin</option>
                                    <option value="Bermuda">Bermuda</option>
                                    <option value="Bhutan">Bhutan</option>
                                    <option value="Bolivia">Bolivia</option>
                                    <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
                                    <option value="Botswana">Botswana</option>
                                    <option value="Bouvet Island">Bouvet Island</option>
                                    <option value="Brazil">Brazil</option>
                                    <option value="British Indian Ocean Territory">British Indian Ocean Territory
                                    </option>
                                    <option value="Brunei Darussalam">Brunei Darussalam</option>
                                    <option value="Bulgaria">Bulgaria</option>
                                    <option value="Burkina Faso">Burkina Faso</option>
                                    <option value="Burundi">Burundi</option>
                                    <option value="Cambodia">Cambodia</option>
                                    <option value="Cameroon">Cameroon</option>
                                    <option value="Canada">Canada</option>
                                    <option value="Cape Verde">Cape Verde</option>
                                    <option value="Cayman Islands">Cayman Islands</option>
                                    <option value="Central African Republic">Central African Republic</option>
                                    <option value="Chad">Chad</option>
                                    <option value="Chile">Chile</option>
                                    <option value="China">China</option>
                                    <option value="Christmas Island">Christmas Island</option>
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
                                    <option value="Colombia">Colombia</option>
                                    <option value="Comoros">Comoros</option>
                                    <option value="Congo">Congo</option>
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic
                                        Republic
                                        of The
                                    </option>
                                    <option value="Cook Islands">Cook Islands</option>
                                    <option value="Costa Rica">Costa Rica</option>
                                    <option value="Cote D'ivoire">Cote D'ivoire</option>
                                    <option value="Croatia">Croatia</option>

                                    <option value="Cyprus">Cyprus</option>
                                    <option value="Czech Republic">Czech Republic</option>
                                    <option value="Denmark">Denmark</option>
                                    <option value="Djibouti">Djibouti</option>
                                    <option value="Dominica">Dominica</option>
                                    <option value="Dominican Republic">Dominican Republic</option>
                                    <option value="Ecuador">Ecuador</option>
                                    <option value="Egypt">Egypt</option>
                                    <option value="El Salvador">El Salvador</option>
                                    <option value="Equatorial Guinea">Equatorial Guinea</option>
                                    <option value="Eritrea">Eritrea</option>
                                    <option value="Estonia">Estonia</option>
                                    <option value="Ethiopia">Ethiopia</option>
                                    <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
                                    <option value="Faroe Islands">Faroe Islands</option>
                                    <option value="Fiji">Fiji</option>
                                    <option value="Finland">Finland</option>
                                    <option value="France">France</option>
                                    <option value="French Guiana">French Guiana</option>
                                    <option value="French Polynesia">French Polynesia</option>
                                    <option value="French Southern Territories">French Southern Territories</option>
                                    <option value="Gabon">Gabon</option>
                                    <option value="Gambia">Gambia</option>
                                    <option value="Georgia">Georgia</option>
                                    <option value="Germany">Germany</option>
                                    <option value="Ghana">Ghana</option>
                                    <option value="Gibraltar">Gibraltar</option>
                                    <option value="Greece">Greece</option>
                                    <option value="Greenland">Greenland</option>
                                    <option value="Grenada">Grenada</option>
                                    <option value="Guadeloupe">Guadeloupe</option>
                                    <option value="Guam">Guam</option>
                                    <option value="Guatemala">Guatemala</option>
                                    <option value="Guernsey">Guernsey</option>
                                    <option value="Guinea">Guinea</option>
                                    <option value="Guinea-bissau">Guinea-bissau</option>
                                    <option value="Guyana">Guyana</option>
                                    <option value="Haiti">Haiti</option>
                                    <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald
                                        Islands
                                    </option>
                                    <option value="Holy See (Vatican City State)">Holy See (Vatican City State)
                                    </option>
                                    <option value="Honduras">Honduras</option>
                                    <option value="Hong Kong">Hong Kong</option>
                                    <option value="Hungary">Hungary</option>
                                    <option value="Iceland">Iceland</option>
                                    <option value="India">India</option>
                                    <option value="Indonesia">Indonesia</option>

                                    <option value="Iraq">Iraq</option>
                                    <option value="Ireland">Ireland</option>
                                    <option value="Isle of Man">Isle of Man</option>
                                    <option value="Israel">Israel</option>
                                    <option value="Italy">Italy</option>
                                    <option value="Jamaica">Jamaica</option>
                                    <option value="Japan">Japan</option>
                                    <option value="Jersey">Jersey</option>
                                    <option value="Jordan">Jordan</option>
                                    <option value="Kazakhstan">Kazakhstan</option>
                                    <option value="Kenya">Kenya</option>
                                    <option value="Kiribati">Kiribati</option>

                                    <option value="Korea, Republic of">Korea, Republic of</option>
                                    <option value="Kuwait">Kuwait</option>
                                    <option value="Kyrgyzstan">Kyrgyzstan</option>
                                    <option value="Lao People's Democratic Republic">Lao People's Democratic
                                        Republic
                                    </option>
                                    <option value="Latvia">Latvia</option>
                                    <option value="Lebanon">Lebanon</option>
                                    <option value="Lesotho">Lesotho</option>
                                    <option value="Liberia">Liberia</option>
                                    <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>
                                    <option value="Liechtenstein">Liechtenstein</option>
                                    <option value="Lithuania">Lithuania</option>
                                    <option value="Luxembourg">Luxembourg</option>
                                    <option value="Macao">Macao</option>
                                    <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former
                                        Yugoslav
                                        Republic of
                                    </option>
                                    <option value="Madagascar">Madagascar</option>
                                    <option value="Malawi">Malawi</option>
                                    <option value="Malaysia">Malaysia</option>
                                    <option value="Maldives">Maldives</option>
                                    <option value="Mali">Mali</option>
                                    <option value="Malta">Malta</option>
                                    <option value="Marshall Islands">Marshall Islands</option>
                                    <option value="Martinique">Martinique</option>
                                    <option value="Mauritania">Mauritania</option>
                                    <option value="Mauritius">Mauritius</option>
                                    <option value="Mayotte">Mayotte</option>
                                    <option value="Mexico">Mexico</option>
                                    <option value="Micronesia, Federated States of">Micronesia, Federated States of
                                    </option>
                                    <option value="Moldova, Republic of">Moldova, Republic of</option>
                                    <option value="Monaco">Monaco</option>
                                    <option value="Mongolia">Mongolia</option>
                                    <option value="Montenegro">Montenegro</option>
                                    <option value="Montserrat">Montserrat</option>
                                    <option value="Morocco">Morocco</option>
                                    <option value="Mozambique">Mozambique</option>
                                    <option value="Myanmar">Myanmar</option>
                                    <option value="Namibia">Namibia</option>
                                    <option value="Nauru">Nauru</option>
                                    <option value="Nepal">Nepal</option>
                                    <option value="Netherlands">Netherlands</option>
                                    <option value="Netherlands Antilles">Netherlands Antilles</option>
                                    <option value="New Caledonia">New Caledonia</option>
                                    <option value="New Zealand">New Zealand</option>
                                    <option value="Nicaragua">Nicaragua</option>
                                    <option value="Niger">Niger</option>
                                    <option value="Nigeria">Nigeria</option>
                                    <option value="Niue">Niue</option>
                                    <option value="Norfolk Island">Norfolk Island</option>
                                    <option value="Northern Mariana Islands">Northern Mariana Islands</option>
                                    <option value="Norway">Norway</option>
                                    <option value="Oman">Oman</option>
                                    <option value="Pakistan">Pakistan</option>
                                    <option value="Palau">Palau</option>
                                    <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied
                                    </option>
                                    <option value="Panama">Panama</option>
                                    <option value="Papua New Guinea">Papua New Guinea</option>
                                    <option value="Paraguay">Paraguay</option>
                                    <option value="Peru">Peru</option>
                                    <option value="Philippines">Philippines</option>
                                    <option value="Pitcairn">Pitcairn</option>
                                    <option value="Poland">Poland</option>
                                    <option value="Portugal">Portugal</option>
                                    <option value="Puerto Rico">Puerto Rico</option>
                                    <option value="Qatar">Qatar</option>
                                    <option value="Reunion">Reunion</option>
                                    <option value="Romania">Romania</option>

                                    <option value="Rwanda">Rwanda</option>
                                    <option value="Saint Helena">Saint Helena</option>
                                    <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
                                    <option value="Saint Lucia">Saint Lucia</option>
                                    <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
                                    <option value="Saint Vincent and The Grenadines">Saint Vincent and The
                                        Grenadines
                                    </option>
                                    <option value="Samoa">Samoa</option>
                                    <option value="San Marino">San Marino</option>
                                    <option value="Sao Tome and Principe">Sao Tome and Principe</option>
                                    <option value="Saudi Arabia">Saudi Arabia</option>
                                    <option value="Senegal">Senegal</option>
                                    <option value="Serbia">Serbia</option>
                                    <option value="Seychelles">Seychelles</option>
                                    <option value="Sierra Leone">Sierra Leone</option>
                                    <option value="Singapore">Singapore</option>
                                    <option value="Slovakia">Slovakia</option>
                                    <option value="Slovenia">Slovenia</option>
                                    <option value="Solomon Islands">Solomon Islands</option>
                                    <option value="Somalia">Somalia</option>
                                    <option value="South Africa">South Africa</option>
                                    <option value="South Georgia and The South Sandwich Islands">South Georgia and
                                        The
                                        South
                                        Sandwich
                                        Islands</option>
                                    <option value="Spain">Spain</option>
                                    <option value="Sri Lanka">Sri Lanka</option>
                                    <option value="Sudan">Sudan</option>
                                    <option value="Suriname">Suriname</option>
                                    <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
                                    <option value="Swaziland">Swaziland</option>
                                    <option value="Sweden">Sweden</option>
                                    <option value="Switzerland">Switzerland</option>

                                    <option value="Taiwan&gt;Taiwan&lt;/option&gt;
                                    &lt;option value=">Tajikistan</option>
                                    <option value="Tanzania, United Republic of">Tanzania, United Republic of
                                    </option>
                                    <option value="Thailand">Thailand</option>
                                    <option value="Timor-leste">Timor-leste</option>
                                    <option value="Togo">Togo</option>
                                    <option value="Tokelau">Tokelau</option>
                                    <option value="Tonga">Tonga</option>
                                    <option value="Trinidad and Tobago">Trinidad and Tobago</option>
                                    <option value="Tunisia">Tunisia</option>
                                    <option value="Turkey">Turkey</option>
                                    <option value="Turkmenistan">Turkmenistan</option>
                                    <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
                                    <option value="Tuvalu">Tuvalu</option>
                                    <option value="Uganda">Uganda</option>
                                    <option value="Ukraine">Ukraine</option>
                                    <option value="United Arab Emirates">United Arab Emirates</option>
                                    <option value="United Kingdom">United Kingdom</option>
                                    <option value="United States">United States</option>
                                    <option value="United States Minor Outlying Islands">United States Minor
                                        Outlying
                                        Islands
                                    </option>
                                    <option value="Uruguay">Uruguay</option>
                                    <option value="Uzbekistan">Uzbekistan</option>
                                    <option value="Vanuatu">Vanuatu</option>
                                    <option value="Venezuela">Venezuela</option>
                                    <option value="Viet Nam">Viet Nam</option>
                                    <option value="Virgin Islands, British">Virgin Islands, British</option>
                                    <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
                                    <option value="Wallis and Futuna">Wallis and Futuna</option>
                                    <option value="Western Sahara">Western Sahara</option>
                                    <option value="Yemen">Yemen</option>
                                    <option value="Zambia">Zambia</option>
                                    <option value="Zimbabwe">Zimbabwe</option>
                                </select>
                            </div>
                        </div>
                        <div class="first fieldWrap">

                            <input type="text" id="first" name="firstname" placeholder="First Name">
                        </div>
                        <div class="birthday fieldWrap">
                            <label for="birthday">Birth Date</label>
                            <div class="dobMonth">
                                <select name="dobMonth" id="dobMonth">
                                    <option value>Month</option>
                                    <option value="1">January</option>
                                    <option value="2">February</option>
                                    <option value="3">March</option>
                                    <option value="4">April</option>
                                    <option value="5">May</option>
                                    <option value="6">June</option>
                                    <option value="7">July</option>
                                    <option value="8">August</option>
                                    <option value="9">September</option>
                                    <option value="10">October</option>
                                    <option value="11">November</option>
                                    <option value="12">December</option>
                                </select>
                            </div>
                            <div class="dobDay">
                                <select name="dobDay" id="dobDay">
                                    <option value>Day</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="12">12</option>
                                    <option value="13">13</option>
                                    <option value="14">14</option>
                                    <option value="15">15</option>
                                    <option value="16">16</option>
                                    <option value="17">17</option>
                                    <option value="18">18</option>
                                    <option value="19">19</option>
                                    <option value="20">20</option>
                                    <option value="21">21</option>
                                    <option value="22">22</option>
                                    <option value="23">23</option>
                                    <option value="24">24</option>
                                    <option value="25">25</option>
                                    <option value="26">26</option>
                                    <option value="27">27</option>
                                    <option value="28">28</option>
                                    <option value="29">29</option>
                                    <option value="30">30</option>
                                    <option value="31">31</option>
                                </select>
                            </div>
                        </div>
                        <input id="mainListId" name="newsletterId" type="hidden" value="14075551"><input id="Datasource" name="Datasource" type="hidden" value="JanelleMonae_TheAgeOfPleasurePreSave_Standalone_Website">
                        
                        
                        <span class="consent-placeholder" data-template="global-mktg" data-artist="Janelle Monae" data-value="50" data-pp-link="https://privacy.wmg.com/atlantic/privacy-policy"></span>
                        <div class="submit">
                            <input type="submit" id="submit" class="mlistSubmit" value="submit">
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .albumSection {
        position: relative;
        display: inline-block;
        font-size: 0;
        width: 100%;
    }

    div#block-albumtrailervideosection {
        position: relative;
    }

    .albumWrapper {
        cursor: pointer;
        position: relative;
    }

    .album-imag-wrapper img {
        width: 100%;
    }

    .videoWrapper {
        position: relative;
    }

    .play-button1.playicon-play {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.5s ease-in-out;
        max-width: 2.865vw;
        width: 100%;
    }

    .play-button1.playicon-play:hover {
        opacity: 0.5;
    }

    .video-title {
        font-size: 1.563vw;
        letter-spacing: 0px;
        bottom: 0;
        width: 100%;
        padding: 2vw 0;
        color: #F9A80A;
        text-align: center;
        font-family: "new-spirit", serif;
        font-weight: 700;
        font-style: normal;
        position: relative;
    }

    .bgimage {
        z-index: 1;
        position: relative;
    }

    .videoPlayer.active {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        margin: 0 auto;
    }

    .videoPlayer.active iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .album-outerwrapper {
        display: block;
        width: 100%;
        margin: auto;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 3;
    }

    div#block-albumtrailervideosection {
        position: relative;
    }

    .album-inner-left {
        max-width: 43.75vw;
        width: 100%;
        margin: 5vw 5vw 0 0;
        float: right;
    }

    .trailerorder {
        width: 90%;
        text-align: right;
    }

    .video-inner-right {
        max-width: 48.281vw;
        width: 100%;
        position: relative;
        top: 0vw;
        left: 5.5vw;
    }

    div#block-rdalbumSection-2 {
        margin-bottom: 5vw;
    }




    @media only screen and (max-width:1024px) {
        .albumSection {
            max-width: 100%;
            width: 100%;
            display: block;
            text-align: center;
            margin: 0 auto;
        }

        .trailerorder {
            margin-top: 40px;
        }
    }
</style>



<!-- -----------playlist-css-js-------- -->

<style>
    body {
        background-size: cover;
        background: #000;
    }

    .overallWrap {
        background: url(/sites/g/files/g2000016326/files/2023-05/playlist-background-image.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        max-width: 14vw;
        height: 25vh;
        width: 100%;
        position: relative;
        margin: 65vw 10vw 0 auto;
        bottom: 0;

    }

    .audioWrap {
        position: absolute;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .playlistWrap {
        max-width: 13.021vw;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    img.hoverimg {
        display: none;
    }

    span.newicon-pause-outline {
        display: none;
    }

    div#audio-wrapper {
        font-size: 0;
        padding: 0 2%;
        padding-right: 0;
        padding-left: 0vw;
    }

    .audioWrap .albumTitle {
        color: #FFFFFF;
        font-size: 3.125vw;
        display: inline-block;
        width: 89.2%;
        vertical-align: middle;
        padding-bottom: 0.833vw;
        line-height: 4.167vw;
    }

    .auido-controls {
        /* display: inline-block;
        width: 10%;
        font-size: 0;
        text-align: right;
        vertical-align: middle; */
    }

    div#audio-wrapper .auido-controls {
        padding-bottom: 0.833vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auido-controls>div:hover {
        opacity: 0.5;
    }

    .auido-controls>div {
        display: inline-block;
        vertical-align: middle;
    }

    .prev {
        width: 1.5vw;
        cursor: pointer;
    }

    .play-pause {
        width: 2vw;
        margin: 0 8% 0 10%;
        cursor: pointer;
    }

    .next {
        width: 1.5vw;
        cursor: pointer;
    }

    div#seekObjContainer {
        display: inline-block;
        font-size: 0.938vw;
        margin-right: 1.5%;
        width: 8%;
        color: #fff;
    }

    .audioWrap>div#seekObjContainer {
        display: none;
    }

    div#song-playing {
        /* display: none !important; */
        height: 25vh;
    }

    ol,
    ul {
        list-style: none;
    }

    ul#data-table-wrapper1 {
        margin: 0;
        padding: 0;
    }

    ul#data-table-wrapper1 li {
        border-top: 0;
        padding: 1.615vw 1vw;
    }

    ul#data-table-wrapper1 li:first-child {
        border-color: transparent;
    }

    .song-title-wrap {
        font-size: 0;
    }

    .trackno {
        display: none;
    }

    .artist-name {
        display: inline-block;
        font-size: 1.875vw;
        color: #fff;
        width: 25%;
        margin-right: 17%;
        vertical-align: middle;
        font-weight: 400;
    }

    .songtitleWrapper {
        font-size: 1.563vw;
        color: #F9A80A;
        display: inline-block;
        width: 100%;
        text-align: center;
        vertical-align: middle;
        margin-right: auto;
        /* display: none; */
        position: absolute;
        bottom: 25vh;
        font-family: "new-spirit", serif;
        font-weight: 700;
        font-style: normal;
    }

    small.start-time::after {
        content: '/';
        padding: 0 0.31vw;
    }

    .song-title-wrap>div {
        display: inline-block;
        vertical-align: middle;
    }

    .song-title-wrap .auido-controls {
        width: 3%;
    }

    .song-title-wrap .play-pause {
        width: 100%;
        margin: 0;
    }


    ul#data-table-wrapper1 li:last-child {
        border-bottom: 0;
    }


    .play-pause:hover .hoverimg {
        display: block;
    }

    .play-pause:hover img {
        display: none;
    }

    .prev:hover img {
        display: none;
    }

    .prev:hover .hoverimg {
        display: block;
    }

    .next:hover img {
        display: none;
    }

    .next:hover .hoverimg {
        display: block;
    }

    .mobbrk {
        display: none;
    }

    .headerWrap p {
        display: inline-block;
        margin: 0;
    }

    .play-pause img {
        width: 100%;
    }

    .playlist-wrapper {
        display: none;
    }

    @media only screen and (max-width: 1024px) {
        body {
            background: #000;
        }

        .playlistWrap {
            padding-top: 15.385vw;
            max-width: 82.051vw;
            margin: 0 auto;
            padding-bottom: 19.231vw;
        }

        div#audio-wrapper {
            padding: 0;
        }

        .audioWrap .albumTitle {
            font-size: 9.231vw;
            line-height: 8.205vw;
            width: 47%;
            margin-right: 22.5%;
            padding-bottom: 6.923vw;
            vertical-align: bottom;
        }

        div#audio-wrapper .auido-controls {
            width: 30.5%;
            padding-bottom: 6.923vw;
            vertical-align: bottom;
        }

        ul#data-table-wrapper1 li {
            padding: 5.897vw 0;
            position: relative;
        }

        .song-title-wrap>div {
            display: block;
            width: 100%;
        }

        .artist-name {
            font-size: 6.154vw;
            line-height: 1;
        }

        .songtitleWrapper {
            font-size: 4.103vw;
        }

        div#seekObjContainer {
            width: 100%;
        }

        div#seekObjContainer small {
            font-size: 3.590vw;
        }

        .song-title-wrap .auido-controls {
            position: absolute;
            right: 8.705vw;
            top: 5.897vw;
            width: 8.205vw;
            z-index: 2;
        }

        .copyright-text {
            width: 70%;
            margin: 0 auto;
        }

        .cptext>span {
            display: block;
        }

        .mobbrk {
            display: block;
        }
    }
</style>


<!-- playlist-script -->
<script>
    var audioElement;
    var isPlaying = false;
    var isPause = true;
    var trackindex;
    var timetrack = [];
    var artistsongslist = [{
        "disc_number": 1,
        "explicit": false,
        "is_local": false,
        "title": "Champagne Shit (Remix)",
        "preview_url": "https://d2cstorage-a.akamaihd.net/atl/Janelle%20Monae/ChampagneShit_Remix_Web_Audio_30s.mp3"
    }, {
        "disc_number": 2,
        "explicit": false,
        "is_local": false,
        "title": "Lipstick Lover",
        "preview_url": "https://d2cstorage-a.akamaihd.net/atl/Monae/Lipstick Lover.mp3"
    }, {
        "disc_number": 3,
        "explicit": false,
        "is_local": false,
        "title": "Float",
        "preview_url": "https://d2cstorage-a.akamaihd.net/atl/Monae/Float.mp3"
    }, {
        "disc_number": 4,
        "explicit": false,
        "is_local": false,
        "title": "Float (DJ MoMa Amapiano Remix)",
        "preview_url": "https://d2cstorage-a.akamaihd.net/atl/Monae/Float (DJ MoMa Amapiano Remix).mp3"
    }, {
        "disc_number": 5,
        "explicit": false,
        "is_local": false,
        "title": "Float (Coco & Breezy Remix)",
        "preview_url": "https://d2cstorage-a.akamaihd.net/atl/Monae/Float (Coco & Breezy Remix).mp3"
    }, {
        "disc_number": 6,
        "explicit": false,
        "is_local": false,
        "title": "Float (DJ TAG and Xavier BLK Jersey Club Remix)",
        "preview_url": "https://d2cstorage-a.akamaihd.net/atl/Monae/Float (AG and Xavier BLK Jersey Club Remix)_.mp3"
    }

    ]

    jQuery(document).ready(function () {
        setTimeout(function () {
            for (var i = 0; i < artistsongslist.length; i++) {
                jQuery("#data-table-wrapper1 li").eq(i).find(jQuery('.end-time')).html(artistsongslist[i].duration_mins);
            }
        }, 2000);
        // document.getElementById("yearno").innerHTML = new Date().getFullYear();
        audioElement = document.getElementById("audio-player");
        audioElement.addEventListener("timeupdate", timeCal);
        audioElement.onplaying = function () {
            isPlaying = true;
            isPause = false;
        };
        audioElement.onpause = function () {
            isPlaying = false;
            isPause = true;
        };
        audioElement.onended = function () {
            isPlaying = false;
            isPause = true;
            showPlayicon();
            playNextSong();
        }
        jQuery("body").on("click", ".song-title-wrap .play-pause", function () {
            jQuery('span.newicon-pause-outline').hide();
            jQuery('span.newicon-play-outline').show();
            var currentTitleIndex = jQuery(this).parents("li").index();
            trackindex = currentTitleIndex;
            var currenTitle = jQuery(this).parents("li").find(jQuery('.song-title')).text();
            // playPauseSong(trackindex);
            playSongOnTitleClick(currentTitleIndex);

        });
        jQuery("div#audio-wrapper .play-pause").on("click", function () {
            var currentTitleIndex = jQuery(this).parents("li").index();
            trackindex = currentTitleIndex;
            jQuery('span.newicon-pause-outline').hide();
            jQuery('span.newicon-play-outline').show();

            // jQuery(".start-time").html('0:00');
            playPauseSong(trackindex);
        });

        jQuery(".prev").on("click", function (e) {
            e.stopPropagation();
            if (!audioElement.paused && !isPause) {
                audioElement.pause();
                showPlayicon();
            }

            playPrevSong();
        });
        jQuery(".next").on("click", function (e) {
            e.stopPropagation();
            jQuery("#data-table-wrapper1 li .song-details-wrap").hide();
            if (!audioElement.paused && !isPause) {
                audioElement.pause();
                showPlayicon();
            }

            playNextSong();
        });
        /*Play Song*/
        function playSong(songIndex) {
            var selectedSong = artistsongslist[songIndex];
            var selectedSongHTML = jQuery("#data-table-wrapper1 li.active .song-title-wrap").html();
            //console.log(selectedSong);
            trackindex = songIndex;
            jQuery(".song-playing").empty();
            if ((selectedSong.preview_url == "") || (selectedSong.preview_url == null) || (selectedSong.preview_url == " ") || (selectedSong.preview_url == "null")) {
                //console.log('insideif-null');
                jQuery('#preview_error').text('No preview available for this track.');
                jQuery('#preview_error').addClass('previewHide');
                jQuery('#audio-wrapper').hide();
                jQuery('#seekObjContainer').hide();
                jQuery('#song-playing').show();
                audioElement.setAttribute("src", "");


                //audioElement.pause();
            } else {
                //console.log('insideelse-notnull');
                jQuery('#preview_error').text('');
                jQuery('#preview_error').removeClass('previewHide');
                jQuery('#audio-wrapper').show();
                // jQuery('#seekObjContainer').show();
                jQuery('#song-playing').show();
                if (!selectedSong.track_number) {
                    trackURL = selectedSong.preview_url;
                } else {
                    trackURL = selectedSong.preview_url
                }
                audioElement.setAttribute("src", trackURL);
                setTimeout(function () {
                    audioElement.play();
                }, 1000);

                // if (Hls.isSupported()) {
                //     var hls = new Hls();
                //     hls.loadSource(trackURL);

                //     hls.attachMedia(audioElement);
                //     hls.on(Hls.Events.MANIFEST_PARSED, function() {
                //         audioElement.play();
                //     });
                // }
                showPauseicon();
            }
            jQuery(".song-playing").append(selectedSongHTML);
        }
        /*Play Pasue Song*/
        function playPauseSong(trackindex) {
            var activeIndex;
            if (!jQuery("#data-table-wrapper1 li").hasClass("active")) {
                if (trackindex == -1) {
                    jQuery("#data-table-wrapper1 li").first().addClass("active");
                    playSong(jQuery("#data-table-wrapper1 li").first().index());
                }
            } else {
                jQuery("#data-table-wrapper1 li").each(function () {
                    if (jQuery(this).hasClass("active")) {
                        activeIndex = jQuery(this).index();
                        trackindex = activeIndex;
                        //console.log(activeIndex);
                    }
                });
                //playSong(activeIndex);
                audioElement.play();
                showPauseicon();
            }
            if (!audioElement.paused && !isPause) {
                audioElement.pause();

                showPlayicon();
            }
            if (audioElement.paused && !isPlaying) {
                audioElement.play();

                showPauseicon();
            }
        }
        /*Play Song on title click*/
        function playSongOnTitleClick(selectedtitleIndex) {
            var titleIndex = selectedtitleIndex;
            var activeIndex;
            if (!jQuery("#data-table-wrapper1 li").eq(titleIndex).hasClass("active")) {
                jQuery("#data-table-wrapper1 li").removeClass("active");
                jQuery("#data-table-wrapper1 li").eq(titleIndex).addClass("active");
                var currentTitle = jQuery("#data-table-wrapper1 li").eq(titleIndex).find('.song-title').text();
                //alert(currentTitle);

                // CallOmniture('nessabarrett:Playlist Generator Email Signup:Landing:Step 2:' + currentTitle + ' Play Track Click');
                playSong(titleIndex);
            } else {
                activeIndex = jQuery(this).index();
                trackindex = activeIndex;
                audioElement.play();
                showPauseicon();
            }
            if (!audioElement.paused && !isPause) {
                audioElement.pause();

                showPlayicon();
            }
            if (audioElement.paused && !isPlaying) {
                audioElement.play();

                showPauseicon();
            }
        }
        /*Play Next Song*/


        function playNextSong() {
            var nextIndex;
            if (jQuery("#data-table-wrapper1 li").hasClass("active")) {
                jQuery("#data-table-wrapper1 li").each(function () {
                    if (jQuery(this).hasClass("active")) {
                        nextIndex = jQuery(this).index();
                        jQuery(this).removeClass("active");
                    }
                });
                if (nextIndex == (jQuery("#data-table-wrapper1 li").length - 1)) {
                    jQuery("#data-table-wrapper1 li").eq(jQuery("#data-table-wrapper1 li").first().index()).addClass("active");
                    playSong(jQuery("#data-table-wrapper1 li").first().index());
                } else {
                    nextIndex += 1;
                    jQuery("#data-table-wrapper1 li").eq(nextIndex).addClass("active");
                    playSong(nextIndex);
                }
            } else {
                jQuery("#data-table-wrapper1 li").first().addClass("active");
                playSong(jQuery("#data-table-wrapper1 li").first().index());
            }
        }
        /*Play prev Song*/
        function playPrevSong() {
            var prevIndex
            if (jQuery("#data-table-wrapper1 li").hasClass("active")) {
                jQuery("#data-table-wrapper1 li").each(function () {
                    if (jQuery(this).hasClass("active")) {
                        prevIndex = jQuery(this).index();
                        jQuery(this).removeClass("active");
                    }
                });
                if (prevIndex == 0) {
                    jQuery("#data-table-wrapper1 li").eq(jQuery("#data-table-wrapper1 li").last().index()).addClass("active");
                    playSong(jQuery("#data-table-wrapper1 li").last().index());
                } else {
                    prevIndex -= 1;
                    jQuery("#data-table-wrapper1 li").eq(prevIndex).addClass("active");
                    playSong(prevIndex);
                }
            } else {
                jQuery("#data-table-wrapper1 li").first().addClass("active");
                playSong(jQuery("#data-table-wrapper1 li").first().index());
            }
        }
        /*Show Playicon*/
        function showPlayicon() {
            //jQuery("i.icons-play3").show();
            // jQuery("i.icons-pause2").hide();
            // if (trackindex == '-1') {
            //     jQuery('div#audio-wrapper span.newicon-play-outline').show();
            //     jQuery('div#audio-wrapper span.newicon-pause-outline').hide();
            // } else {
            jQuery("#data-table-wrapper1 li.active span.newicon-play-outline").show();
            jQuery("#data-table-wrapper1 li.active span.newicon-pause-outline").hide();
            // }
            jQuery('div#audio-wrapper span.newicon-play-outline').show();
            jQuery('div#audio-wrapper span.newicon-pause-outline').hide();

        }
        /*Show Pauseicon*/
        function showPauseicon() {
            // jQuery("i.icons-play3").hide();
            //jQuery("i.icons-pause2").show();
            // if (trackindex == '-1') {
            //     jQuery('div#audio-wrapper span.newicon-play-outline').hide();
            //     jQuery('div#audio-wrapper span.newicon-pause-outline').show();
            // } else {
            jQuery("#data-table-wrapper1 li.active span.newicon-play-outline").hide();
            jQuery("#data-table-wrapper1 li.active span.newicon-pause-outline").show();
            // }
            jQuery('div#audio-wrapper span.newicon-play-outline').hide();
            jQuery('div#audio-wrapper span.newicon-pause-outline').show();
        } /*Progress Bar functions*/
        function timeCal() {
            var width = jQuery("#timeline").width();
            var length = audioElement.duration;
            var current_time = audioElement.currentTime;
            var totalLength = calculateTotalValue(length);
            // if (totalLength == "NaN:Na") {
            //     jQuery("#data-table-wrapper1 li.active .end-time").html("0:00");
            //     // jQuery(".end-time").html("0:00");
            // } else {
            //     jQuery("#data-table-wrapper1 li.active .end-time").html(totalLength);
            //     // jQuery(".end-time").html(totalLength);
            // }
            var currentTime = calculateCurrentValue(current_time);
            jQuery("#data-table-wrapper1 li.active .start-time").html(currentTime);
            // jQuery(".start-time").html(currentTime);
            var progressbar = document.getElementById("seekObj");
            progressbar.style.paddingLeft = width * (audioElement.currentTime / audioElement.duration) + "px";
        }

        function calculateTotalValue(length) {
            var minutes = Math.floor(length / 60);
            var seconds_int = length - minutes * 60;
            if (seconds_int < 10) {
                seconds_int = "0" + seconds_int;
            }
            var seconds_str = seconds_int.toString();
            var seconds = seconds_str.substr(0, 2);
            var time = minutes + ':' + seconds;
            return time;
        }

        function calculateCurrentValue(currentTime) {
            var current_hour = parseInt(currentTime / 3600) % 24,
                current_minute = parseInt(currentTime / 60) % 60,
                current_seconds_long = currentTime % 60,
                current_seconds = current_seconds_long.toFixed(),
                current_time = (current_minute) + ":" + (current_seconds < 10 ? "0" + current_seconds : current_seconds);
            return current_time;
        }
    })

    $(document).ready(function () {
        // if (jQuery("#data-table-wrapper1 li").hasClass("active")) {
        //     jQuery("#data-table-wrapper1 li .active .songtitleWrapper").css('display','inline-block');
        // }
        // else{
        //     jQuery(".songtitleWrapper").css('display','none');
        // }

        jQuery('div#song-playing .songtitleWrapper').css('display', 'block');
        jQuery('div#song-playing .song-title').css('display', 'block');


    });
</script>

<style>
    @media screen and (max-width: 1024px) {
        .album-inner-left {
            max-width: 280px;
            width: 100%;
            margin: 5vw auto;
            float: unset;
        }

        .video-title {
            font-size: 19px;
            padding: 10px 0;
        }

        .play-button1.playicon-play {
            max-width: 25px;
        }

        .audioWrap span {
            line-height: 0;
        }

        .overallWrap {
            background: url(/sites/g/files/g2000016326/files/2023-05/playlist-background-image.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            max-width: 128px;
            height: 15vh;
            width: 100%;
            position: relative;
            margin: 80vw 10vw 0 auto;
            bottom: 0;
        }

        .playlistWrap {
            padding-top: 0;
            max-width: 100%;
            margin: 0 auto;
            padding-bottom: 0;
        }

        div#song-playing {
            height: 15vh;
        }

        .songtitleWrapper {
            font-size: 19px;
            bottom: 32vw;
            right: 0vw;
        }

        .play-pause {
            width: 20px;
            margin: 0 5% 0 8%;
            cursor: pointer;
        }

        .prev {
            width: 15px;
            cursor: pointer;
        }

        div#audio-wrapper .auido-controls {
            width: 100%;
            padding-bottom: 0;
            vertical-align: middle;
        }

        .next {
            width: 15px;
            cursor: pointer;
        }
    }



    @media only screen and (max-width: 1024px) and (min-width:767px) and (orientation:portrait) {
        .album-inner-left {
            max-width: 55%;
            width: 100%;
            margin: 5vw auto;
            float: unset;
        }

        .songtitleWrapper {
            font-size: 19px;
            top: -8vw;
        }
    }
</style>

<script>
    function enter() { };
</script>

<script>
    $(window).bind("load", function () {
        jQuery("div#block-views-block-single-video-carousel-block-1").insertAfter("div#block-albumtrailervideosection .content div#lipsticklover");

    });

    jQuery(document).ready(function () {

        setTimeout(function () {
            jQuery('div#block-views-block-single-video-carousel-block-1 .item-list.video-block-list-wrapper ul').addClass('owl-carousel');
            jQuery('div#block-views-block-single-video-carousel-block-1 .item-list.video-block-list-wrapper ul').owlCarousel({
                loop: true,
                // margin: 10,
                rewindNav: false,
                rewindSpeed: 0,
                nav: true,
                responsiveClass: true,
                items: 1,
                // rtl: false,
                // navigation: true,
                // autoHeight: false

            });
        },
            500);
    });
</script>
<!-- video-scrippt -->

<script>
    function playVideo(event) {
        event.target.playVideo();
    }
    var ytPlayers = [];
    var player;

    function playCurrentVideo(event) {
        if (Object.keys(ytPlayers).length > 0) {
            for (let k = 0; k < Object.keys(ytPlayers).length; k++) {
                ytPlayers[Object.keys(ytPlayers)[k]].pauseVideo()
            }
        }
        event.target.playVideo();
    }

    function formYoutubePlaylist1(playerID, youtubeID) {
        player = new YT.Player(playerID, {
            height: '360',
            width: '640',
            playerVars: {
                listType: 'playlist',
                list: youtubeID
            },
            host: 'https://www.youtube-nocookie.com',
            events: {
                'onReady': playCurrentVideo,
                'onStateChange': onPlayerStateChange
            }
        });
        //ytPlayers.push(playerID);
        ytPlayers[playerID] = player;
    }

    function formYoutubePlayer1(playerID, youtubeID) {
        player = new YT.Player(playerID, {
            height: '315',
            width: '560',
            videoId: youtubeID,
            host: 'https://www.youtube-nocookie.com',
            events: {
                'onReady': playCurrentVideo,
                'onStateChange': onPlayerStateChange
            }
        });
        ytPlayers[playerID] = player;
    }

    function videoplay() {

        $('div#block-views-block-single-video-carousel-block-1 div.videoPlayer').each(function (index) {
            $(this).attr('id', 'yt-player' + index);
        });

        $("div#block-views-block-single-video-carousel-block-1 .playicon-play").bind('click', function (e) {
            e.preventDefault();
            $(this).hide();
            var parentElement = $(this).parent('.videoWrapper');
            parentElement.find('.video-imag-wrapper').css('visibility', 'hidden');
            parentElement.find('.title-video').css('display', 'none');
            parentElement.find('.videoPlayer').addClass("playing");

            var youtubeID = $(this).parents('.videoWrapper').find('.videoPlayer').attr('video-id');
            var playerID = $(this).parents('.videoWrapper').find('.videoPlayer').attr('id');
            if (youtubeID.length > 11) {
                formYoutubePlaylist1(playerID, youtubeID);
            } else {
                formYoutubePlayer1(playerID, youtubeID);
            }
            $(".video-block-list-wrapper .owl-nav .owl-prev,.video-block-list-wrapper .owl-nav .owl-next").click(function () {
                stopAllYouTubeVideos();
            });

            var stopAllYouTubeVideos = () => {
                var iframes = document.querySelectorAll('iframe');
                Array.prototype.forEach.call(iframes, iframe => {
                    iframe.contentWindow.postMessage(JSON.stringify({
                        event: 'command',
                        func: 'pauseVideo'
                    }), '*');
                });
            }

        });


    }
    jQuery(document).ajaxComplete(function () {
        videoplay();
    });

    // jQuery(window).on("load", function() { 
    jQuery(window).bind("load", function () {
        videoplay();

    });
</script>
<!-- video---css -->
<style>
    div#block-views-block-single-video-carousel-block-1 a.preplay {
        position: absolute;
        /* bottom: auto; */
        top: 50%;
        transform: none;
        left: 50%;
        background: none;
        /* width: 1.51vw; */
        /* height: 1.875vw; */
        cursor: pointer;
        transform: translate(-50%, -50%);
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        cursor: pointer;
    }

    div#block-views-block-single-video-carousel-block-1 {
        max-width: 40vw;
        position: absolute;
        top: 0;
        max-width: 43.75vw;
        width: 100%;
        margin: 5vw 5vw 0 0;
        float: right;
        right: 0;
        z-index: 4;
    }

    div#block-views-block-single-video-carousel-block-1 .owl-prev:hover {
        opacity: 0.5;
    }

    div#block-views-block-single-video-carousel-block-1 .owl-next:hover {
        opacity: 0.5;
    }

    div#block-views-block-single-video-carousel-block-1 .owl-prev {
        background: url(/sites/g/files/g2000016326/files/2023-06/Group%20408%402x.png) 0 0 no-repeat !important;
        bottom: 5vw;
        left: 35%;
        background-size: contain !important;
        font-size: 0px;
        position: absolute;
        height: 50px;
        width: 70px;
    }

    div#block-views-block-single-video-carousel-block-1 .owl-next {
        background: url(/sites/g/files/g2000016326/files/2023-06/arrow-next-jmonae.png) 0 0 no-repeat !important;
        bottom: 5vw;
        right: 40%;
        background-size: contain !important;
        font-size: 0px;
        height: 50px;
        width: 70px;
        position: absolute;
        display: block;
    }

    .videoPlayer {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;

    }

    div#video-imag-wrapper img {
        height: 50vh;
        object-fit: cover;
    }

    iframe {
        width: 100%;
        height: 50vh;
    }

    .owl-nav {
        position: relative;
        top: 10vw;
    }

    .videoWrapper iframe {
        /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1; */
    }




    @media screen and (min-width: 1025px) {
        div#block-views-block-single-video-carousel-block-1 .owl-prev {
            width: 4vw;
        }

        div#block-views-block-single-video-carousel-block-1 .owl-next {
            width: 4vw;
        }
    }

    @media screen and (max-width: 1024px) {
        div#block-views-block-single-video-carousel-block-1 {
            position: absolute;
            top: 0;
            max-width: 90%;
            width: 100%;
            margin: 5vw auto;
            float: unset;
            right: 0;
            z-index: 2;
            left: 50%;
            transform: translate(-50%);
        }

        div#block-views-block-single-video-carousel-block-1 .owl-prev {
            left: 30%;
            height: 50px;
            width: 50px;
        }

        div#block-views-block-single-video-carousel-block-1 .owl-next {
            right: 30%;
            height: 50px;
            width: 50px;
        }

        .overallWrap {
            margin: 152vw 10vw 0 auto !important;
        }

        .owl-nav {
            position: relative;
            top: 23vw;
        }

        iframe {
            width: 100%;
            height: 50vw;
        }

        div#video-imag-wrapper img {
            height: 50vw;
        }
    }

    div#block-rdalbumtrailer {
        display: none;
    }



    @media only screen and (max-width: 1024px) and (orientation: landscape) {
        div#block-albumtrailervideosection .fooetr-mlist span.input-error {
            top: 0 !important;
            margin-top: -23px !important;
        }
    }
</style>


<style>
    @media only screen and (max-width: 767px) {

        .float,
        .copy_content {
            width: 130px;
        }

        .float {
            position: relative;
            top: -12px;
        }
    }


    div#block-albumtrailervideosection .fooetr-mlist div#secondform {

        padding-top: 7vh !important;
    }

    div#block-albumtrailervideosection .fooetr-mlist span#secondFormClose {

        top: 1vw !important;

        color: #f9a80a;
    }


    .consent-placeholder {
        position: relative;
        margin: -2.5vh auto 0;
        display: block;
    }
.fooetr-mlist #mlistFormTwo span.consent-placeholder {
    margin-top: 3vh;
    margin-bottom: 2vh;
}


    .mlistwrapper form.mlistFormTwo label {
        font-size: 1vw;
        text-transform: capitalize;
        color: #f9a80a;
    }

    .plain-ml-wrapper input[type="checkbox"]:not(:checked),
    .plain-ml-wrapper input[type="checkbox"]:checked {
        position: absolute;
        left: 0px;
        width: 1.8vw;
        height: 1.8vw;
        z-index: 10;
        top: 0px;
        opacity: 0;
        cursor: pointer;
        margin: 0;
        -webkit-appearance: none;
        padding: 0;
    }

    .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
    .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
        content: '';
        position: absolute;
        left: 0px;
        top: auto;
        width: 1.8vw;
        height: 1.8vw;
        border: 2px solid #f9a80a;
        background: transparent;
        border-radius: 0px;
        box-sizing: border-box;
    }

    .plain-ml-wrapper input[type="checkbox"].errored:not(:checked)+label:before,
    .plain-ml-wrapper input[type="checkbox"].errored:checked+label:before {
        border-color: red;
    }

    .plain-ml-wrapper .mlform input[type="checkbox"]+label {
        display: inline-block;
        box-sizing: border-box;
        line-height: 1;
        text-align: left;
        text-transform: none;
        letter-spacing: 0;
        font-size: 0.98vw;
        padding-left: 2.54vw;
        vertical-align: top;
        font-weight: 400;
    }

    .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
        content: '\2713';
        position: absolute;
        top: 0.8vh;
        line-height: 1;
        left: 0.45vw;
        font-size: 16px;
        color: #f9a80a;
        font-weight: 700;
        text-align: center;
    }


    .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
        color: #f9a80a;

        top: 3.1vh;
        left: 0.5vw;
        font-size: 1vw;
    }

.fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
    top: 1.1vh;
}

    span.input-error {
        color: red;
        position: absolute;
        top: -3.25vh;
        left: 0;
        bottom: auto;
    }

    .secondform .consent-placeholder {
        margin: 0 auto 2vh;
    }



    @media only screen and (max-width: 1024px) {

        .plain-ml-wrapper input[type="checkbox"]:not(:checked),
        .plain-ml-wrapper input[type="checkbox"]:checked,
        .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
        .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
            width: 4.8vw;
            left: 0px;
            top: 1.1vw;
            height: 4.8vw;
        }
    }

    @media only screen and (max-width:1023px) {

        .plain-ml-wrapper input[type="checkbox"]:not(:checked),
        .plain-ml-wrapper input[type="checkbox"]:checked,
        .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
        .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
            /* width: 2.8vw;
        left: -11px;
        height: 2.8vw; */
            /* width: 5.8vw;
        left: -1px;
        top: 3.1vw;
        height: 5.8vw; */
            width: 4.8vw;
            left: -4px;
            top: 2.1vw;
            height: 4.8vw;
        }
    }




    @media only screen and (max-width:1024px) {
        .plain-ml-wrapper .mlform input[type="checkbox"]+label {
            font-size: 2.8vw !important;
            padding-left: 7.94vw;
        }


    }

    /* .plain-ml-wrapper input[type="checkbox"]:checked+label:after { */
    /* top: 0.528vh;
            left: 0.5vw; */
    /* top: 1.1vh;
        left: 0.5vw;
        font-size: 3vw;
    } */



    span.consent-placeholder a {
        color: #f9a80a;
        text-decoration: underline;
    }

    a:hover {
        opacity: 0.6;
    }



    span.consent-placeholder a:hover {
        text-decoration: none;
        border: none;
    }

    @media (min-width: 600px) and (max-width: 1024px) and (orientation: landscape) {

        .plain-ml-wrapper .mlform input[type="checkbox"]+label {
            font-size: 1.6vw !important;
            padding-left: 7.94vw;
        }

        .plain-ml-wrapper input[type="checkbox"]:not(:checked),
        .plain-ml-wrapper input[type="checkbox"]:checked,
        .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
        .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
            width: 2.8vw;
            height: 2.8vw;
            margin-left: 0vw;
        }

        .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
            top: 1.528vh;
            left: 4.5vw;
        }

        .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
            top: 0.528vh;
            left: 1vw !important;
            font-size: 3vw !important;
        }

        span.input-error {

            top: -1.25vw !important;

        }
    }

    @media (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) {

        .plain-ml-wrapper input[type="checkbox"]:not(:checked),
        .plain-ml-wrapper input[type="checkbox"]:checked,
        .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
        .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
            width: 2.8vw;
            height: 2.8vw;
            margin-left: 1vw;
            top: 1vw;
        }
    }

    @media only screen and (max-width: 1024px) {
        .plain-ml-wrapper .mlform input[type="checkbox"]+label {
            font-size: 4.024vw;
            padding-left: 7.94vw;
        }

        span.input-error {
            color: red;
            position: absolute;
            top: -3.25vw;
            left: 0;
            bottom: auto;
        }

        div#block-albumtrailervideosection .fooetr-mlist span.input-error {
            font-size: 9px;
            margin-top: -3px !important;
        }

    }

    @media only screen and (max-width: 1024px) {
        .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
            top: 1.1vh;
            left: 0.5vw;
            font-size: 3vw;
        }
.email.fieldWrap {
    position: relative;
}

.email span.input-error {
    left: 20vw;
}

.consent-placeholder span.input-error {
    left: 12.5vw;
}

span.consent-placeholder {
    margin-top: 3.5vh;
}

.fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
    left: 1.5vw;
}

.fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:not(:checked),.fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked, .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before, .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
    left: 2px;
}
div#block-rdheaderblockjun5 .consent-placeholder span.input-error {
        left: 13vw;
    }
    }

    @media screen and (max-width: 1024px) and (orientation: portrait) {
        .mlistwrapper form.mlistFormOne span.input-error {
            font-size: 13px;
            bottom: auto;
            text-align: left;
            line-height: 1;
            left: 0;
            padding-top: 13px;
            position: absolute;
            top: -31px;
            left: 0;
            width: 100%;
        }
    }

    @media only screen and (min-width: 2160px) and (max-height: 3840px) and (-webkit-min-device-pixel-ratio: 1.5) {
        .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
            content: '\2713';
            position: absolute;
            top: 0.8vh;
            line-height: 1;
            left: 0.45vw;
            font-size: 37px;
            color: #f9a80a;
            font-weight: 700;
            text-align: center;
        }
    }
</style></div>
      
    </div>
  </div>
<div class="views-element-container block block-views block-views-blocksingle-video-carousel-block-1" id="block-views-block-single-video-carousel-block-1">
  
    
      <div class="content">
      <div><div class="view view-single-video-carousel view-id-single_video_carousel view-display-id-block_1 js-view-dom-id-998b20a1a19bf4e8b3045fae191301468a202fe2b9c6754c7e921b9c67405ec4">
  
    
      
      <div class="view-content">
      <div class="item-list video-block-list-wrapper">
  
  <ul class="owl-carousel">

          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videowrap">
            <div class="videoWrapper">
                <div class="video-title">Water Slide:</div>

                <div class="video-imag-wrapper" id="video-imag-wrapper">
                      <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-08/waterslide-1.jpg" width="2642" height="1972" alt="Water Slide" typeof="Image" />

 
                </div>
                <div class="play-button1 playicon-play">
                    <div class="videoTitleWrapper">
                        <div class="video-title">
                            <div class="play-button"><img src="/sites/g/files/g2000016326/files/2023-05/Polygon%201%402x.png" alt="playbutton"></div>
                        </div>
                    </div>		
                </div>
        
                <div class="videoPlayer" id="ytplayer1" video-url="ytplayer1" video-id="hfwRjf675Ak"></div>
            </div>	
        </div></span></div></li>
          <li><div class="views-field views-field-nothing"><span class="field-content"><div class="videowrap">
            <div class="videoWrapper">
                <div class="video-title">Lipstick Lover:</div>

                <div class="video-imag-wrapper" id="video-imag-wrapper">
                      <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-08/lipstick-lover-thumb-1.jpg" width="2574" height="1928" alt="lipsticker lover thumb" typeof="Image" />

 
                </div>
                <div class="play-button1 playicon-play">
                    <div class="videoTitleWrapper">
                        <div class="video-title">
                            <div class="play-button"><img src="/sites/g/files/g2000016326/files/2023-05/Polygon%201%402x.png" alt="playbutton"></div>
                        </div>
                    </div>		
                </div>
        
                <div class="videoPlayer" id="ytplayer1" video-url="ytplayer1" video-id="Y7S6wLP_vsY"></div>
            </div>	
        </div></span></div></li>
    
  </ul>

</div>

    </div>
  
          </div>
</div>

    </div>
  </div>
<div id="block-rdvideosection" class="block block-block-content block-block-content7ad095e2-9ad1-489d-b606-df9b05d4f718">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="videoScroll-container ticking">
    <div class="heading-box">
      <div class="heading-bar">
        <div class="heading-item">
          <span class="heading-text soft text-one" style="color: #F9A80A"> Pleasure </span>
          <span class="heading-text hard text-two" style="color: #F9A80A"> Plaisir </span>
          <span class="heading-text soft text-three" style="color: #F9A80A"> PLACER </span>
          <span class="heading-text hard text-four" style="color: #F9A80A"> Piacere! </span>
          <span class="heading-text soft text-five" style="color: #F9A80A"> Prazer </span>
          <span class="heading-text hard text-six" style="color: #F9A80A"> PLESIER </span>
        </div>
        <div class="heading-item">
          <span class="heading-text soft text-one" style="color: #F9A80A"> Pleasure </span>
          <span class="heading-text hard text-two" style="color: #F9A80A"> Plaisir </span>
          <span class="heading-text soft text-three" style="color: #F9A80A"> PLACER </span>
          <span class="heading-text hard text-four" style="color: #F9A80A"> Piacere! </span>
          <span class="heading-text soft text-five" style="color: #F9A80A"> Prazer </span>
          <span class="heading-text hard text-six" style="color: #F9A80A"> PLESIER </span>
        </div>
        <div class="heading-item">
          <span class="heading-text soft text-one" style="color: #F9A80A"> Pleasure </span>
          <span class="heading-text hard text-two" style="color: #F9A80A"> Plaisir </span>
          <span class="heading-text soft text-three" style="color: #F9A80A"> PLACER </span>
          <span class="heading-text hard text-four" style="color: #F9A80A"> Piacere! </span>
          <span class="heading-text soft text-five" style="color: #F9A80A"> Prazer </span>
          <span class="heading-text hard text-six" style="color: #F9A80A"> PLESIER </span>
        </div>
        <div class="heading-item">
            <span class="heading-text soft text-one" style="color: #F9A80A"> Pleasure </span>
            <span class="heading-text hard text-two" style="color: #F9A80A"> Plaisir </span>
            <span class="heading-text soft text-three" style="color: #F9A80A"> PLACER </span>
            <span class="heading-text hard text-four" style="color: #F9A80A"> Piacere! </span>
            <span class="heading-text soft text-five" style="color: #F9A80A"> Prazer </span>
            <span class="heading-text hard text-six" style="color: #F9A80A"> PLESIER </span>
        </div>
      </div>
    </div>
  </div>
  
  <style>
    @-webkit-keyframes r {
      0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
      to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
    }
    @keyframes r {
      0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
      to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
    }
    @-webkit-keyframes s {
      0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
    }
    @keyframes s {
      0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
    }
  
    div#block-rdvideosection .videoScroll-container {
      height: 4.6486vw;
      grid-column: 1/25;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 4;
      bottom: 0;
      margin-bottom: 0vw;
      padding-top: 1vw;
    }
  
    div#block-rdvideosection .videoScroll-container--reverse {
      grid-column: 1/25;
    }
  
    div#block-rdvideosection .videoScroll-container--reverse .heading-item {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      -webkit-animation: s 5s linear infinite;
      animation: s 5s linear infinite;
    }
  
    div#block-rdvideosection .heading-box {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
    }
  
    div#block-rdvideosection .heading-bar {
      line-height: 1em;
      height: auto;
      color: #000;
    }
  
    div#block-rdvideosection .heading-item {
      -webkit-animation: r 10s linear infinite;
      animation: r 10s linear infinite;
      display: inline-block;
    }
  
    div#block-rdvideosection .ticking .heading-item {
      -webkit-animation-play-state: running;
      animation-play-state: running;
    }
  
    div#block-rdvideosection .ticking:hover .heading-item {
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
    }
  
    div#block-rdvideosection .heading-item a:hover,
    div#block-rdvideosection .heading-item a span:hover {
      opacity: 1;
    }
  
    div#block-rdvideosection .heading-text {
      margin-left: 1vw;
      display: inline-block;
      vertical-align: middle;
      line-height: 4.167vw;
    }
  

    .div#block-rdvideosection .block-block-content,
    div#block-rdvideosection .block.block-views {
      padding: 0;
    }
    span.heading-text{
        font-size: 2.917vw;
        text-transform: capitalize;
    }

    span.heading-text.soft.text-one{
        font-family: "new-spirit", serif;
        font-weight: 700;
        font-style: normal;
    }

    span.heading-text.hard.text-two{
        font-family: "new-spirit", serif;
        font-weight: 400;
        font-style: normal;
    }

    span.heading-text.soft.text-three{
        font-family: "new-spirit-condensed", serif;
        font-weight: 600;
        font-style: normal;
    }

    span.heading-text.hard.text-four{
        font-family: "new-spirit-condensed", serif;
        font-weight: 700;
        font-style: normal;
    }

    span.heading-text.soft.text-five{
        font-family: "new-spirit", serif;
        font-weight: 700;
        font-style: normal;
    }

    span.heading-text.hard.text-six{
        font-family: "new-spirit", serif;
        font-weight: 300;
        font-style: normal;
    }

   
    @media only screen and (max-width: 1023px),
      (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
      div#block-rdvideosection .videoScroll-container {
        height: 67px;
      }
      div#block-rdvideosection .heading-item a {
        font-size: 40px;
        line-height: 40px;
      }
      div#block-rdvideosection .heading-item a span {
        font-size: 40px;
        line-height: 40px;
      }
      div#block-rdvideosection .heading-bar {
        height: 57px;
      }
      div#block-rdvideosection .heading-text,
      div#block-rdvideosection .heading-text-music,
      div#block-rdvideosection .heading-text-merch,
      div#block-rdvideosection .heading-text-tour,
      div#block-rdvideosection .heading-text-mlist {
       margin-left: 5px;
    font-size: 22px;
    line-height: 22px;
      }
      div#block-rdvideosection span.heading-text.hard {
 
}
    }
  </style>
  </div>
      
    </div>
  </div>
<div class="views-element-container block block-views block-views-blockmerch-view-block-2" id="block-views-block-merch-view-block-2">
  
    
      <div class="content">
      <div><div class="view view-merch-view view-id-merch_view view-display-id-block_2 js-view-dom-id-696b6f0228a42bb94d4ea53dddd5382e9d4386c493c24f3325b54e98da767513">
  
    
      <div class="view-header">
      <div id="merch"></div>
    </div>
      
      <div class="view-content">
      <div class="item-list">
  
  <ul class="merchitems">

          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper animate">
    <div class="merch-image"><a href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/merch-1.png" width="960" height="960" alt="merch1" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">Shop Black Vinyl </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper animate">
    <div class="merch-image"><a href="https://janellemonae.lnk.to/store" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/merch-2.png" width="750" height="750" alt="merch2" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.lnk.to/store" target="_blank">Shop Sea Blue </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper animate">
    <div class="merch-image"><a href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/merch-3.png" width="710" height="710" alt="Shop Orange Crush" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">Shop Orange Crush </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper animate">
    <div class="merch-image"><a href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/merch-4.png" width="790" height="790" alt="Shop Lemonade" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">Shop Lemonade </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper animate">
    <div class="merch-image"><a href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/merch-5.png" width="1192" height="1192" alt="Shop Ruby" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">Shop Ruby </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper animate">
    <div class="merch-image"><a href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/merch-6.png" width="1192" height="1192" alt="Shop Gold" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.bio.to/TheAgeOfPleasureMusicCollection" target="_blank">Shop Gold </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper noanimate">
    <div class="merch-image"><a href="https://janellemonae.lnk.to/store" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/050523_JanelleMonae_TAOP_Merch_Boxset_BlackTee.png" width="730" height="730" alt="blackTee" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.lnk.to/store" target="_blank">Shop Boxset </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
          <li class="merch"><div class="views-field views-field-nothing"><span class="field-content"><div class="merch-wrapper noanimate">
    <div class="merch-image"><a href="https://janellemonae.lnk.to/store" target="_blank">  <img loading="lazy" src="/sites/g/files/g2000016326/files/2024-09/050523_JanelleMonae_TAOP_Merch_Boxset_WhiteTee_0_0.png" width="674" height="674" alt="white tee" typeof="Image" />

</a></div>
    <div class="merch-title">
        <a class="merch-btn" href="https://janellemonae.lnk.to/store" target="_blank">Shop Boxset </a>
        <span><img src="/sites/g/files/g2000016326/files/2023-05/merch-title-image_0.png" alt="image"></span>
    </div>
</div></span></div></li>
    
  </ul>

</div>

    </div>
  
          </div>
</div>

    </div>
  </div>
<div id="block-rdmerchcss" class="block block-block-content block-block-content96e41ad7-25cf-48df-b5b3-54678f32d651">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    .see-more {
        text-align: right;
        padding-top: 15px;
    }

    body .see-more a.button {
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 2.8px;
        background: none;
        padding: 0;
        border-bottom: 2px solid;
        color: #fff;
        padding-bottom: 4px;
        text-transform: uppercase;
        background: none;
    }

    body .see-more a.button:hover {
        color: #7b7b7b;
    }

    body .see-more a :hover,
    body .button:hover {
        background: none;
    }

    .view-merch-view ul.merchitems {
        max-width: 930px;
    }

    .view-merch-view ul.merchitems li {
        margin-bottom: 10px;
    }

    .view-merch-view ul.merchitems .merch_item {
        max-width: 470px;
        font-size: 0;
        text-transform: uppercase;
        display: inline-block;
        text-align: left;
        width: 100%;
    }

    .view-merch-view ul.merchitems .LeftWrapper {
        display: inline-block;
        vertical-align: top;
        padding-top: 70px;
        width: calc(100% - 300px);
        letter-spacing: 1px;
        font-size: 12px;
    }

    div#block-views-block-merch-view-block-1 .buynow {
        color: #fff;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 2.8px;
    }

    .view-merch-view ul.merchitems .LeftWrapper .option {
        position: relative;
    }

    .view-merch-view ul.merchitems .LeftWrapper .right-image {
        display: inline-block;
    }

    .view-merch-view ul.merchitems .LeftWrapper .left-controls {
        width: auto;
        display: inline-block;
        text-align: right;
        margin-top: 22px;
        position: relative;
    }

    .view-merch-view ul.merchitems .LeftWrapper .button.yes {
        margin-bottom: 0px;
    }

    .view-merch-view ul.merchitems .LeftWrapper .left-controls a:after,
    .view-merch-view ul.merchitems .LeftWrapper .left-controls a:after {
        background: #7b7b7b;
    }

    .view-merch-view ul.merchitems .LeftWrapper .button {

        background: transparent url(/sites/g/files/g2000016326/files/202009/jCircle.png) no-repeat center right;
    }

    .view-merch-view ul.merchitems .LeftWrapper .button {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        letter-spacing: 2.4px;
        color: #fff;
        text-transform: uppercase;
        width: auto;
        text-align: right;
        padding-right: 34px;
        height: 26px;
        display: block;
        padding-top: 10px;
        cursor: pointer;
    }

    .view-merch-view ul.merchitems .RightWrapper {
        display: inline-block;
        vertical-align: top;
        max-width: 300px;
    }

    .view-merch-view ul.merchitems .RightWrapper .Title {
        color: #fff;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 2.8px;
        text-align: left;
        padding-bottom: 20px;
    }

    .view-merch-view ul.merchitems .RightWrapper .image {
        border: 2px solid #7b7b7b;
    }

    .view-merch-view ul.merchitems .RightWrapper .image {
        padding: 10px;
        box-sizing: border-box;
    }

    .view-merch-view ul.merchitems .LeftWrapper.mobile {
        display: none;
    }

    .view-merch-view ul.merchitems .LeftWrapper .button.no {
        margin-top: 59px;
        pointer-events: none;
    }

    .view-merch-view ul.merchitems .LeftWrapper .option:after {
        background: #7b7b7b;
    }

    .view-merch-view ul.merchitems li:nth-child(even) {
        text-align: right;
    }

    div#block-views-block-merch-view-block-1 .content {
        max-width: 100%;
    }

    .view-merch-view ul.merchitems .LeftWrapper .left-controls a:hover {
        color: #7b7b7b;
    }

    @media only screen and (min-width: 768px) {
        body .view-merch-view ul.merchitems .LeftWrapper .right-image {
            border-right: 2px solid #7b7b7b;
            top: -2px;
            position: relative;
        }

        .view-merch-view ul.merchitems .LeftWrapper .left-controls a {
            position: relative;
        }

        body .view-merch-view ul.merchitems .LeftWrapper .option:after {
            /* top: calc(50% - 30px); */
            width: 76px;
        }

        .view-merch-view ul.merchitems .LeftWrapper .option:after {
            content: "";
            width: 68px;
            height: 2px;
            position: absolute;
            top: calc(50% - -14px);
            right: 0;
            background: #7b7b7b;
        }

        .view-merch-view ul.merchitems .LeftWrapper .right-image {
            border-right: 2px solid;
            font-size: 0;
            top: -3px;
            position: relative;
        }

        .view-merch-view ul.merchitems .LeftWrapper .right-image img {
            /* opacity: 0; */
            height: 113px;
            left: 2px;
            position: relative;
        }
    }

    @media only screen and (max-width: 767px) {
        .view-merch-view ul.merchitems .LeftWrapper.desktop {
            display: none;
        }

        .view-merch-view ul.merchitems .LeftWrapper.mobile {
            display: block;
            width: 100%;
            padding-top: 15px;
            padding-left: 7px;
            box-sizing: border-box;
        }

        body .view-merch-view ul.merchitems .merch_item {
            margin: 0 auto;
            display: block;
            max-width: 300px;
        }

        .view-merch-view ul.merchitems .LeftWrapper .left-controls {
            margin-top: 11px;
        }

        .view-merch-view ul.merchitems .RightWrapper .image {
            padding: 3px;
        }

        body .see-more {
            margin-bottom: 15px;
        }

        .view-merch-view ul.merchitems li {
            margin-bottom: 18px;
        }
    }
</style>

<style>
    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li {
        max-width: 31.042vw;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2% !important;
        margin-top: 2%;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(3n) {
        margin-right: 0 !important;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems {
        max-width: 100%;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }

    div#block-views-block-merch-view-block-2 {
        padding-top: 8vw !important;
    }

    .merch-title a {
        color: #F9A80A;
        display: block;
        text-align: center;
        font-size: 1.563vw;
        font-family: "new-spirit", serif;
        font-weight: 700;
        font-style: normal;
        border-bottom: none;
    }

    .merch-title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 4%;
    }

    .merch-title span {
        width: 5%;
        margin-left: 2%;
        margin-top: 2%;
    }

    .merch-image img {
        -webkit-transition: -webkit-transform 0.8s ease-in-out;
        transition: transform 0.8s ease-in-out;
    }

    .merch-image img:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    li.merch.merch-seven .merch-image img {
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    /*li.merch.merch-seven .merch-image img:hover{
-webkit-transform: none;
          transform: none;
          opacity: 0.5;
}*/
    li.merch .noanimate .merch-image img:hover {
        -webkit-transform: none;
        transform: none;
        opacity: 0.5;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7),
    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
        max-width: 44.323vw;
        width: 100%;
    }

    div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
        margin-right: 0;
    }

    .merch-footer-right {
        font-size: 0;
    }

    @media screen and (max-width:1024px) {
        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li {
            max-width: 174px;
            width: 100%;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li,
        .merch-title {
            margin-top: 0;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(3n) {
            margin-right: 2% !important;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(2n) {
            margin-right: 0 !important;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7),
        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
            max-width: 174px;
            width: 100%;
        }

        .merch-title a {
            font-size: 14px;
        }

        .merch-title span {
            width: 8%;
        }

        .store {
            font-size: 28px;
        }

        .merch-footer-left {
            max-width: 238px;
            width: 100%;
            position: relative;
            top: 0;
            left: 0;
            z-index: 99;
        }

        .merch-footer-right {
            position: static;
            z-index: -1;
            top: -70px;
            margin-top: -70px;
        }
    }


    @media only screen and (max-width: 1024px) and (min-width:767px) and (orientation:portrait) {


        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li {
            max-width: 30%;
            width: 100%;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(2n) {
            margin-right: 2% !important;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(3n) {
            margin-right: 0% !important;
        }

        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7),
        div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8) {
            max-width: 45%;
            width: 100%;
        }
    }
</style>
<script>
    jQuery(document).ready(function() {
        jQuery('div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(7)').addClass('merch-seven');
        jQuery('div#block-views-block-merch-view-block-2 .view-merch-view ul.merchitems li:nth-child(8)').addClass('merch-seven');

    });
</script>
<script>
    jQuery(document).ready(function() {
        // Get the list of merch items
        var merchItems = jQuery(".merchitems");

        // Create the new div element
        var newDiv = jQuery('<li class="merch"><div class="merch-more"><a href="https://janellemonae.lnk.to/store" target="_blank"><img src="/sites/g/files/g2000016326/files/2023-05/merch-footer-left.png" alt="merch-footer" /><span class="store-text">Store</span></a></div></li>');

        // Insert the new div at the bottom of the list
        merchItems.append(newDiv);
    });
    jQuery(document).ready(function() {
        jQuery('.store-text').text('Store');
    })
</script></div>
      
    </div>
  </div>
<div id="block-commoncss" class="block block-block-content block-block-contentf25ce123-2b2e-4fb2-83c5-296d4037603d">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    .region-header .block:not(.site-branding) {
        margin: 0;
    }

    .region-header .block {
        float: unset;
    }

    .region-header {
        padding: 0;
    }

    .layout-container {
        max-width: 100%;
    }

    #header {
        background-color: transparent;
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
        background-image: none;
    }

    #page,
    #main-wrapper,
    .region-primary-menu .menu-item a.is-active,
    .region-primary-menu .menu-item--active-trail a {
        background: transparent;
    }

    #toolbar-administration {
        display: none;
    }

    body,
    html {
        padding: 0 !important;
        margin: 0 !important;
    }

    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-color: #000;
    }

    .page-title {
        display: none;
    }

    div#block-bartik-local-tasks {
        display: none;
    }

    .block .content {
        margin-top: 0;
    }

    div#block-acq-starterm-copy-2-system-main {
        display: none;
    }

    .item-list ul li {
        padding: 0;
    }

    .layout-main {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main-content .section {
        padding: 0;
    }
</style>

<style>
    @font-face {
        font-family: 'icomoon';
        src: url('/sites/g/files/g2000016326/files/2023-05/icomoon.eot?cviy7f');
        src: url('/sites/g/files/g2000016326/files/2023-05/icomoon.eot?cviy7f#iefix') format('embedded-opentype'),
            url('/sites/g/files/g2000016326/files/2023-05/icomoon.ttf?cviy7f') format('truetype'),
            url('/sites/g/files/g2000016326/files/2023-05/icomoon.woff?cviy7f') format('woff'),
            url('/sites/g/files/g2000016326/files/2023-05/icomoon.svg?cviy7f#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-tiktok:before {
        content: "\e903";
    }

    .icon-soundcloud:before {
        content: "\e902";
    }

    .icon-facebook:before {
        content: "\ea90";
    }

    .icon-instagram:before {
        content: "\ea92";
    }

    .icon-spotify:before {
        content: "\ea94";
    }

    .icon-twitter:before {
        content: "\ea96";
    }

    .icon-youtube:before {
        content: "\ea9d";
    }

    .icon-appleinc:before {
        content: "\eabe";
    }
</style></div>
      
    </div>
  </div>
<div id="block-newrdmlistcss" class="block block-block-content block-block-content443ee711-d4d3-4ad6-9e95-f97691b987c6">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    div#block-rdalbumtrailer .fooetr-mlist div#firstMlistForm {
        text-align: center;
        margin: 6vw 0 0vw 5vw;
        max-width: 53.698vw;
        letter-spacing: 0;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper input#email.errored {
        border-color: red !important;
    }



    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper input#email {
        font-size: 5.781vw;
        height: 5.5vw;
        line-height: 5.5vw;
        border-bottom: 0.3vw solid #f9a80a;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform .submit {
        float: unset;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        width: 10%;
        position: relative;
        background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
        background-size: contain;
        background-position: center;
        top: -4.5vw;
        left: 24vw;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform select {
        background: #000 url(/sites/g/files/g2000016326/files/2023-05/arrow_drop_down-1.svg) no-repeat !important;
        padding-right: 18px;
        background-size: 20% auto !important;
        -webkit-appearance: none;
        appearance: none;
        background-position: 100% 50% !important;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform select#country {
        background-size: 10% auto !important;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper input#submit {
        height: 4.5vw;
        line-height: 4.5vw;
    }

    div#block-rdalbumtrailer .fooetr-mlist .email.fieldWrap {
        width: 100%;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform div#terms {
        top: -4vw;
    }

    div#block-rdalbumtrailer .fooetr-mlist div#secondform {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 3000;
        text-align: center;
        background: rgba(0, 0, 0, 0.97);
        padding-top: 20vh;
        background: #000;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
    }

    div#block-rdalbumtrailer .fooetr-mlist form#mlistFormTwo {
        width: 34%;
        margin: 0 auto;
    }

    div#block-rdalbumtrailer .fooetr-mlist #secondform input#submit {
        height: 3vw;
        line-height: 3vw;
        border: 0;
        font-size: 2vw;
    }

    div#block-rdalbumtrailer .fooetr-mlist .thankswelcome-msg {
        text-transform: capitalize;
        font-size: 0.833vw !important;
        color: #f9a80a;
        font-weight: 600;
    }

    div#block-rdalbumtrailer .fooetr-mlist #firstMlistForm label.goptin_checkbox,
    div#block-rdalbumtrailer .fooetr-mlist #firstMlistForm label.goptin_checkbox span {
        line-height: 1vw;
        font-size: 0.55vw;
        text-transform: capitalize;
        padding: 0%;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper#firstMlistForm p.terms-message-2 {
        color: #000;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message a,
    .plain-ml-wrapper p.terms-message-2 a {
        color: #000;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type=checkbox]):not([type=submit]),
    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform select {
        text-transform: capitalize;
    }

    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
    div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform select {
        border: 0.2vw solid #f9a80a;
    }

    div#block-rdalbumtrailer .fooetr-mlist div#thankyou {
        font-size: 5.781vw;
        padding: 0;
        text-align: center;
        color: #f9a80a;
    }

    div#block-rdalbumtrailer .fooetr-mlist span#secondFormClose {
        text-align: right;
        top: 8vw;
        right: 32.5vw;
        cursor: pointer;
        font-size: 2vw;
        width: 100%;
        color: #f9a80a;
    }

    div#block-rdalbumtrailer .fooetr-mlist .globaloptin label::after {
        content: '';
        position: absolute;
        font-weight: 700;
        width: 12px;
        height: 12px;
        color: #f9a80a !important;
    }

    div#block-rdalbumtrailer .fooetr-mlist .globaloptin input[type="checkbox"]:checked+label::after {
        content: "\2713";
    }

    @media screen and (max-width: 1024px) {
        #firstMlistForm label.goptin_checkbox {
            display: inline-block;
            vertical-align: top;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper input#email {
            font-size: 45px;
            height: 60px;
            line-height: 60px;
            border-bottom: 3px solid #f9a80a;
            padding-right: 56px;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform select {
            border: 0.5vw solid #f9a80a;
        }

        div#block-rdalbumtrailer .fooetr-mlist span.input-error {
            font-size: 9px;
            margin-top: -80px;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper input#submit {
            height: 55px;
            line-height: 55px;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform .submit {
            float: unset;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            width: 45px;
            position: relative;
            background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
            background-size: contain;
            background-position: center;
            top: -0.5vw;
            left: -48px;
        }

        div#block-rdalbumtrailer .fooetr-mlist div#firstMlistForm {
            text-align: center;
            margin: 6vw 0 0vw 5vw;
            max-width: 250px;
            letter-spacing: 0;
        }

        div#block-rdalbumtrailer .fooetr-mlist .email.fieldWrap {
            width: 250px;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform div#terms {
            top: 1vw !important;
        }

        .plain-ml-wrapper p.terms-message {
            bottom: 15px;
            font-size: 11px;
            line-height: 15px;
            padding: 5px;
            width: 250px;
        }

        div#block-rdalbumtrailer .fooetr-mlist form#mlistFormTwo {
            width: 90%;
            margin: 0 auto;
        }

        div#block-rdalbumtrailer .fooetr-mlist .thankswelcome-msg {
            text-transform: capitalize;
            font-size: 15px !important;
            color: #f9a80a;
            font-weight: 700;

        }

        div#block-rdalbumtrailer .fooetr-mlist #firstMlistForm label.goptin_checkbox,
        div#block-rdalbumtrailer .fooetr-mlist #firstMlistForm label.goptin_checkbox span {
            line-height: 15px;
            font-size: 8px;
            text-transform: capitalize;
            padding: 0%;
            letter-spacing: 0;
        }

        div#block-rdalbumtrailer .fooetr-mlist #secondform input#submit {
            height: 30px;
            line-height: 30px;
            border: 0;
            font-size: 30px;
            margin-top: 30px;
        }

        div#block-rdalbumtrailer .fooetr-mlist span#secondFormClose {
            text-align: right;
            top: 25vw;
            right: 5vw;
            cursor: pointer;
            font-size: 20px;
            width: 100%;
            color: #f9a80a;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width:767px) and (orientation:portrait) {

 

        div#block-rdalbumtrailer .fooetr-mlist div#firstMlistForm {
            text-align: center;
            margin: 6vw 0 0vw 5vw;
            max-width: 310px;
            letter-spacing: 0;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform div#terms a.terms,
        .plain-ml-wrapper div#terms a.terms {
            height: 30px;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message {
            bottom: 25px;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform .submit {
            top: -0.2vw;
            left: -53px;
        }

        div#block-rdalbumtrailer .fooetr-mlist form#mlistFormTwo {
            width: 45%;
            margin: 0 auto;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper div#secondform select {
            border: 0.2vw solid #f9a80a;
        }

        div#block-rdalbumtrailer .fooetr-mlist div#secondform {
            padding-top: 30vh;
        }

        div#block-rdalbumtrailer .fooetr-mlist span#secondFormClose {
            top: 35vw;
            right: 25vw;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message,
        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message-2 {
            bottom: 10px;
        }
    }

    @media screen and (min-width: 1025px) {
        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper #mlform div#terms a.terms {
            font-size: 1.250vw;
        }

        div#block-rdalbumtrailer .fooetr-mlist div#firstMlistForm {
            margin: 5vw 0 0vw 7vw;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message,
        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message-2 {
            font-size: 1vw;
            line-height: 1.2vw;
        }

        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message a,
        div#block-rdalbumtrailer .fooetr-mlist .plain-ml-wrapper p.terms-message-2 a {
            font-size: 1vw;
        }

        div#block-rdalbumtrailer .fooetr-mlist span.input-error {
            margin-top: 0vw;
        }
    }
</style>

<style>
    div#block-albumtrailervideosection .fooetr-mlist div#firstMlistForm {
        text-align: center;
        margin: 6vw 0 0vw 5vw;
        max-width: 53.698vw;
        letter-spacing: 0;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper input#email.errored {
        border-color: red !important;
    }



    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper input#email {
        font-size: 5.781vw;
        height: 5.5vw;
        line-height: 5.5vw;
        border-bottom: 0.3vw solid #f9a80a;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform .submit {
        float: unset;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        width: 10%;
        position: relative;
        background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
        background-size: contain;
        background-position: center;
        top: -4.5vw;
        left: 24vw;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform select {
        background: #000 url(/sites/g/files/g2000016326/files/2023-05/arrow_drop_down-1.svg) no-repeat !important;
        padding-right: 18px;
        background-size: 20% auto !important;
        -webkit-appearance: none;
        appearance: none;
        background-position: 100% 50% !important;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform select#country {
        background-size: 10% auto !important;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper input#submit {
        height: 4.5vw;
        line-height: 4.5vw;
    }

    div#block-albumtrailervideosection .fooetr-mlist .email.fieldWrap {
        width: 100%;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform div#terms {
        top: -4vw;
    }

    div#block-albumtrailervideosection .fooetr-mlist div#secondform {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 3000;
        text-align: center;
        background: rgba(0, 0, 0, 0.97);
        padding-top: 20vh;
        background: #000;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
    }

    div#block-albumtrailervideosection .fooetr-mlist form#mlistFormTwo {
        width: 34%;
        margin: 0 auto;
    }

    div#block-albumtrailervideosection .fooetr-mlist #secondform input#submit {
        height: 3vw;
        line-height: 3vw;
        border: 0;
        font-size: 2vw;
    }

    div#block-albumtrailervideosection .fooetr-mlist .thankswelcome-msg {
        text-transform: capitalize;
        font-size: 0.833vw !important;
        color: #f9a80a;
        font-weight: 600;
    }

    div#block-albumtrailervideosection .fooetr-mlist #firstMlistForm label.goptin_checkbox,
    div#block-albumtrailervideosection .fooetr-mlist #firstMlistForm label.goptin_checkbox span {
        line-height: 3;
        font-size: 0.55vw;
        text-transform: capitalize;
        padding: 0%;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper#firstMlistForm p.terms-message-2 {
        color: #000;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message a,
    .plain-ml-wrapper p.terms-message-2 a {
        color: #000;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type=checkbox]):not([type=submit]),
    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform select {
        text-transform: capitalize;
    }

    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
    div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform select {
        border: 0.2vw solid #f9a80a;
    }

    div#block-albumtrailervideosection .fooetr-mlist div#thankyou {
        font-size: 5.781vw;
        padding: 0;
        text-align: center;
        color: #f9a80a;
    }

    div#block-albumtrailervideosection .fooetr-mlist span#secondFormClose {
        text-align: right;
        top: 8vw;
        right: 32.5vw;
        cursor: pointer;
        font-size: 2vw;
        width: 100%;
        color: #f9a80a;
    }

    div#block-albumtrailervideosection .fooetr-mlist .globaloptin label::after {
        content: '';
        position: absolute;
        font-weight: 700;
        width: 12px;
        height: 12px;
        color: #f9a80a !important;
    }

    div#block-albumtrailervideosection .fooetr-mlist .globaloptin input[type="checkbox"]:checked+label::after {
        content: "\2713";
    }

    @media screen and (max-width: 1024px) {
        #firstMlistForm label.goptin_checkbox {
            display: inline-block;
            vertical-align: top;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper input#email {
            font-size: 24px;
            height: 60px;
            line-height: 60px;
            border-bottom: 3px solid #f9a80a;
            padding-right: 56px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform select {
            border: 0.5vw solid #f9a80a;
        }

        div#block-albumtrailervideosection .fooetr-mlist span.input-error {
            font-size: 9px;
            margin-top: -80px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper input#submit {
            height: 55px;
            line-height: 55px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform .submit {
            float: unset;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            width: 45px;
            position: relative;
            background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
            background-size: contain;
            background-position: center;
            top: -0.5vw;
            left: -48px;
        }

        div#block-albumtrailervideosection .fooetr-mlist div#firstMlistForm {
            text-align: center;
            margin: 6vw 0 0vw 5vw;
            max-width: 250px;
            letter-spacing: 0;
        }

        div#block-albumtrailervideosection .fooetr-mlist .email.fieldWrap {
            width: 250px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform div#terms {
            top: 1vw !important;
        }

        .plain-ml-wrapper p.terms-message {
            bottom: 15px;
            font-size: 11px;
            line-height: 15px;
            padding: 5px;
            width: 250px;
        }

        div#block-albumtrailervideosection .fooetr-mlist form#mlistFormTwo {
            width: 90%;
            margin: 0 auto;
        }

        div#block-albumtrailervideosection .fooetr-mlist .thankswelcome-msg {
            text-transform: capitalize;
            font-size: 15px !important;
            color: #f9a80a;
            font-weight: 700;

        }

        div#block-albumtrailervideosection .fooetr-mlist #firstMlistForm label.goptin_checkbox,
        div#block-albumtrailervideosection .fooetr-mlist #firstMlistForm label.goptin_checkbox span {
            line-height: 15px;
            font-size: 8px;
            text-transform: capitalize;
            padding: 0%;
            letter-spacing: 0;
        }

        div#block-albumtrailervideosection .fooetr-mlist #secondform input#submit {
            height: 30px;
            line-height: 30px;
            border: 0;
            font-size: 30px;
            margin-top: 30px;
        }

        div#block-albumtrailervideosection .fooetr-mlist span#secondFormClose {
            text-align: right;
            top: 25vw;
            right: 5vw;
            cursor: pointer;
            font-size: 20px;
            width: 100%;
            color: #f9a80a;
        }
    }

    @media only screen and (max-width: 1024px) and (min-width:767px) and (orientation:portrait) {

        div#block-albumtrailervideosection .fooetr-mlist div#firstMlistForm {
            text-align: center;
            margin: 6vw 0 0vw 5vw;
            max-width: 310px;
            letter-spacing: 0;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform div#terms a.terms,
        .plain-ml-wrapper div#terms a.terms {
            height: 30px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message {
            bottom: 25px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform .submit {
            top: -0.2vw;
            left: -14vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist form#mlistFormTwo {
            width: 45%;
            margin: 0 auto;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform input:not([type="checkbox"]):not([type="submit"]),
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper div#secondform select {
            border: 0.2vw solid #f9a80a;
        }

        div#block-albumtrailervideosection .fooetr-mlist div#secondform {
            padding-top: 30vh;
        }

        div#block-albumtrailervideosection .fooetr-mlist span#secondFormClose {
            top: 35vw;
            right: 25vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message,
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message-2 {
            bottom: 10px;
        }
    }

    @media screen and (min-width: 1025px) {
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform div#terms a.terms {
            font-size: 1.250vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist div#firstMlistForm {
            margin: 5vw 0 0vw 7vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message,
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message-2 {
            font-size: 1vw;
            line-height: 1.2vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message a,
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message-2 a {
            font-size: 1vw; 
            text-decoration: underline;
        }

        div#block-albumtrailervideosection .fooetr-mlist span.input-error {
            margin-top: 0vw;
        }
    }
</style>


<style>
    @media screen and (max-width: 1024px) {
        .count-three .plain-ml-wrapper input#email {
            text-shadow: 1px 1px 1px #000000;
        }

        .plain-ml-wrapper #mlform div#terms a.terms,
        .plain-ml-wrapper div#terms a.terms,
        div#thankyou {
            text-shadow: 1px 1px 1px #000000;
        }

        .count-three .plain-ml-wrapper div#secondform select {
            background-color: transparent !important;
            background: #000 url(/sites/g/files/g2000016326/files/2023-05/arrow_drop_down-1.svg) no-repeat !important;
            background-position: right !important;
        }

        #appleSignUp #email {
            color: #f9a80a;
            background: transparent;
            border-bottom: 2px solid #f9a80a;
            border-width: 0px 0 2px;
            font-family: "new-spirit", serif;
            font-size: 16px;
            -webkit-text-fill-color: #f9a80a;
            text-shadow: 1px 1px 1px #000000;
        }

        .applesubmitButton .overflowButton {
            background: url(/sites/g/files/g2000016326/files/2023-05/email-arrow.svg) no-repeat;
            background-size: contain;
            text-indent: -9999px;
            color: transparent;
            background-position: center center;
            font-size: 15px;
            cursor: pointer;
            position: relative;
            left: -39px;
            top: 5px;
        }

        .email-error {
            color: red;
            font-size: 10px;
            padding: 0.2vw 0 0.7vw;
            text-align: center;
            display: none;
        }
    }
</style>




<style>
    .count-three div#secondform {
        max-width: 34.2%;
    }

    div#block-rdfootersection ul.footer-social li a.icon-soundcloud {
        font-size: 1.4vw;
    }

    .count-three .plain-ml-wrapper input#email {
        height: 2.5vw;
        line-height: 2.5vw;
    }

    .globaloptin label::after {
        top: 0.2vw;
        left: 0.3vw;

    }

    #firstMlistForm label.goptin_checkbox {
        margin-left: 1.5vw;
    }

    @media only screen and (max-width:1024px) {
        .count-three div#secondform {
            max-width: 80%;
        }

        div#block-rdfootersection ul.footer-social li a.icon-soundcloud {
            font-size: 25px;
        }

        .count-three .plain-ml-wrapper input#email {
            height: auto;
            line-height: 1;
        }

        .tour-bg {
            margin-top: 5px;
        }

        .welcome p span {
            font-size: 16px;
        }

        div#block-albumtrailervideosection .fooetr-mlist #firstMlistForm label.goptin_checkbox,
        div#block-albumtrailervideosection .fooetr-mlist #firstMlistForm label.goptin_checkbox span {
            font-size: 10px;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform .submit {
            top: 0.5vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message,
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper p.terms-message-2 {
            bottom: 20px;
        }

        .globaloptin label::after {
            left: 3px;
            top: 2px;
        }

        div#block-albumtrailervideosection .fooetr-mlist div#firstMlistForm {
            max-width: 500px;
        }

        #firstMlistForm label.goptin_checkbox {
            display: inline-block;
            vertical-align: middle;
        }

        #firstMlistForm label.goptin_checkbox,
        #firstMlistForm label.goptin_checkbox span {
            width: 93%;
        }

        #firstMlistForm label.goptin_checkbox {
            margin-left: 24px;
        }
    }

    @media only screen and (max-width:1023px) and (orientation:landscape) {
        .header-presave-section {
            bottom: 7vw;
        }

        span.input-error {
            top: -14px;
        }

        #firstMlistForm label.goptin_checkbox {
            padding-left: 0px;
            margin-left: 24px;
        }

        #wsk-widget-2 {
            width: 90%;
            margin-left: auto;
        }

        div#block-albumtrailervideosection .fooetr-mlist div#secondform {
            padding-top: 50px;
            overflow-y: scroll;
            height: auto;
        }

        div#block-albumtrailervideosection .fooetr-mlist span#secondFormClose {
            top: 5vw;
        }
    }

    @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper input#email {
            height: 6.5vw;
            line-height: 6.5vw;
        }

        div#block-albumtrailervideosection .fooetr-mlist .plain-ml-wrapper #mlform .submit {
            top: -5.5vw;
        }
    }
</style>

<style>
    .merch-title a:hover {
        opacity: 1;
    }

    .merch-title {
        width: max-content;
        margin: 4% auto;
    }

    .merch-title:hover {
        opacity: 0.5;
    }
</style>

<style>
    .header-outer-wrapper p.terms-message.fadeIn {
        display: block !important;
    }


@media only screen and (max-width: 767px) {
   
}

</style></div>
      
    </div>
  </div>

  </div>

          </section>
        </main>
                      </div>
    </div>
        <footer class="site-footer">
      <div class="layout-container">
                  <div class="site-footer__top clearfix">
              <div class="region region-footer-first">
    <div id="block-rdfootersection" class="block block-block-content block-block-contentd0e8a492-4dbf-4dfe-b4f0-3e51db02e72c">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    .site-footer__top .region {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    footer.site-footer {
        overflow: hidden;
        padding: 0 3.6% 1%;
        margin-bottom: 0;
    }
    
    div#block-footercopyrightinfo {
        font-size: 0.718em;
        text-align: center;
        float: left;
        margin-top: 10.6em;
        transform: none !important;
        border: 0;
    }
    
    div#block-footercopyrightinfo .content,
    div#block-footercopyrightinfo .content a {
        color: #fff;
        font-family: droid-sans, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    div#block-footercopyrightinfo .content a:hover{
   color: #7b7b7b;
}
    @media only screen and (min-width: 1024px) {
        br.mobileBrk {
            display: none;
        }
    }
    
    @media only screen and (min-width: 1024px) {
        br.mobileBrk {
            display: none;
        }
        footer div#block-footercopyrightinfo .content span.separator {
            font-size: 14px;
        }
    }
    
    @media only screen and (max-width: 767px) {
span.separator.mobile,span.separator.otc{
     display:none;
}
        div#block-footercopyrightinfo {
            margin-top: 3.6em;
            width: 100%;
        }
        body div#block-footercopyrightinfo .content,
        body div#block-footercopyrightinfo .content a {
            text-align: left;
            line-height: 18px;
            letter-spacing: 0;
        }
        #footer span.textYellow {
            font-size: 9px;
        }
        span span span.mobile {
            display: block;
        }
    }
</style>

<div class="footer-section">
    <div class="social-section">
        <ul class="footer-social">
            <li class="fs-tw">
                <a data-track="twitter-ftr" class="twt-x" href="https://twitter.com/JanelleMonae" target="_blank" aria-label="twitter"></a>
            </li>
            <li class="fs-fb">
                <a data-track="facebook-ftr" class="icon-facebook" href="https://www.facebook.com/janellemonae" target="_blank" aria-label="facebook"></a>
            </li>
            <li class="fs-ig">
                <a data-track="instagram-ftr" class="icon-instagram" href="https://www.instagram.com/janellemonae" target="_blank" aria-label="instagram"></a>
            </li>
            <li class="fs-yt">
                <a data-track="youtube-ftr" class="icon-youtube" href="https://www.youtube.com/channel/UCdxFg3dVeT50SsT1v3ptxTQ" target="_blank" aria-label="youtube"></a>
            </li>
            <li class="fs-sc">
                <a data-track="soundcloud-ftr" class="icon-soundcloud" href="https://soundcloud.com/janelle-monae" target="_blank" aria-label="soundcloud"></a>
            </li>
            <li class="fs-tt">
                <a data-track="spotify-ftr" class="icon-spotify" href="https://open.spotify.com/artist/6ueGR6SWhUJfvEhqkvMsVs" target="_blank" aria-label="spotify"></a>
            </li>
            <li class="fs-tt">
                <a data-track="apple-music-ftr" class="icon-appleinc" href="https://music.apple.com/us/artist/janelle-mon%C3%A1e/140777342" target="_blank" aria-label="apple music"></a>
            </li>
            <li class="fs-tt">
                <a data-track="tiktok-ftr" class="icon-tiktok" href="https://www.tiktok.com/@janellemonae" target="_blank" aria-label="tiktok"></a>
            </li>
        </ul>
    </div>
    <div class="copyright">
        <span class="textYellow">©
            <span>
                2026&nbsp;<span class>ATLANTIC&nbsp;RECORDS/WONDALAND</span></span>
            <br class="mobbb">
            <span class="separator deskkk">|</span>
            <a class="footer-privacy-policy" target="_blank" href="https://privacy.wmg.com/atlantic/privacy-policy">Privacy&nbsp;Policy</a>
            <span class="separator">|</span>
            <a target="_blank" class="footer-terms-of-service" href="https://www.atlanticrecords.com/terms-of-use">Terms&nbsp;of&nbsp;Use</a>
            <span class="separator">|</span>

            <a class="cookie" target="_blank" href="https://www.wminewmedia.com/cookies-policy/">Cookies&nbsp;Policy</a><span class="separator otc deskkk">|</span>

            <a class="ot-sdk-show-settings" style="cursor: pointer">Cookies Settings</a></span>
    </div>

</div>

<style>
    @font-face {
        font-family: 'icomoon';
        src: url('/sites/g/files/g2000016326/files/2023-05/icomoon.eot?cviy7f');
        src: url('/sites/g/files/g2000016326/files/2023-05/icomoon.eot?cviy7f#iefix') format('embedded-opentype'),
            url('/sites/g/files/g2000016326/files/2023-05/icomoon.ttf?cviy7f') format('truetype'),
            url('/sites/g/files/g2000016326/files/2023-05/icomoon.woff?cviy7f') format('woff'),
            url('/sites/g/files/g2000016326/files/2023-05/icomoon.svg?cviy7f#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }

    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-tiktok:before {
        content: "\e903";
    }

    .icon-soundcloud:before {
        content: "\e902";
    }

    .icon-facebook:before {
        content: "\ea90";
    }

    .icon-instagram:before {
        content: "\ea92";
    }

    .icon-spotify:before {
        content: "\ea94";
    }

    .icon-twitter:before {
        content: "\ea96";
    }

    .icon-youtube:before {
        content: "\ea9d";
    }

    .icon-appleinc:before {
        content: "\eabe";
    }

    @font-face {

        font-family: 'twt-x';

        src: url('/sites/g/files/g2000016326/files/2023-09/twt-x.eot?jjyo3s');

        src: url('/sites/g/files/g2000016326/files/2023-09/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),

            url('/sites/g/files/g2000016326/files/2023-09/twt-x.ttf?jjyo3s') format('truetype'),

            url('/sites/g/files/g2000016326/files/2023-09/twt-x.woff?jjyo3s') format('woff'),

            url('/sites/g/files/g2000016326/files/2023-09/twt-x.svg?jjyo3s#twt-x') format('svg');

        font-weight: normal;

        font-style: normal;

        font-display: block;

    }

    [class^="twt-"],
    [class*=" twt-"] {

        /* use !important to prevent issues with browser extensions that change fonts */

        font-family: 'twt-x' !important;

        speak: never;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        text-transform: none;

        line-height: 1;

        /* Better Font Rendering =========== */

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }

    .twt-x:before {

        content: "\e901";

    }

    .site-footer {
        background: transparent !important;
        padding: 0 !important;
    }

    div#block-rdfootersection .content,
    div#block-rdfootersection .content a {
        color: #f9a80a;
        font-weight: 700;
        font-family: "new-spirit", serif;
        font-style: normal;
        font-size: 0.773vw;
        text-transform: capitalize;
        letter-spacing: 0px;
        text-decoration: none;
        border-bottom: 0;
    }

    div#block-rdfootersection .content a:hover {
        opacity: 0.5;
    }


    .site-footer .block {
        margin: 0;
        padding: 0;
        border: 0;
        border-color: transparent;
    }

    div#block-rdfootersection .site-footer__top .content li a {
        display: inline-block;
        padding: 0;
        text-indent: unset;
        border-color: transparent;
        border-bottom: 0;
        line-height: 1;
        text-decoration: none;
    }

    div#block-rdfootersection .site-footer .content ol:not(.menu),
    div#block-rdfootersection .site-footer .content ul:not(.menu) {
        padding-left: 0;
    }

    div#block-rdfootersection .text-formatted ul,
    div#block-rdfootersection .text-formatted ol {
        margin: 0;
        padding: 0;
    }

    div#block-rdfootersection .site-footer .layout-container {
        padding: 0;
    }

    div#block-rdfootersection ul.footer-social li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2%;
        padding: 0;
    }

    div#block-rdfootersection ul.footer-social li a {
        font-size: 1vw;

    }

    div#block-rdfootersection ul.footer-social li a:hover {
        opacity: 0.5;
    }

    div#block-rdfootersection ul.footer-social li:last-child {
        margin-right: 0%;
    }

    div#block-rdfootersection .footer-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 96.5%;
        margin: auto;
    }

    div#block-rdfootersection .social-section {
        width: 20%;
    }

    div#block-rdfootersection span.separator {
        padding: 0 0.2vw;
    }

    .site-footer .layout-container {
        padding: 0 !important;
    }

    div#block-rdfootersection .footer-section.landing-footer {
        flex-direction: column !important;
        padding-bottom: 1vw !important;
    }

    @media screen and (max-width: 1024px) {

        div#block-rdfootersection .content,
        div#block-rdfootersection .content a {
            font-size: 11px;
        }

        a.ot-sdk-show-settings {
            display: block;
            line-height: 1;
            padding-bottom: 15px;
        }

        span.separator.otc.deskkk {
            display: none;
        }

        div#block-rdfootersection span.textYellow {
            display: block;
            margin-top: 0 !important;
        }

        div#block-rdfootersection ul.footer-social li a {
            font-size: 20px;
        }

        div#block-rdfootersection .social-section {
            width: 100%;
            margin: auto;
            text-align: center;
        }

        div#block-rdfootersection .footer-section {
            text-align: center;
        }
    }

    .site-footer__top .content li a:hover,
    .site-footer__top .content li a:focus {
        text-decoration: none;
        background-color: #1f1f21;
        background-color: transparent !important;
    }
</style>

<script>
    jQuery(window).ready(() => {
        /*
                 var footerDiv = $("footer.site-footer .main-footer").clone();
                     $("footer.site-footer .main-footer").insertAfter("div#block-rdtourblock .content");
                    $("footerDiv").insertAfter("div#block-rdseatedtourwidget .content"); */
    });
</script></div>
      
    </div>
  </div>

  </div>

            
            
            
          </div>
                          <div class="site-footer__bottom">
              <div class="region region-footer-fifth">
    <div id="block-bartik-fixes-jan06" class="block block-block-content block-block-content39126bb7-cdb8-4d54-8e88-fed5edcec9db">
  
    
      <div class="content">
      
            <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style>
    body.page-node-24161 .plain-ml-wrapper select {
    padding-right: 2vw;
}
.page-not-found {
    font-size: 3.208vw;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color:unset;
    -webkit-box-shadow: unset;
    transition: background-color 5000s ease-in-out 0s;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
    .page-node-24161 .plain-ml-wrapper input, body.page-node-24161 .plain-ml-wrapper select {
       
        padding-right: 7vw;
    }
     .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:not(:checked), .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked, .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before, .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
        left: 2px;
        top: 0vw;
    }
        .fooetr-mlist .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
        left: 1.9vw;
        top: 1.2vw;
    }
        #firstMlistForm label {
        margin-left: 0vw;
    }

}


</style></div>
      
    </div>
  </div>

  </div>

          </div>
              </div>
    </footer>
  </div>
</div>

  </div>

    <script src="/sites/g/files/g2000016326/files/custom_js_1.js?cache=6683f76801e5d"></script>
<script src="https://libraries.wmgartistservices.com/toubannerupdate/lighttheme.js" data-termslabel="ATL"></script>

    <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/29151","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en","currentQuery":{"num":"10","type":"blog"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxdzEEOwjAMRNELpfWRkNNakcGOUSZQ0tODukCUzSyeRj9z63qjxRgYc2ZIyidyAbgI_rjG-n0Wi8w2oQ_TWtISTahGczbdJWGgi9ORfqpsoGNnvvLrBB7rwyRtXi5x7-q6c9eo9IHpF95RBkXc","theme":"bartik","theme_token":null},"ajaxTrustedUrl":[],"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:696b6f0228a42bb94d4ea53dddd5382e9d4386c493c24f3325b54e98da767513":{"view_name":"merch_view","view_display_id":"block_2","view_args":"","view_path":"\/node\/29151","view_base_path":null,"view_dom_id":"696b6f0228a42bb94d4ea53dddd5382e9d4386c493c24f3325b54e98da767513","pager_element":0}}},"user":{"uid":0,"permissionsHash":"c103ad27c5144e85a303b1575e6389696850837098587e816403c8e0ab1fdd71"}}</script>
<script src="/sites/g/files/g2000016326/files/js/js_pnBk14J6LtSM7TBZOO63W4JCtyHtnkmGsbSD1YIfoX4.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=bartik&amp;include=eJwry0wtL9YvA5F6iVmJFQA22wZe"></script>

  </body>
</html>
