/* Hero */
@media screen and (min-width: 1920px) {
img.c-image, picture.c-image img {
    margin: 0 auto !important;
    max-width: 1920px;}
}
.hero-pricing {padding-top: 12px;}
.hero-pricing p {display: inline-table; padding-right: 24px;}
.hero-pricing .c-call-to-action {display: inline-table !important;}

/* 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;}


.purchRow2 a {
  display: inline-block;
  vertical-align: middle;
}
.m-banner .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;
}




/*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;}
}

/* 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;
}

/*##### 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;}
}

/*#### Carousel ####*/
.center-feature-1>div>section>div>button.c-call-to-action{padding-bottom:11px !important;}
.multi-item-carousel .c-carousel div>ul li{height: 40vw;}
.c-carousel.f-multi-slide>.c-sequence-indicator{background-color: #fff !important;}
@media only screen and (max-width: 767px){.c-carousel div>ul li{height: 60vw;}}
@media (min-width: 768px) and (max-width: 1083px){.c-carousel div>ul li{height: 42vw;}}


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