.visually-hidden {
display: none;
}
/* custom Copy Card*/
/*
@media screen and (min-width: 1920px) {
    .custVidHeroCopy .m-hero-item.f-x-right>div>div, .custVidHeroCopy .m-hero-item.f-x-left>div>div {
        margin-top: 8.9% !Important;
    }
    }
 */   
    @media screen and (min-width:768px) {
     .gameFeature.m-highlight-feature { margin-top:0px !important; }
     .copyCardDesc p { font-size:15px !important; }
    }
    
    @media screen and (max-width:768px) and (min-width:767px) {
    .custCopyCard.custVidHeroCopy #hero-10.m-hero-item.glp-hero.mobile-600>div>div {
        top: calc(110%) !important;
      }
    }
    @media screen and (min-width:1084px){
    .staticVideo{display:none !important;}
    .constellationFeature .m-feature.f-align-right.f-image-priority>div {
      padding-top:5%;
      padding-bottom:5%; 
       top: calc(50%) !important;
       transform: translateY(-50%);
     }
    }
    
    @media screen and (min-width:1400px){
    .staticVideo{display:none !important;}
    .constellationFeature .m-feature.f-align-right.f-image-priority>div {
      padding-top:8%;
      padding-bottom:8%; 
       top: calc(50%) !important;
       transform: translateY(-50%);
     }
    }
    
    @media screen and (max-width:1083px){
     .custVidHero{display:none !important;}
     .staticVideo{display:block !important;}
    
    }
    
    @media screen and (max-width:1083px) and (min-width:768px) {
      .constellationFeature .m-feature.f-align-right.f-image-priority>div {
        /* padding-top:10%;
         padding-bottom:10%; */
         top: calc(50%) !important;
          height:120%;
          transform: translateY(-50%) !important;
     }
    .custSuperHero .m-hero-item .c-group>.c-call-to-action+.c-call-to-action {
      margin-left:-5%;
     }
    }
    
    @media screen and (max-width:953px) and (min-width:768px) {
        .constellationFeature .m-feature.f-align-right.f-image-priority>div {
          height:160%;
     }
    }  
    
    
    @media screen and (max-width:858px){
    .staticVideo{padding-top:88px !important;}
    .nineTeenTwenty.m-image {
        padding-top: 48px !Important;
     }
    }
    
    
    
    @media screen and (max-width:767px) {
     .constellationFeature .m-feature.f-align-right>div {
       background-color:transparent;
     }
     .gameFeature.m-highlight-feature { 
      margin-bottom:48px;
     }
     .starfield-cross-sell .m-hero-item>div {
        height: 276px !Important;
     }
    }
    
    @media screen and (max-width: 1398px) and (min-width: 540px) {
     .m-banner {
        margin-top: 0px !important;
     }
    }
    
    
    @media only screen and (min-width: 768px) and (max-width: 1083px) {
    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
        margin-top: 0% !important;
       }
    section.m-hero-item.glp-hero>div>div {
        top: calc(50px + 1vw) !important;
       }
    section.m-hero-item.glp-hero.mobile-520 {
        height: calc(510px + 6vw) !important;
       }
    }
    
    
    
    @media only screen and (min-width: 670px) and (max-width: 767px) {
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
        top: calc(-25%);
     }
    }
    
    
    
    @media only screen and (min-width: 600px) and (max-width: 767px) {
    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
        height: calc(300px + 35vw) !important;
     }
    }
    
    @media only screen and (min-width: 580px) and (max-width: 600px) {
    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
        height: calc(350px + 51vw) !important;
     }
    }
    
    @media only screen and (min-width: 600px) and (max-width: 670px) {
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
        top: calc(-17%);
     }
    }
    
    @media only screen and (min-width: 415px) and (max-width: 580px) {
    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
        height: calc(450px + 26vw) !important;
    }
    }
    
    @media only screen and (min-width: 414px) and (max-width: 600px) {
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
        top: calc(4%);
     }
    }
    
    
    
    @media only screen and (min-width: 321px) and (max-width: 414px) {
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
        top: calc(15%);
     }
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(70%) !important;
     }
    }
    
    @media only screen and (max-width: 320px) {
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
        top: calc(24%);
     }
    .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
        height: 550px !important;
    }
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(135%) !important;
     }
    }
    
    
    
    
    .bgImage {
       background-image: url('https://assets.xboxservices.com/assets/19/f1/19f175e7-26cc-4a60-924c-edb4866b2478.jpg?n=029940003_Image-0_1920x1757_05.jpg');
       background-size:contain;
       background-repeat:repeat;
    }
    
    
    @media screen and (max-width:858px){
    .staticVideo{padding-top:88px !important;}
    }
    
    .customRibbon .m-rich-heading>picture.c-image:after {
      background: #333 !important;
    }
    
    .customRibbon .m-rich-heading .c-paragraph-3 {
     margin-top:-10px;
     padding-bottom:12px;
    }
    
    .customRibbon .m-rich-heading .c-call-to-action {
     margin-top:5px;
    }
    
    .custSuperHero .m-hero-item>div>div>div {
      margin-top:-5px;
    }
    
    
    @media only screen and (min-width: 321px) and (max-width: 414px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(50%) !important;
     }
    section.m-hero-item.glp-hero.mobile-560 {
        height: 800px !important;
    }
    }
    
    @media screen and (max-width:320px) {
     .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(90%) !important;
     }
    section.m-hero-item.glp-hero.mobile-560 {
        height: 800px !important;
    }
    }
    
    /* Accolades section */
    
    .theme-dark  .m-panes section {
      border-left: 0px !Important;
      border-bottom:0px !Important;
    }
    
    /*
    @media only screen and (min-width: 768px) and (max-width: 1083px) {
    section.m-hero-item.glp-hero.mobile-560 {
        height: calc(600px + 45vw) !important;
     }
    }
    */
    
    /* Accolades section */
    
    .GLP-purchase {
     display:none;
    }
    
    @media screen and (min-width:1084px) {
    .custAccolades [data-grid~="col-1"] {
        width: 20% !Important
    }
    .custAccolades {
      margin-left:3% !important;
     }
    .topRowAccolades{
       padding-bottom:150px;
     }
    }
    
    @media screen and (max-width:1083px) {
       .m-panes  { padding-top: 0px !Important; }
      .mobileHide {
       display:none !important;
     }
    .custAccolades [data-grid~="col-1"] {
        width: 40% !Important
    }
    .custAccolades {
      margin-left:18% !important;
     }
    .custAccolades .mobilePad {
       padding-bottom:48px;
     }
    }  
    
    @media screen and (max-width:768px) {
      .topRowAccolades{
       padding-top:48px;
     }
    }
    
    @media screen and (max-width:768px) {
      .custAccolades [data-grid~="col-1"] {
        width: 45% !Important
     }
    .custAccolades {
      margin-left:8% !important;
     }
   
    }
    
    @media screen and (max-width: 539px) {
    .custAccolades [data-grid*="col-"] {
        float:left;
     }
    .custAccolades [data-grid*="col-"] {
       padding-top:0 !important;
     }
    }
    
    @media screen and (min-width:415px) {
    .custAccolades p.c-heading {
      font-size:34px !Important;
      line-height: 40px !Important;
    }
    
    .custAccolades p.c-paragraph{
      font-size:20px !Important;
      line-height: 25px !Important;
     }
    }
    
    @media screen and (max-width:414px) {
    .custAccolades p.c-heading {
      font-size:25px !Important;
      line-height: 30px !Important;
    }
    
    .custAccolades p.c-paragraph{
      font-size:15px !Important;
      line-height: 20px !Important;
     }
    }
    
     .custAccolades p.c-heading {
      padding-bottom:30px;
    }
    
    @media screen and (-ms-high-contrast: active) {
    .starfield-cross-sell a:hover {
     background:white !important;
     }
    }
    
    @media only screen and (max-width: 580px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(50%) !important;
    }
    }

