/* UHF Fixes */

@media screen and (max-width: 859px) {
.theme-dark.js-global-head.f-closed.f-transparent.global-head-cont {
background-color: black !important;}

.c-uhfh.context-uhf.f-transparent {
    color: white !important;
    z-index: 10 !important;}

.m-hero-item.glp-hero.f-transparent.f-precise-click{margin-top:87px;}
.f-transparent-hero .m-hero-item.glp-hero.f-transparent.f-precise-click{margin-top:0px;}
.f-transparent-hero {padding-top: 87px;}
}
@media only screen and (max-width: 1083px) {
#BodyContent div div{margin-bottom:-1px;}
.body div div{margin-bottom:-1px;}
}
/* End UHF Fixes*/

/* Hero CSS*/
@media only screen and (max-width: 320px) {
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(40%);}
    section.m-hero-item.glp-hero.mobile-220{height: 480px;}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(50%);}
    section.m-hero-item.glp-hero.mobile-320{height: 570px;}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(55%);}
    section.m-hero-item.glp-hero.mobile-370{height: 615px;}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(75%);}
    section.m-hero-item.glp-hero.mobile-440{height: 750px;}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(88%);}
    section.m-hero-item.glp-hero.mobile-480{height: 826px;}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(95%);}
    section.m-hero-item.glp-hero.mobile-520{height: 860px;}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(98%);}
    section.m-hero-item.glp-hero.mobile-560{height: 910px;}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(38%);}
    section.m-hero-item.glp-hero.mobile-220{height: 520px;}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(50%);}
    section.m-hero-item.glp-hero.mobile-320{height: 600px;}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(55%);}
    section.m-hero-item.glp-hero.mobile-370{height: 650px;}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(70%);}
    section.m-hero-item.glp-hero.mobile-440{height: 760px;}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(78%);}
    section.m-hero-item.glp-hero.mobile-480{height: 781px;}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(85%);}
    section.m-hero-item.glp-hero.mobile-520{height: 835px;}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(89%);}
    section.m-hero-item.glp-hero.mobile-560{height: 870px;}
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(32%);}
    section.m-hero-item.glp-hero.mobile-220{height: 485px;}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-320{height: 650px;}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-370{height: 640px;}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(70%);}
    section.m-hero-item.glp-hero.mobile-440{height: 775px;}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(75%);}
    section.m-hero-item.glp-hero.mobile-480{height: 780px;}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(80%);}
    section.m-hero-item.glp-hero.mobile-520{height: 815px;}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(83%);}
    section.m-hero-item.glp-hero.mobile-560{height: 845px;}
}
@media only screen and (min-width: 415px) and (max-width: 767px) {
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(33%);}
    section.m-hero-item.glp-hero.mobile-220{height:calc(260px + 56vw)}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(40%);}
    section.m-hero-item.glp-hero.mobile-320{height:calc(250px + 69vw)}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-370{height:calc(310px + 74vw)}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-440{height:calc(480px + 56vw)}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(70%);}
    section.m-hero-item.glp-hero.mobile-480{height:calc(500px + 58vw)}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(72%);}
    section.m-hero-item.glp-hero.mobile-520{height:calc(491px + 64vw)}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(79%);}
    section.m-hero-item.glp-hero.mobile-560{height:calc(578px + 56vw)}
}
.m-hero-item.glp-hero.f-precise-click{padding: 0 3.5% 0 3%;}
.m-hero-item.glp-hero.f-y-center>div>div{
top: calc(50%);
padding: 0 24px 0 24px;
}
.m-hero-item.glp-hero .c-heading-1{
font-size:64px;
padding-bottom:0px;
font-weight: 700;
}
.m-hero-item.glp-hero .c-heading-4, .m-hero-item .c-subheading-4{
padding-top:0px !important;
}
.m-hero-item.glp-hero div{
margin-top:0px !important;
}
.m-hero-item.glp-hero>div>div.high-contrast{
    background-color: rgba(0,0,0,0.7);
    text-align: center;
}
.heroPad48{padding-top:42px !important;}
.m-hero-item.glp-hero .tg-svg4kLogo {
    height: 45px !important;
}
.m-hero-item.glp-hero .tg-svgHDRLogo {
    height: 22px !important;
}
.m-hero-item.glp-hero .tg-svgSDLogo {
    height: 59px !important;
}

