/* .banner-section .banner-data h1 {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.phoenix-slider-btns a {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
} */

.watch-history .data p {
    /* When QA give very long work the UI breaks. To fix this I added this. */
    overflow-wrap: anywhere;
}

/* Make Play buttons and Watch trailers button in one line */
.phoenix-cta-item-btn-set {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.phoenix-cta-item-btn-set .watch-trailer {
    display: flex;
    align-items: center;
    margin-bottom: 1rem !important;
}

/* Below 2 CSS given by UI pod. I keep for backup */
/* .phoenix-cta-item-btn-set {
    display: flex;
}

.phoenix-cta-item-btn-set span.watch-trailer {
    margin-left: 12px;
} */

.social-share-all .share-video .bottom ul,
.share-video .bottom ul {
    display: flex;
    Align-items: center
}


.header-new {
    width: auto !important;
}

@media (max-width: 992px) {
  .navbar-nav {
    height: auto !important;
    width: auto !important;
  }
  vd-component#header_navbar_one_1 > header:nth-child(1) {
    height: auto !important;
  }
}

/* ALBUM SQUARE FIX — added 2026-09-05 */
#home_default_features_list_one_1 .picture {
  aspect-ratio: 1 / 1 !important;

  overflow: hidden;
  height: auto !important;
  width: 100% !important;
}

#home_default_features_list_one_1 .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#home_default_features_list_one_1 .data.content-a {
  min-height: 0 !important;
}   #home_default_features_list_one_1 .item {
     height: auto !important;
   }

   #home_default_features_list_one_1 .box-hover {
  display: none !important;
  }
/* END ALBUM SQUARE FIX */


/* BANNER FIX — added 2026-09-07 */
.header .navbar {
  border-bottom: 2px solid #1B3A5C;
}

@media (max-width: 992px) {
  .banner-one .banner-img {
    object-fit: cover !important;
    height: auto !important;
    aspect-ratio: 3 / 1 !important;
  }
}
/* END BANNER FIX */


/* BANNER TEXT OVERLAY — added 2026-09-07 */
.banner-one .item.bannerType-img {
  position: relative;
}

.banner-one .item.bannerType-img::after {
  content: "More Than Entertainment";
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  color: #1B3A5C;
  font-weight: bold;
  font-size: 28px;
  z-index: 10;
  pointer-events: none;
}

@media (max-width: 992px) {
 .banner-one .item.bannerType-img::after {
    font-size: 16px;
    right: 8%;
    top: auto;
    bottom: 10%;
    transform: none;
   color: #F5E6D3; 
  }
}
/* END BANNER TEXT OVERLAY */


/* DARK SPACE FIX — added 2026-09-07 */
body.page-bg-home .body-container.vd-home {
  min-height: auto !important;
}
/* END DARK SPACE FIX */


/* FOOTER LOGO PLACEHOLDER FIX — added 2026-09-07 */
/* VD does not allow deleting this "footer-logo" widget (transparent placeholder), so we collapse its box and hide the offset image instead */
section.footer .short-description {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
section.footer .short-description img[vd-node="footer-logo"] {
  display: none !important;
}
/* END FOOTER LOGO PLACEHOLDER FIX */



/* MUSIC PAGE ALBUM SQUARE FIX — added 2026-09-08 */
#category_category_list_one_1 .tiles.grid-hover .picture {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
}
#category_category_list_one_1 .tiles.grid-hover .picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* END MUSIC PAGE ALBUM SQUARE FIX */

/* SIGN-IN HEADER WIDTH FIX — added 2026-09-10 */
/* Login/signup nav only contains the logo (no menu items), so it collapses to content width instead of spanning full header. This forces it back to full width, matching every other page. */
body:has(section.sign-process) nav.navbar {
  width: 100% !important;
}
/* END SIGN-IN HEADER WIDTH FIX */