@media only screen and (min-width: 376px) and (max-width: 414px) {
.custCopyCard.custVidHeroCopy #hero-10.m-hero-item.glp-hero.mobile-600>div>div {
    top: calc(68%) !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
.custCopyCard.custVidHeroCopy #hero-10.m-hero-item.glp-hero.mobile-600>div>div {
    top: calc(66%) !important;
}
}

@media only screen and (max-width: 320px) {
.custCopyCard.custVidHeroCopy #hero-10.m-hero-item.glp-hero.mobile-600>div>div {
    top: calc(110%) !important;
}
}

/*
@media screen and (max-width:1084px) {
.getGame {
    margin-bottom: 84px !important;
 }
}
*/

@media screen and (max-width:767px) {
  .creationsFeature.m-feature {
    background:transparent !important;
  }
}


#creations .creationsFeature.m-feature.f-align-left.f-background-neutral-80.f-image-priority  p.c-paragraph.customFontSize {
      font-size:15px !Important;
      line-height: 20px !Important;
}

@media screen and (max-width:1400px) and (min-width:1084px) {
 .esrbDescDivider { max-width:300px !important; }
}
@media screen and (max-width: 1400px) and (min-width: 859px) {
   #creations .creationsFeature.m-feature.f-align-left>div {
     top:calc(47%) !important;
 }
}

