/* Hero */
.hero-pricing {padding-top: 12px;}
.hero-pricing p {display: inline-table; padding-right: 24px;}
.hero-pricing .c-call-to-action {display: inline-table !important;}

@media screen and (min-width: 1084px) {
.extraWidth.m-banner {
    max-width: 1200px !important;}
}

.consoleInfo .m-banner p {
    opacity: .7;
}

.high-contrast-mode .consoleInfo .m-banner p {
    opacity: 1;
}

/* Retailer Blade */
.retailerBlade .f-heavyweight {margin-top: 12px;}
.retailerBlade .m-banner {padding-top: 24px !important;}
.m-banner.priceCTA {padding-top: 0px;}
.m-banner.pricing {padding-top: 12px !important;}
.retailerLB {cursor: pointer;}
.LogoContainer {text-align: center; padding-top: 20px 0 24px;}
.LogoContainer div {display: inline-block;}
.LogoContainer div img {margin: 0 10px;}
.c-dialog h2 {padding-bottom: 24px !important;}
.priceCTA {text-align: center;}
.priceCTA hr {margin: 24px 0 !important;}
.priceCTA h3 {padding-top: 24px;}
.consolePurchase .addToCartBtn {color: #054b16 !important;}
p sup .c-hyperlink {font-weight: 900;}

.purchRow2 a {
  display: inline-block;
  vertical-align: middle;
}

.m-banner .hiddenImp {
  display: none !important;
}

.consolePurchase .hiddenImp {
  display: none !important;
}

.priceFrom {
  display: none !important;
}

/* ESRB */
.c-age-rating .c-image {
    float: left;
}

/* Media Gallery */
.c-carousel picture.c-image {
      background-color: #FFF !important;
}
.BGtransplay picture.c-image img {
      margin: auto !important;
}
.BGtransplay .imagecontainer button.c-action-trigger {
    background: rgba(0,0,0,.6) !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    line-height: 14px !important;
    padding-right: 5px !important;
    height: 48px !important;
    width: 48px !important;
    color: #FFF !important;
}

.BGtransplay .theme-light button.c-action-trigger.x-hidden-focus:not(:hover) {
    background: rgba(0,0,0,.6) !important;
}

.BGtransplay button.c-action-trigger:focus {
border: 3px dashed #FFF;
}

.imagecontainer {
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
    right: 0;
}

/* Promo Banner */
@media screen and (max-width: 540px) {
.promoRibbon img {padding-left: 25vw;} 
}
.promoRibbon {padding: 10px 0;}
.promoRibbon img {height: 120px !important; }
.promoRibbon p {padding: 26px 0px 30px 20px;}
.promoRibbon [data-grid~=col-6] {height: auto;}
.promoRibbon p {margin-left: 35px;}

/* XGP - XLG */
@media (min-width: 768px) and (max-width: 1200px) {
.goldGamepass .m-feature.f-align-right>div, .goldGamepass .m-feature.f-align-left>div {
    padding-left: 18px !important;
    padding-right: 18px !important;}
}

/* Price Spider */
.ps-widget.ps-disabled {
display: none !important;
}

/* Xbox All Access -  XAA Purchase Sections */
.purchaseAA .m-panes-product-placement-item .c-call-to-action {
   color: #0a4f0a !Important;
}

@media screen and (min-width: 1400px) {
.purchaseAA .consolePurchase .staticDiv, .purchaseAA .staticDiv {
    height: 250px;}

.purchaseAA .consolePurchase h3.c-heading-3 {
    padding-top: 34px;}

/* en-AU Difference -- enAU class added dynamically | en-NZ, en-US are similar  */
.purchaseAA.enAU .consolePurchase .staticDiv, .purchaseAA.enAU .staticDiv {
    height: 215px;}

.purchaseAA .m-panes section {
    padding-left: 7%;
    padding-right: 3.5%;}
}

.purchaseAA .m-banner {
    padding-bottom: 48px;
}

.purchaseAA .c-list {
    font-size: 20px;
    line-height: 24px;
    font-weight: 200;
}

.purchaseAA .c-group {
    padding-top: 25px;
}

.purchaseAA .c-logo img {
    height: 30px;
}

.purchaseAA .spFnt {
    font-size: 15px;
    float: none !important;
    font-weight: 400;
}

.purchaseAA a.c-logo:focus {
   outline: 2px dashed #000 !important;
   border: 2px dashed #fff !important;
}

/* Page bar */
#pbCTAContainer>.hero-pricing{padding-top:0px;}
#pbCTAContainer .hiddenImp{display: none !important}
@media (min-width: 768px) and (max-width: 1083px){
.m-page-bar>div:first-child{width:50% !important;}
.m-page-bar div#pbCTAContainer{width:50%;}
}
@media only screen and (max-width: 1084px){.m-page-bar>div .c-heading-6{font-size:1.5vw;}}
@media only screen and (max-width: 767px){#pbCTAContainer .hero-pricing p{display: none !important;}
.m-page-bar>div .c-heading-6{font-size:2vw;}
.m-page-bar div#pbCTAContainer{width:40%;}
.m-page-bar div#pbCTAContainer .hero-pricing, .m-page-bar>div:first-child>div{padding-top:10px;}
}

/* Single Xbox Image */
@media screen and (max-width: 539px) {
.singleImg {
    display: none;}
}

/* Carousel */
.center-feature-1>div>section>div>button.c-call-to-action{padding-bottom:11px !important;}
.c-carousel.f-multi-slide>.c-sequence-indicator{background-color: rgba(255,255,255, 0.7) !important;}

@media screen and (min-width: 1084px) {
.multi-item-carousel .c-carousel div>ul li {height: 42vw;}
}
@media screen and (max-width: 1083px) and (min-width: 768px) {
.multi-item-carousel .c-carousel div>ul li {height: 59vw;}
}
@media screen and (max-width: 767px) {
.c-carousel div>ul li {height: 63vw;}
}

/* Padding and coloring */
.pad24{padding-top:24px}
.pad48m{padding-top: 48px;}
a.c-hyperlink:focus {border-style: dashed;}
.strikethrough {text-decoration: line-through;}

.addToCartBtn.disabled {
    background-color: #e6e6e6 !important;
    color: #757575 !important;
    pointer-events: none;
}

/*EA Access (Also included section) */
/*This is for when there is only GamePass and no EA Access in this section so text doesn't bleed on the iPad in portrait mode.*/
@media (min-width:768px) and (max-width:899px){
.eaAccessGamePassOnly {
    padding-bottom:50px !important;}
}
@media (min-width:1084px) and (max-width:1150px){
.eaAccessGamePassOnly {
    padding-bottom:50px !important;}
}
@media (min-width:540px) and (max-width:590px){
.eaAccessGamePassOnly {
   padding-bottom:50px !important;}
}

@media screen and (min-width: 1921px) {    
.spHero {
    max-width: 1920px !important;
    margin: 0 auto !important;}

img.c-image, picture.c-image img {
    margin: 0 auto !important;
    max-width: 1920px;}

.spHero section.m-hero-item {
    height: auto !important;}
}