@media only screen and (max-width: 1399px) {
section.m-hero-item.glp-hero h1.c-heading-1{font-size:46px}
}
@media only screen and (min-width: 768px) and (max-width: 1083px) {
section.m-hero-item.glp-hero.mobile-220 {height:calc(310px + 52vw);}
section.m-hero-item.glp-hero.mobile-320 {height:calc(530px + 38vw);}
section.m-hero-item.glp-hero.mobile-370 {height:calc(500px + 50vw);}
section.m-hero-item.glp-hero.mobile-440 {height:calc(510px + 56vw);}
section.m-hero-item.glp-hero.mobile-480 {height:calc(550px + 56vw);}
section.m-hero-item.glp-hero.mobile-520 {height:calc(510px + 64vw);}
section.m-hero-item.glp-hero.mobile-560 {height:calc(652px + 50vw);}
section.m-hero-item.glp-hero picture img{top:0;transform: translateY(0px);}
section.m-hero-item.glp-hero>div{max-width:600px;top:0;overflow:visible;}
section.m-hero-item.glp-hero>div>div.high-contrast{top:calc(50px + 48vw) !important;transform:translateY(0%) !important;width:600px;max-width:600px;}
.m-hero-item.glp-hero .pad48{padding-top:0px !important;}
}
@media only screen and (min-width: 1084px) {
section.m-hero-item.glp-hero:before {
    padding-bottom: 60.2% !important;
    padding-top: 0px;
}
.m-hero-item.glp-hero.f-x-right>div{margin-right:5%;}
.m-hero-item.glp-hero.f-x-left>div{margin-left:5%;}
.m-hero-item.glp-hero>div>div.high-contrast{width:450px; max-width:450px;}
.opacity0{background-color: rgba(0,0,0,0.0) !important;}
.opacity10{background-color: rgba(0,0,0,0.1) !important;}
.opacity20{background-color: rgba(0,0,0,0.2) !important;}
.opacity30{background-color: rgba(0,0,0,0.3) !important;}
.opacity40{background-color: rgba(0,0,0,0.4) !important;}
.opacity50{background-color: rgba(0,0,0,0.5) !important;}
.opacity60{background-color: rgba(0,0,0,0.6) !important;}
.opacity70{background-color: rgba(0,0,0,0.7) !important;}
.opacity75{background-color: rgba(0,0,0,0.75) !important;}
.opacity80{background-color: rgba(0,0,0,0.8) !important;}
.opacity90{background-color: rgba(0,0,0,0.9) !important;}
.opacity100{background-color: rgba(0,0,0,1.0) !important;}
.opacity10-white{background-color: rgba(255,255,255,0.1) !important;}
.opacity20-white{background-color: rgba(255,255,255,0.2) !important;}
.opacity30-white{background-color: rgba(255,255,255,0.3) !important;}
.opacity40-white{background-color: rgba(255,255,255,0.4) !important;}
.opacity50-white{background-color: rgba(255,255,255,0.5) !important;}
.opacity60-white{background-color: rgba(255,255,255,0.6) !important;}
.opacity70-white{background-color: rgba(255,255,255,0.7) !important;}
.opacity80-white{background-color: rgba(255,255,255,0.8) !important;}
.opacity90-white{background-color: rgba(255,255,255,0.9) !important;}
.opacity100-white{background-color: rgba(255,255,255,1.0) !important;}
}
@media only screen and (min-width: 1400px) {
.m-hero-item.glp-hero>div>div.high-contrast{width:550px; max-width:550px;}
}
@media only screen and (min-width: 1800px) { /*Try to keep copy card in line with containers below*/
.m-hero-item.glp-hero.f-x-right>div{margin-right:calc((101% - 1600px) * .46);}
.m-hero-item.glp-hero.f-x-left>div{margin-left:calc((101% - 1600px) * .46);}
}
@media only screen and (max-width: 767px) {
    .m-hero-item.glp-hero .heroPad48.heroLogos img {max-width:30%;}
}
@media only screen and (max-width: 539px) {
    .m-hero-item.glp-hero .heroPad48.heroLogos img{margin-right:5px;}
.m-hero-item.glp-hero .heroPad48.heroLogos img:last-child{margin-right:0px;}
}
@media only screen and (min-width: 541px) {
.m-hero-item.glp-hero .heroPad48.heroLogos img{margin-right:40px;}
.m-hero-item.glp-hero .heroPad48.heroLogos img:last-child{margin-right:0px;}
}