@media screen and (max-width: 1400px) and (min-width: 768px) {
   .custBanner.m-banner .c-heading-1 {
    font-size: 62px !important;
    line-height: 72px !important;
}
}

@media screen and (max-width:1083px) {
  #whatsnew h2 { padding-left:5%; padding-right:5%; }
  .custBanner.m-banner {
    padding-left:5% !important;
    padding-right:5% !important;
  }
}
/*
@media only screen and (min-width: 767px) and (max-width: 768px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
        top: calc(110%) !important;
    }
}
*/

/*ACCOLADE CUSTOM BUTTON */
@media screen and (min-width:415px) {
.AccoladeBtn {
 left:28.5% !important;
 }
}


.AccoladeBtn {
 background-color:transparent !important;
 color: #fff !important;
 position:relative !important;
}

.showAccoladeBtn a.c-call-to-action:not(.glyph-play):after {
 transform: rotate(90deg) !important;
}

.hideAccoladeBtn a.c-call-to-action:not(.glyph-play):after {
 transform: rotate(-90deg) !important;
 margin-top:-1px !important;
}

@media screen and (min-width:1084px) {
   .expandAccBtn,
    .hideAccBtn{ 
     display:none !important;
 }
 .deskLastMobPad { padding-top:48px; }
}

@media screen and (max-width:1083px) {
 .expandAccBtn,
 .hideAccBtn{ 
  display:inline;
  position:relative;
  left:60%;
 }
.removeMobPad {
  padding-bottom:0 !important;
 }
}



a .hideAccBtn {
   padding-bottom:200px;
}

@media screen and (max-width:768px) {
 .custAccolades { padding-bottom:48px; }
}

.mobileHide.showAccolades {
  display:block !important;
}


p.accoladeHeadingPad{
  padding-top:48px !important;
 }


@media screen and (max-width:539px) {
  .custAccolades { padding-bottom:24px; }
   .expandAccBtn{ 
   top: -24px;
 }

}

@media screen and (max-width:415px) {
  .AccoladeBtn {
    left:25% !important;
 }
}


.m-panes .m-panes-product-placement-item p:nth-child(1) {
 color:#ABDDD7 !Important;
}

@media screen and (max-width:767.33px) and (min-width:767px) {
  .cardContent {
    max-width: 700px !important;
    position:relative !important;
    top: 75% !important;
 }
.m-hero-item.glp-hero {
   height:150vw !important;
 }
}

@media screen and (max-width:767px) and (min-width:540px) {
  .custBottompad { padding-bottom:48px !important; }
}





@media screen and (min-width: 540px) {
    .AccoladeBtn {
        left: 31% !important;
    }
}

@media screen and (min-width: 720px) {
    .AccoladeBtn {
        left: 33% !important;
    }
}

@media screen and (min-width: 769px) {
    .AccoladeBtn {
        left: 28% !important;
    }
}

@media screen and (max-width:1083px) {
 .accolades .m-panes { 
  padding-top:24px !important;
 }
.custOptimizedBlade h3.c-heading { 
   font-size:20px !important;
 }
.custOptimizedBlade p.c-paragraph{ 
   font-size:15px !important;
 }
.play-anywhere-banner [data-grid~=container]  {
   padding-left:5% !important;
   padding-right:5% !important;
 }
}

.play-anywhere-banner p.c-paragraph-3 {
 font-size:15px !important;
}


 .infoBar .infoBarGrid .infoBar__content  p.c-paragraph{
  font-size:15px !important;
  line-height:23px !important;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
    .logoStrip__Content__logo  img {
        filter: brightness(0) invert(1) !important;
    }
  .infoBar.whiteLogos img {
        filter: brightness(0) invert(1) !important;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
    .logoStrip__Content__logo  img {
        filter: brightness(0) invert(0) !important;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
    .infoBar.whiteLogos img {
        filter: brightness(0) invert(1) !important;
    }
}