/* Hero */
@media only screen and (max-width: 767px) {
  .bcHero .c-hero > div {
  height: 0 !important;
  padding: 0 !important;}
  }
  
  @media only screen and (max-width: 767px) {
  .x1e .m-hero-item > div {
      height: 250px !important;}
  } 
  
  .x1e .m-hero-item .c-heading {
   max-height: 160px !important;
  }
  
  #slide-2 .c-call-to-action {
    margin-top: 10px;
  }
  
  .x1eLogo img {
      height: 58px !important;
  } 
  
  /* End of Hero */
  
  @media only screen and (max-width: 767px){
  .XGP-hero .m-hero-item>div picture { display: block; }
  }
  
  
  /* VFI */
  .m-product-placement-item a:focus {
     outline: 2px dashed #000 !important;
  }
  .pregameright .dropdownItems button:focus {
      border: 2px dashed #000;
      outline: 2px dashed #fff;
  }

/* Fixes made for React template transfer -andrewS */
@media screen and (min-width: 767px) and (max-width: 1084px) {
  .heroicongroup {
      margin-right: 24px;
  }
}
@media screen and (-ms-high-contrast:white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark) {
  .c-glyph.svg-xbox-series-x {
      filter: invert(1);
  }
}
@media screen and (max-width:768px) {
  .m-banner .c-paragraph-2 {
      padding-bottom: 24px;
  }
}

.gameMoreInfo.popupShow {
    overflow: auto;
}
/* @media screen and (max-width: 1499px) {
    .popprice {
      display: block;
  }
} */
 .popprice {
  margin-right: 0px !important;
 }
/* iOS carousel image fix? */

@media screen and (max-width: 1499px) {
  .poprotator,
  .poprotator .m-hero-item {
      height: auto !important;
  }
}

.c-carousel>div:last-of-type {
  position: relative;
}

.c-carousel>div:last-of-type:before {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  /* defines aspect ratio */
  top: 0;
  z-index: -2;
}

.c-carousel>div:last-of-type>ul {
  position: absolute;
  top: 0;
  height: auto;
  width: 100%;
}

.c-carousel .m-hero-item:before, .c-hero:before {
padding-bottom: 56% !important;
}

/* end iOS carousel image fix? */

.specialBanner div:not(.c-group) > a.c-call-to-action.c-glyph ~ .f-lightweight {
    padding-left: 0px !important;
}
.specialBanner a {
    margin-right: 24px;
}
.hidden {
  display: none !important;
}