@media only screen and (min-width: 1084px) and (max-width: 1399px) {.heroPad48{padding-top:22px !important; }.m-hero-item .c-heading-4{font-size: 20px;}}
.m-hero-item.glp-hero .tg-svgHeroLogos{display:inline;}
.m-hero-item .heroXGP a{padding-bottom:0px !important;}
.m-hero-item .platformCircle{padding: 0px 8px 0px 8px;}
@media only screen and (max-width: 1083px) {
section.m-hero-item.glp-hero>div>div.high-contrast {background-color:transparent !important;}
}
@media only screen and (max-width: 539px) {.m-hero-item.glp-hero .glpHeroLogo{padding-right:0px; margin-bottom:24px;}}
@media only screen and (max-width: 767px) {.m-hero-item .heroPad48.c-heading-2{padding-top: 0px !important;}}

/* End Hero CSS*/

/* Accolades CSS*/

@media (min-width:1399px) {
    .GLPaccolades .m-panes section {
        border-left: 1px solid #fff !Important;
    }

        .GLPaccolades .m-panes section:nth-child(1) {
            border-left: none !Important;
        }
}

@media(max-width:1398px) {
    .GLPaccolades .m-panes section {
        border-top: 1px solid #fff;
    }

        .GLPaccolades .m-panes section:nth-child(1) {
            border-top: none;
        }
}
@media only screen and (max-width: 321px) {
.GLPaccolades .m-panes-product-placement-item img{max-width: 275px}
}
/*End Accolades CSS*/