/* SIGN-IN LOGO COLOR FIX — added 2026-09-10 */
/* Navy-text logo is unreadable on this page's dark background. Swap in white-text version, scoped to login/signup pages only. */
body:has(section.sign-process) a.navbar-brand img[vd-node="logo"] {
  display: none !important;
}
body:has(section.sign-process) a.navbar-brand {
  display: inline-block !important;
  background-image: url('https://d10xsoss226fg9.cloudfront.net/eRAZZ2IxOeAMRqndpZ0Z0jcRdo4Zt9dB/F00F0B61022FC928F0340F2EE0784452/il/d66a5183e154402c85ee2f6fdbef9819/neogenlogodarkthemev2-1789026710.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 363.8px;
  height: 128px;
}


/* MOBILE — hide old Pricing page-builder elements */
@media (max-width: 767px) {
    #quickAdd-1789032495469,
    #quickAdd-1789032660911,
    #quickAdd-1789032865356,
    #quickAdd-1789033174623,
    #quickAdd-1789033873020 {
        display: none !important;
    }
}

/* NEO GEN+ PRIVACY POLICY TYPOGRAPHY */

.privacy-policy .privacy-data {
    font-size: 17px;
    line-height: 1.65;
    font-weight: 400;
}

.privacy-policy .privacy-data p {
    font-size: 17px;
    line-height: 1.65;
    font-weight: 400;
}

.privacy-policy .privacy-data h1 {
    font-size: 32px;
    line-height: 1.25;
}

.privacy-policy .privacy-data h2,
.privacy-policy .privacy-data h3 {
    font-size: 22px;
    line-height: 1.35;
}

@media (max-width: 767px) {
    .privacy-policy .privacy-data,
    .privacy-policy .privacy-data p {
        font-size: 16px;
        line-height: 1.6;
    }

    .privacy-policy .privacy-data h1 {
        font-size: 26px;
    }

    .privacy-policy .privacy-data h2,
    .privacy-policy .privacy-data h3 {
        font-size: 20px;
    }
}

/* NEO GEN+ TERMS & CONDITIONS TYPOGRAPHY */

.terms-condition .terms-data {
    font-size: 17px;
    line-height: 1.65;
    font-weight: 400;
}

.terms-condition .terms-data p {
    font-size: 17px;
    line-height: 1.65;
    font-weight: 400;
}

.terms-condition .terms-data h1 {
    font-size: 32px;
    line-height: 1.25;
}

.terms-condition .terms-data h2,
.terms-condition .terms-data h3 {
    font-size: 22px;
    line-height: 1.35;
}

@media (max-width: 767px) {
    .terms-condition .terms-data,
    .terms-condition .terms-data p {
        font-size: 16px;
        line-height: 1.6;
    }

    .terms-condition .terms-data h1 {
        font-size: 26px;
    }

    .terms-condition .terms-data h2,
    .terms-condition .terms-data h3 {
        font-size: 20px;
    }
}

/* NéoGen+ Artist / Playlist Page Adjustments */

#muvi-product-details1 {
    padding: 80px 0 0 0 !important;
}

:is(.product-listing .item, .season-content .grid-hover) .picture {
    height: auto !important;
}

:is(.product-listing .item, .season-content .grid-hover) .picture img {
    height: auto !important;
    object-fit: contain !important;
}

.season-content .grid-hover .data {
    height: 48px !important;
    min-height: 48px !important;
    padding: 8px 12px !important;
}

.season-content .grid-hover .content-name-div {
    height: 24px !important;
    line-height: 24px !important;
}

/* NéoGen+ Post-Login Homepage Banner */

#banner-1 {
    background-image: url("https://d10xsoss226fg9.cloudfront.net/eRAZZ2IxOeAMRqndpZ0Z0jcRdo4Zt9dB//il/bf535b7c895a49f28afa5120e45a363c/clean_banner_NeoGen_-1788579769620.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.header-new {
    height: auto !important;
}
.navbar-brand img {
    margin-top: -10px;
    width: auto !important;
    height: 100px !important;
    left: 0 !important;
    top: 0 !important;
}
.footer {
    width: auto !important;
    padding-top: 0 !important;
}
@media (max-width: 992px) { 
    .navbar-brand img {
        width: 235px !important;
        height: 92px !important;
    } 
    .banner-section .item {
        height: 230px !important;
    }
    .banner-one .banner-img {
        object-fit: fill !important;
        height: 100% !important;
    }
    .footer {
        height: auto !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(2) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > h2:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(2) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > h2:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(2) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(4) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > h2:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(2) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(4) > vd-component-param:nth-child(1) > a:nth-child(1) {
        display: none !important;
    }
    vd-component#footer_footer_one_1 > section:nth-child(1) {
        padding-bottom: 0px !important;
    }