/* Game feature CSS*/
.m-feature.f-image-priority.full-width{background-color:#107c10; color:#ffffff;}
@media only screen and (min-width: 768px) and (max-width: 1083px) {
section.m-feature.f-image-priority.full-width picture{width: 55%}
section.m-feature.f-align-right.f-image-priority.full-width div.textscoot{width: 45%; left:55%;}
section.m-feature.f-align-left.f-image-priority.full-width div.textscoot{width: 45%;}
div.stealth-carousel .c-heading-3, section.m-feature.full-width .c-heading-3{font-size: 24px; line-height: 28px;}
div.stealth-carousel .c-paragraph-1, section.m-feature.full-width .c-paragraph-1{font-size: 15px;line-height: 20px;}
}
@media screen and (max-width:767px){
section.m-feature.f-image-priority.full-width .m-ambient-video{padding:0 !important;}
}
@media only screen and (min-width: 1799px){
section.m-feature.f-align-left.f-image-priority.full-width div.textscoot{padding-left: 125px; width: 33%;}
section.m-feature.f-align-right.f-image-priority.full-width div.textscoot{padding-right: 125px; left:67%; width: 33%;}
}
@media only screen and (min-width: 1921px){
section.m-feature.f-align-left.f-image-priority.full-width, section.m-feature.f-align-right.f-image-priority.full-width
{
    max-width:1920px;
    margin: 48px auto 0 auto;
}
}
@media only screen and (max-width: 767px){
section.m-feature.f-align-left.f-image-priority.full-width, section.m-feature.f-align-right.f-image-priority.full-width
{
    margin-top:0px;
}
section.m-feature.f-align-left.f-image-priority.full-width>div, section.m-feature.f-align-right.f-image-priority.full-width>div
{
    text-align: left;
    width: 100%;
    padding:0px 84px 48px 84px;
}
section.m-feature.f-align-left.f-image-priority.full-width.t-margin48, section.m-feature.f-align-right.f-image-priority.full-width.t-margin48
{
    margin-top:48px;
}
} 
@media only screen and (min-width: 768px){
    section.m-feature.full-width .c-heading-3{padding-top: 0px;}
}
@media only screen and (max-width: 539px){
section.m-feature.f-align-left.f-image-priority.full-width>div, section.m-feature.f-align-right.f-image-priority.full-width>div
{
    padding:0px 68px 48px 68px;
}
}
section.m-feature.f-align-left.f-image-priority.full-width div.m-ambient-video, section.m-feature.f-align-right.f-image-priority.full-width div.m-ambient-video{
background-color:black;
}
@media only screen and (min-width: 1084px){
section.m-feature.f-align-left.f-image-priority.full-width div.m-ambient-video, section.m-feature.f-align-right.f-image-priority.full-width div.m-ambient-video
{width: 66%;}
}
/* End game feature CSS*/

/* Gallery tweaks*/
.media-gallery-single .c-carousel .c-flipper , .media-gallery-single .inlinefilmstrip, .media-gallery-single .OttoFilmstrip {display: none !important;}
@media only screen and (max-width: 470px){
.m-hero.ottoinlinemedia .m-hero-item.vid-container, div.lightboxcontent div.lightboxcontainer{
    height:100vw !important;
}
}

/* End gallery*/

/* Jump container*/
.jumpgcontainer p.c-paragraph-1{padding-top: 8px;}
/*END JC*/

/* Cross Gen CSS*/
.m-hero-item.cross-gen .c-heading-2{font-weight: 800;}
/* End Cross Gen CSS*/

/*META CSS*/
.glyph-repair{position:absolute; bottom:0px; right:10px;}
.hero-apply-button{position:absolute; padding-left:75px;}
.hero-apply-button:hover{cursor:pointer;}
.meta-toggle:hover, .meta-toggle-mobile-height:hover{cursor:pointer;}
.meta-toggle, .meta-toggle-mobile-height{margin-left:20px; padding:2px; background-color:#00000057;}
/*END META CSS*/


.c-button {
    font-weight: 700;
}
.tac{text-align:center;}

/*** Old sup code from 2017 template, may need later? 
@media screen and (min-width:540px) {
    .threeP-hero sup {
        left: -.5em !Important;
        top: -1em !important;
        padding-right: 10px;
    }
}

@media screen and (max-width: 540px) {
    sup {
        left: -.7em !important;
        top: -.6em !important;
        padding-right: 10px;
    }
}*/

/* Purchase Section */
#add-ons picture, #add-ons2 picture, #subscriptions picture {
height: 408px;
 overflow: hidden;
}

.pricing {
    max-width: 240px;
}
@media screen and (max-width: 1083px) {
    .purchase .purchaseSection section:first-child {
        text-align: center;
        padding-bottom:48px;
    }
    .pricing {
        max-width: inherit;
    }

    .purchase .purchaseSection section img {
        max-width: 100%;
    }

    .pricing {
        margin: 0 auto;
    }

    .purchase .purchaseSection .purchaseButtons {
        margin-bottom: 48px;
    }
}

@media screen and (min-width: 1084px) {
    .purchase .purchaseSection .c-heading-3 {
        padding-top: 0px;
    }

    /* uncomment to center content verically */
    /* .contentParent {position: relative;}
.contentChild {    
     top: calc(-50%);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);} 
*/
}

.getGame {
    margin-bottom: 48px;
}
.storefronts .m-banner .c-image {
    width: 125px;
}
.storefronts .m-banner .c-logo {
padding: 24px 40px 96px 40px;
max-width: 30%;
}
@media screen and (max-width: 767px) {
.storefronts .m-banner .c-logo {
    padding: 24px 0px 48px 0px;

}
}

.purchase {
    margin-bottom: 48px;
}

    .purchase .padT16 {
        padding-top: 16px !important;
    }

    .purchase .padT23 {
        padding-top: 23px !important;
    }

    .purchase .purchaseSection .c-paragraph {
        font-size: 15px;
        line-height: 20px;
        padding: 12px 0 0;
        font-weight: 400;
    }

    .purchase .purchaseSection .c-group {
        display: block;
        overflow: visible;
        margin-top: 10px;
    }

.btnFat {
    margin-top: 10px;
}


.purchaseDrop {
    margin-top: 12px;
}

    .pricing .leftCol, .pricing .rightCol {
        display: inline-block;
        margin-right: 12px;
    }

        .pricing .rightCol img {
            height: 18px;
            width: auto;
            margin-top: 8px;
        }

    .pricing h4 {
        font-size: 24px;
        font-weight: 400;
    }

        .pricing h4.origPrice {
            text-decoration: line-through;
            color: #696969;
        }

    .pricing .gp {
        font-size: 13px;
        font-weight: 700;
    }

.m-product-placement .pricing {
    margin-bottom: 0px;
}

    .m-product-placement .pricing h4 {
        font-size: 15px;
        font-weight: 400;
    }

    .m-product-placement .pricing .rightCol img {
        height: 13px;
        margin-top: 5px;
    }

.m-content-placement-item .c-group {
    display: block;
}

.purchaseSection hr.c-divider {
    margin: 12px 0;
}

.purchase .f-heavyweight {
    margin-top: 12px !important;
}

.theme-black .thumbnailarea {
    background-color: #000 !important;
}

.theme-black .c-pivot header a {
    color: #fff;
}

.theme-black .c-divider {
    border-top: 1px solid #767676;
}

.nineTeenTwenty {
    max-width: 1920px;
    margin: 0 auto;
}

.xpa select {
    display: inline;
    margin-right: 12px;
}

.xpa .c-image {
    display: inline-block;
}

.xpa-hide select {
    display: none;
}

.xpa-hide .c-image {
    margin-top: 24px;
}

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

@media screen and (max-width: 767px) {
    .glp-pivot .c-pivot > header, .glp-pivot .c-pivot > button {
        display: none !important;
    }

    .purchaseDrop {
        margin-bottom: 12px;
    }
}
/* End Purchase Section */
/* EA Access */
.ea-cta-marg {
    margin-top: 24px;
}

@media screen and (min-width: 540px) {
    .ea-logo {
        width: 186px;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 539px) {
    .ea-logo {
        display: none !important;
    }
}


/* VFI */
.m-product-placement.f-video a:focus, div.stealth-sub-carousel.center-carousel a:focus, div.storefronts .m-banner a:focus{
    outline: #0F760F dashed 4px !important;
}

div.xgpBlade .m-hero-item a:focus{
    outline: #ffffff dashed 4px !important;
}

.m-product-placement-item > a:focus {
    outline: #000 dashed 2px !important;
}

.purchaseSection select:focus {
    outline: 6px dashed #0F760F;
}

.theme-black .purchaseSection select:focus {
    outline: 6px dashed #9bf00b;
}

/* Media Carousel */
.inline-raven .thumbnailarea {
    display: none;
}

.c-carousel picture.c-image {
    background-color: #000 !important;
}

/* Old Media Gallery - remove when metro is fixed */
.BGtransplay button.c-action-trigger:focus {
    border: 3px dashed #FFF;
}

.BGtransplay img.c-image, picture.c-image img {
    margin: auto !important;
}

.BGtransplay a.c-action-trigger, .BGtransplay 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;
}

.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;
}
/* Mixer */
.mixerStatic .m-hero-item > div > div picture, .mixerStream .c-logo {
    max-width: 218px;
}

.ctaDiv a.c-call-to-action.f-heavyweight:focus {
    outline: #FFF dashed 2px !important;
}

.mixerStream .ctaDiv {
    margin-top: 14px;
}

.mixerStream .player {
    max-width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width:1399px) {
    .mixerStream .c-heading-2 {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        max-height: auto;
    }
}

@media screen and (max-width: 767px) {
    .mixerStream .static {
        display: block;
    }

    .mixerStream .stream {
        display: none;
    }

    .mixerStatic .m-hero-item > div > div picture, .mixerStream .c-logo {
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .mixerStream .static {
        display: none;
    }

    .mixerStream .player iframe {
        width: 100%;
        height: 22.2vw;
        border: 0;
    }

    .m-highlight-feature div {
        background-color: #000 !important;
        color: #fff !important;
    }
}

@media screen and (min-width: 1084px) {
    .mixerStream .player iframe {
        height: 29vw;
    }
}

@media screen and (min-width: 1860px) {
    .mixerStream .player {
        margin-left: 7.9vw;
    }
}

/* New live gold */
.live-gold .m-hero-item > div > div picture {
    max-width: 170px;
}

    .live-gold .m-hero-item > div > div picture img {
        width: 100%;
    }

@media screen and (max-width:767px) {
    .live-gold .m-hero-item > div > div {
        color: #000;
    }

        .live-gold .m-hero-item > div > div picture {
            display: block;
            margin: 0 auto;
        }

        .live-gold .m-hero-item > div > div h2 {
            padding-top: 12px;
        }
}

@media screen and (min-width:768px) {
    .live-gold .m-hero-item > div > div {
        color: #fff;
    }

    .live-gold a.c-call-to-action span, button.c-call-to-action span {
        color: #9bf00b !important;
    }

    .live-gold a.c-call-to-action.f-lightweight, button.c-call-to-action.f-lightweight {
        color: #9bf00b !important;
    }
}

@media screen and (min-width:1084px) {
    .live-gold section {
        height: 30.9vw;
    }
}
/* End new live gold */

/* automation */
.glpbigids, .GLPtranslations {
    display: none;
}

.priceareas {
    display: block;
}

#add-ons picture, #subscriptions picture {
    height: 408px;
    overflow: hidden;
}

.purchaseSection picture.custompsimage {
    display: block;
    /* height: 430px; 
    overflow: hidden; */
}

    .purchaseSection picture.custompsimage img {
        max-width: 324px;
        display: block;
        margin: 12px auto;
    }

@media (max-width: 540px) {
    .purchaseSection picture.custompsimage {
        /* height: 250px; */
    }

        .purchaseSection picture.custompsimage img {
            max-width: 180px;
        }
}

.priceareas.hidden {
    display: none !important;
}

.custompsimage img {
    border: 1px solid #dedede;
}

/* gear */
.xbox-gear {
    margin-bottom: 48px;
}

@media only screen and (min-width:768px) {
    .xbox-gear .m-highlight-feature > div {
        background: none !important;
        box-shadow: none !important;
        color: black !important;
    }

    .gear-black .m-highlight-feature > div {
        color: #fff !important;
    }

    .gear-black a.c-call-to-action span {
        color: #9bf00b !important;
    }
}

/* Text underline for ESRB section*/
.m-additional-information .c-label a:focus {
    text-decoration: underline !Important;
}

/* XBOX GAME PASS BLADE CUSTOM CLASS */
.backgroundBlack {
    background-color: #000;
    color: #fff;
}

.xgpBlade .m-hero-item.f-x-center > div > div .c-image {
    margin: -80px auto !important;
}

.xgpBlade a.c-call-to-action, button.c-call-to-action {
    margin-top: -50px !Important;
}

@media screen and (max-width: 768px) {
    .backgroundBlack {
        background-color: #2f2f2f !important;
    }
}

/* GAME FEATURES FULL WIDTH*/
@media screen and (min-width: 768px) {
     .m-ambient-video.pp-right div button { right:24px; }
}

.gameFeatureFullWidth .m-highlight-feature > div {
    background: none !important;
    color: white !important;
    box-shadow: none !Important;
}

@media only screen and (min-width:1400px) {
    .gameFeatureFullWidth .m-highlight-feature > div {
        width: 500px !important;
    }
}

@media only screen and (min-width:1084px) {
    .gameFeatureFullWidth .m-highlight-feature > .right-align {
        margin-right: 10%;
    }

    .gameFeatureFullWidth .m-highlight-feature > .left-align {
        margin-left: 10%;
    }
}

@media only screen and (min-width:768px) {
    .gameFeatureFullWidth .c-heading {
        font-size: 34px !important;
        line-height: 40px !important;
    }

    .gameFeatureFullWidth p {
        font-size: 20px !important;
        line-height: 25px !important;
    }
}

.discounted {
    text-decoration: line-through !important;
}

/* EA Acess blade */
/*.ea-access .m-image-intro div p,
.ea-access .m-image-intro div a { 
  font-size:18px;
}*/
@media screen and (max-width:771px) and (min-width:768px){
 .ea-cta-marg{ margin-top:10px;}
}

/* Accessibility */
.details a:focus  {
    outline: black dashed 2px !important;
}

/* subscription area */
#subscriptions picture {
  overflow: hidden;
}

/* Tall modified feature */
.vertX1S .copy-container .badge {max-width: 152px; max-height: 223px;}
.vertX1S .copy-container .badge.vTwo {max-width: 205px; max-height: 97px;}
.vertX1S .copy-container .badge img {width: 100%; height: 100%;}
.vertX1S .m-feature {margin-top: 0px;}

@media screen and (min-width: 768px) and (max-width: 1083px) {
  .vertX1S .copy-container .badge.vTwo {width: 125px;}
}
@media screen and (min-width: 1084px) {
  .vertX1S .copy-container .badge.vTwo {width: 14vw;}
}
@media (min-width: 1300px) and (max-width: 1400px) {
  #Overview{height: 71vw;}
}
@media screen and (min-width: 1400px) {
  .c-feature.f-align-right>div.copy-container{top: calc(50% - 48px);}
}

.vertX1S .copy-container .icons [data-grid~=col-4] img, .vertX1S .copy-container .icons [data-grid~=col-8] img { height: 42px;}

.vertX1S [class*=c-paragraph].f-lean { padding-top: 10px !important;}

@media screen and (max-width: 1500px) and (min-width: 768px) {
.vertX1S .c-paragraph-2 {font-size: 15px;}
.vertX1S .copy-container .badge {padding-left:15px; padding-right: 25px;}
.vertX1S .copy-container .badge.vTwo {padding-left:0px; padding-right: 0px;}
}
@media screen and (min-width: 1400px) {
.vertX1S .copy-container .badge.vTwo {margin-bottom: 20px;}
}
@media screen and (max-width: 1400px) and (min-width: 1084px) {
.vertX1S .c-heading-1, .vertX1S .c-heading-2 {font-size: 34px; line-height: 44px;}
.vertX1S .c-feature.f-align-left > div, .vertX1S .c-feature.f-align-right > div, .vertX1S .m-feature.f-align-left > div, .vertX1S .m-feature.f-align-right > div {
    top: calc(38%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
}

@media (max-width: 1083px) and (min-width: 768px) {
.vertX1S .c-heading-1, .vertX1S .c-heading-2 {font-size: 24px; line-height: 34px}
.vertX1S .copy-container .icons [data-grid~=col-4] {padding-right: 9px;}
.vertX1S .copy-container .icons [data-grid~=col-4] img, .vertX1S .copy-container .icons [data-grid~=col-8] img { height: 30px;}
.vertX1S .copy-container .icons [data-grid~=col-4] p { padding-top: 10px;}
}
@media screen and (max-width: 1083px) and (min-width: 860px) {
.vertX1S .c-feature.f-align-left > div, .vertX1S .c-feature.f-align-right > div, .vertX1S .m-feature.f-align-left > div, .vertX1S .m-feature.f-align-right > div {
    top: calc(38%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
}
@media screen and (max-width: 859px) and (min-width: 768px) {
.vertX1S .c-feature.f-align-left > div, .vertX1S .c-feature.f-align-right > div, .vertX1S .m-feature.f-align-left > div, .vertX1S .m-feature.f-align-right > div {
    top: calc(38%);
    -ms-transform: translateY(-38%);
    transform: translateY(-38%);
}
}

@media only screen and (max-width:767px) {
.vertX1S .copy-container .badge {margin: 0 auto; max-width: 92px; max-height: 135px;}
.vertX1S .copy-container .badge.vTwo {max-width: 205px; max-height: 97px;}
[data-grid~='col-4'].lessIcons { width: 16.665%;}
}
@media only screen and (max-width:540px) {
.vertX1S .icons .no-stack [data-grid~='col-4'] { width: 33.33%; float: left !important; padding-left: 4px; padding-right: 4px;}
.vertX1S .icons .no-stack-2 [data-grid~='col-4'] { width: 50%; float: left !important; padding-left: 4px; padding-right: 4px;}
.vertX1S .icons .no-stack-2 [data-grid~='col-4'].lessIcons {display: none;}
}

@media only screen and (min-width:540px) {
.vertX1S .copy-container .copy {text-align: left;}

}
@media only screen and (max-width:767px) {
.vertX1S .copy-container .copy.vTwo {text-align: center;}
}

@media only screen and (min-width:1084px) {
[data-grid~='container']#Overview {
    margin: 0 auto;
    padding-right: 5%;
    max-width: 100%;
    padding-left: 0px;
}
.vertX1S [data-grid~='col-4'] {
    padding-right: 10px;
}

}
@media only screen and (min-width:1779px) {
.vertX1S .c-feature.f-align-right> div {
    padding-left: 6.5vw;
}
}


@media screen and (min-width: 1399px) {
.vertX1S .copy-container .icons {margin-top:47px;}
}



@media screen and (max-width: 1398px) and (min-width: 540px) {
    .vertX1S [data-grid~=col-12] {
        margin-top: 10px;
    }
}

@media screen and (max-width: 540px) {
    .vertX1S [data-grid~=col-4] {
        padding-top: 20px;
        !important
    }
}
@media screen and (min-width: 1921px) {
    .vertX1S #Overview {width: 1920px; margin: 0 auto;}
}
/* End Tall modified feature */

/* purchase dropdowns */
.xpa.f-border select {
    padding: 7px 48px 7px 8px;
    border: 1px solid black;
}
/* end purchase dropdowns */

/*.m-panes .m-panes-product-placement-item a.c-call-to-action.c-glyph:not(.cta-btn-dark):focus{
outline-style: dashed !important;
outline-color: black !important;
outline-width: 2px !important;
border-style: dashed !important;
border-color:white !important;
border-width: 1px !important;
}*/

/* CTA line break fixes in the hero */
@media screen and (max-width:1920px) and (min-width:1400px){
.platformName{position:relative !Important; width:550px !important; right:30px !Important;}
}

@media screen and (max-width:1400px) and (min-width:1083px){
.platformName{position:relative !Important; width:550px !important; right:75px !Important;}
}

@media screen and (max-width:630px){
.platformName{width:100%; text-align:center;}
.desktop-show { display: initial !important;}

}

.hideBreak {
    display: none;
}

@media screen and (max-width:768px){
.xboxGamePassLogo{display:block !important;}
}


/* Copy card fixes and added badges */
@media screen and (max-width:768px){
.xboxGamePassLogo{display:block !important;}
}

.xboxGamePassLogo{max-width:190px !important; max-height:32px !important; display:inline-block !important; width:190px !important; padding-bottom:60px !Important;}
.xboxOneXBadgeLogo{max-width:135px !important; max-height: 60px !important; display:inline !Important; margin-top:-9px !important;}
.optimizedLogo{max-width:180px !important; max-height:80px !important;}


/* Optimized blade fix for 1 colum */
@media screen and (min-width:768px){
.vertX1S .oneColumn [data-grid*="col-"] {float:none !Important;}
}

@media screen and (max-width: 768px){
 .vertX1S .oneColumn [data-grid*="col-"] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
}
.pricing .context-glyph-tile .c-glyph {
    font-size: 20px;
    margin-bottom: 12px;
    font-family: "MWF-MDL2";
}
.pricing .rightCol .context-glyph-tile {
    top: 1px;
    position: relative;
}