/*Redesign*/

@media only screen and (min-width: 768px) and (max-width: 1083px) {
  section.m-hero-item.glp-hero>div>div {
    top: calc(50px + 64vw) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1083px) {
  .special3UP div div div {
    height: 385px !important;
  }
}

@media only screen and (max-width: 768px) and (min-width: 539px) {
  .tips-mobile-pad {
    padding-bottom: 96px !important;
  }
}


@media only screen and (max-width: 767px) {
  .marketPlace .tallMob .m-hero-item>div {
    height: 87vw !important;
  }
}


@media only screen and (max-width: 538px) {
  .tips-mobile-pad {
    padding-bottom: 96px !important;
  }

  [data-grid*="col-"] {
    padding: 0;
  }
}

#hero-10 picture {
  margin-bottom: -2px;
}

.top-bg-color {
  background-color: #EDE5E2;
}

.tips-feature-bg {
  background-color: #262423;
  color: #fff;
}

.gallery-bg {
  background-color: #171615 !important;
}

.m-feature.f-image-priority.full-width {
  background-color: #3C8527;
  color: #ffffff;
}


/* Custom 3 Up */
.special3UP p .c-hyperlink {
  padding-top: 0;
}

.special3UP.m-content-placement-item .c-heading {
  font-weight: 700;
}

.special3UP .m-content-placement-item>picture {
  padding-bottom: 115%;
}

.special3UP .m-content-placement-item>div {
  text-align: center;
}

.special3UP .greyDiv {
  padding-bottom: 130px;
  height: 28vw;
  background-color: #262423;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .special3UP .m-content-placement {
    transform: translateY(-26.6vw);
    -ms-transform: translateY(-26.6vw);
    width: 100%;
    z-index: 2;
    position: relative;
    margin-bottom: -23vw;
  }

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

  .special3UP [data-grid~="pad-6x"]>[data-grid] {
    padding-left: 6px;
    padding-right: 6px;
  }
}


@media screen and (min-width: 1921px) {
  .special3UP .m-content-placement {
    transform: translateY(-475px);
    -ms-transform: translateY(-475px);
  }

  .special3UP .greyDiv {
    height: 500px;
  }

  .special3UP .m-content-placement {
    margin-bottom: -400px;
  }

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

  .designHero section {
    height: 1304px;
  }
}

@media screen and (max-width: 767px) {
  .special3UP .m-content-placement {
    padding-bottom: 12px;
  }

  .special3UP .greyDiv {
    display: none;
  }

  .switchHero [class*=f-x][class*=f-y].m-hero-item>div>div {
    top: calc(65%);
  }
}



/*End Redesign*/


/* hero */
.customColor {
  background-color: #ebebeb !important;
}

.hero .c-group>.c-call-to-action {
  vertical-align: bottom !Important;
}

@media screen and (min-width: 0px) {
  .top-plxBlade .BTmob {
    display: block;
  }

  .top-plxBlade .BTtab {
    display: none;
  }

  .horiz-BG .mob {
    display: block;
  }

  .horiz-BG .mob img {
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .bgImage {
    background-image: url('https://assets.xboxservices.com/assets/d8/a9/d8a9d86c-96f9-411d-b5ea-8d925d534a38.jpg?n=Minecraft_Background-768_Top_1920x3019_02.jpg');
    background-size: cover;
    background-repeat: no-repeat;

  }

  .marketplaceBG {
    background-image: url('https://assets.xboxservices.com/assets/60/19/6019380f-3e1f-4fb4-9857-a34ff6960c4e.jpg?n=Minecraft_Background-768_Marketplace-Characters_1920x1532_02.jpg');
    background-size: cover;
    background-repeat: no-repeat;

  }

  .catsPandasBlade a.c-call-to-action.f-lightweight {
    color: white !Important;
  }

  .gameFeatures {
    background-image: url("https://assets.xboxservices.com/assets/64/2b/642b36ce-47a3-4394-9b4d-eda7ddc8983e.jpg?n=Minecraft-X1-MWF_Image-Background-1084_1920x7361.jpg");
    background-size: cover;
  }

  .gameFeatures .m-highlight-feature>div {
    background: none;
    color: #fff;
    box-shadow: none;
  }

  .m-highlight-feature.f-align-left>div {
    margin-left: 8% !important;
  }

  .m-highlight-feature.f-align-right>div {
    margin-right: 8% !Important;
  }

  .m-highlight-feature div {
    width: 400px !important;
  }

  .gameFeatures .m-highlight-feature>div {
    width: 350px;
    height: 400px;
  }

  .customHero section {
    min-height: 45.45vw !important;
  }

  .top-plxBlade .BTmob {
    display: none;
  }

  .top-plxBlade .BTtab {
    display: block;
  }

  .m-highlight-feature div {
    width: 400px !important;
  }

  .market .m-hero-item::before {
    padding-bottom: 61%;
  }

  .m-highlight-feature>div {
    background: none;
    color: #fff;
    box-shadow: none;

  }

  .horiz-BG .mob {
    display: none;
  }

  .horiz-BG {
    background-image: url('https://assets.xboxservices.com/assets/65/be/65be9e26-5851-40b5-9cc6-96ce73e92647.jpg?n=Minecraft-2017_Superhero-768_old_1399x767.jpg');
    background-size: cover;
    height: 54.82vw;
  }

  .horizScroll {
    background-image: url('https://assets.xboxservices.com/assets/d1/f9/d1f9f641-4051-4844-b00e-ba63b89ec94a.png?n=Minecraft-2017_Superhero-768_Super-Duper_1399x767.png');
    background-size: cover;
    height: 100%;
  }

  .horizScroll>div {
    position: absolute;
    top: calc(30%);
    width: 354px;
    height: 300px;
    margin: 0 36px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
  }
}

@media screen and (min-width: 1084px) {
  .m-area-heading .c-heading {
    font-size: 84px !important;
  }

  .mineCraft-ten {
    font-size: 84px !important;
  }

  div.copyTrans {
    top: 400px !important;
  }

  .horizScroll>div {
    position: absolute;
    top: calc(37%);
    width: 354px;
    height: 408px;
    margin: 0 148px;
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
  }

  .gameFeatures .m-highlight-feature>div {
    margin: 0 148px;
  }
}


a.c-call-to-action.wtGrn {
  border: 2px solid #107c10;
  color: #107c10 !important;
  background: #fff !important;
}

/*
   a.c-call-to-action:focus {
       border:5px solid blue !important;
   }
   */

@media screen and (-ms-high-contrast: active) {
  .realmsplusHero a.c-call-to-action:focus {
    border: 2px dashed white !important;
  }
}

button.c-call-to-action.wtGrn {
  border: 2px solid #107c10;
  color: #107c10 !important;
  background: #fff !important;
}


/* end hero */
.aquatic .m-highlight-feature {
  margin-top: 0px;
}

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

  .realmsplusHero .m-hero-item .c-paragraph,
  .c-hero .c-paragraph {
    min-height: 100px !important;
  }

  .market .m-hero-item::before {
    padding-bottom: 62.25%;
  }

  .top-plxBlade {
    background-image: url('https://assets.xboxservices.com/assets/aa/a0/aaa08be8-cb83-4b88-bba1-984ea4304f78.jpg?n=Minecraft-2017_Superhero-1400_Better-Together-Machine_1920x1220.jpg');
    height: 63.54vw;
    background-size: cover;
  }

  .top-plxBlade .BTtab {
    display: none;
  }

  .top-plxBlade .copyBlock {
    padding-bottom: 48px;
  }

  .top-plxBlade .m-area-heading.tp {
    padding-top: 3vw !important;
  }

  .top-plxBlade .m-area-heading.btm {
    position: relative;
    top: 26vw;
  }

  .top-plxBlade .m-area-heading.btm h3 {
    font-size: calc(10px + 1.75vw) !important;
    line-height: calc(10px + 1.75vw) !important;
  }

  .top-plxBlade .m-area-heading.btm p {
    font-size: calc(7px + .9vw) !important;
    line-height: calc(7px + 1.1vw) !important;
    padding-top: 1.75vw;
  }

  .horiz-BG {
    background-image: url('https://assets.xboxservices.com/assets/9f/e7/9fe7354f-319e-468b-a792-28d73de59c42.jpg?n=Minecraft-2017_Superhero-1400_old_1920x1080.jpg');
    background-size: cover;
    height: 56.25vw;
  }

  .horizScroll {
    background-image: url('https://assets.xboxservices.com/assets/d1/b3/d1b38f45-afe7-438e-b4e4-4cb87f8aaef3.png?n=Minecraft-2017_Superhero-1400_Super-Duper_1920x1080.png');
    background-size: cover;
  }
}


.top-plxBlade {
  background-color: #CADFFF;
  color: #000;
}

@media screen and (max-width: 1399px) {

  .top-plxBlade .BTmob,
  .top-plxBlade .BTtab {
    width: 100%;
  }

  .top-plxBlade .copyBlock {
    padding-bottom: 48px;
  }
}

@media screen and (max-width: 1083px) {
  a.c-call-to-action.wtGrn {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {

  .mine-hero .m-hero-item>div,
  .market .m-hero-item>div {
    height: 280px;
  }

  .aquatic .m-highlight-feature>div {
    margin-bottom: 48px;
  }

  .horiz-BG .horizScroll {
    display: none;
  }

  .horiz-BG .mob>div {
    width: 80%;
    margin: 0 auto;
  }

  .market {
    background-color: #000;
    color: #fff;
  }
}



.top-plxBlade p.c-caption-2 strong {
  font-size: 15px !important;
}

.mineCraft-ten {
  font-family: Minecraft Ten;
}


@media (min-width: 768px) and (max-width: 1399px) {
  .top-plxBlade .m-area-heading.tp {
    position: relative;
    top: -45vw;
  }

  .top-plxBlade .m-area-heading.btm {
    padding-top: 0px !important;
    margin-top: -150px;
  }
}

/* old new horizontal scroll */



/* end horizontal scroll */


@media only screen and (max-width:1083px) {

  /*.c-hero>div>div, .hero .m-hero-item>div>div {max-width:300px;}*/
  a.c-call-to-action.f-lightweight {
    color: #fff !Important;
  }

  /* a.c-action-trigger, button.c-action-trigger {
           color: #fff !important;
       } */

  .box {
    display: none;
  }


}

@media only screen and (max-width:900px) {
  .cta-block {
    margin-left: 30% !important;
    width: 500px;
  }
}

@media (min-width: 768px) and (max-width: 1083px) {
  .accessories-blade .m-feature>div .c-group .c-call-to-action {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 540px) {
  .accessories-blade .m-feature>div .c-group .c-call-to-action {
    margin-left: 0px !important;
  }
}

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


  .box {
    display: block;
  }

  .g-details>h2 {
    color: black !important;
  }

}

/* features blades */

@media only screen and (max-width:539px) {
  .m-highlight-feature {
    float: left !important;
  }

  .x-type-center m-cta-module {
    z-index: 1;
  }

  .theme-black .c-divider {
    border-top: 1px solid white !Important;
  }
}



@media only screen and (max-width:1084px) {

  .m-hero-item.f-x-center>div>div,
  .c-hero.f-x-center>div>div {
    min-width: 70% !important;
  }

  .catsPandasBlade .m-hero-item div div {
    max-width: 330px !important;
  }

  .c-heading.mineCraft-ten {
    font-size: 64px !important;
    line-height: 64px !important;
  }
}


.gameFeaturesBackground {
  background-image: url('https://assets.xboxservices.com/assets/cd/92/cd92050b-0426-4d36-a279-6336462010da.jpg?n=Minecraft-X1-MWF_Image-Background-1084_1920x6000.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}


.gameFeaturesBackground .featureOne {
  margin-top: 0 !important;
}

@media screen and (max-width:767px) {
  .xbox-gear .m-highlight-feature>div {
    color: #000;
  }

  .bgImage {
    background-color: #ebebeb;
  }

  .marginTop {
    margin-top: 20px !Important;
  }
}

.c-heading-3,
.c-heading-4,
.c-heading-5,
c-subheading-4 {
  font-weight: 300;
}

.customHero section {
  pointer-events: none !important;
}

.customHero section a {
  pointer-events: auto !important;
}

.customHero a .customBtn {
  background-color: white !Important;
}

.customHero .m-hero-item .c-group a:focus {
  outline: #0F760F dashed 2px !important;
}

.m-product-placement.f-video a:focus {
  outline: #0F760F dashed 3px !important;
}

.realmsplusHero a.c-call-to-action.f-lightweight.custCTA {
  color: #9bf00b !important;
}



@media screen and (max-width:1400px) and (min-width:1084px) {

  .realmsplusHero .m-hero-item .c-paragraph,
  .c-hero .c-paragraph {
    min-height: 120px !important;
  }
}

@media screen and (max-width:1084px) and (min-width:0px) {

  .realmsplusHero .m-hero-item .c-paragraph,
  .c-hero .c-paragraph {
    min-height: 160px !important;
  }
}

@media screen and (max-width:768px) {
  .mobileFontColorBlack {
    color: black !important;
  }

  .c-heading.mineCraft-ten {
    font-size: 50px !important;
    line-height: 50px !important;
  }

  .c-heading.mineCraft-ten {
    font-size: 50px !important;
    line-height: 50px !important;
  }

  .mineCraft-ten {
    font-size: 50px !important;
  }
}

.mixerPaddingLeft {
  margin-left: -20px !important;
}


.xbox-gear a:focus {
  outline: 2px dashed white !Important;
}

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


/** percent show */
.topfiller {
  height: 800px;
  width: 100%;
  background-color: pink;
  margin: 20px;
}

.horizScroll {
  width: 100%;
  position: relative;
}

.bottomfiller {
  height: 1200px;
  width: 100%;
  background-color: orange;
  margin: 20px;
}

.percentshow {
  position: fixed;
  right: 0;
  top: 0;
  padding: 40px;
  font-size: 28px;
  background-color: blue;
  color: white;
}

.percentshow2 {
  position: fixed;
  right: 0;
  top: 112px;
  padding: 40px;
  font-size: 28px;
  background-color: lightblue;
  color: white;
}

/*** plx section */
.parallaxarea {
  position: relative;
  height: 300px;
}

.plx-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.plx-layer1,
.plx-layer2,
.plx-layer3 {
  opacity: .4;
}

.m-area-heading {
  padding-top: 20px !important;
  font-weight: 300;
}

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

.mixer-cta {
  color: #0F760F !important;
}

a.c-call-to-action.f-lightweight {
  color: #0F760F !important;
}

/*
   .c-paragraph-1{font-size:15px !Important;}
  */
.pad20 {
  padding-bottom: 20px !important;
}

.logo {
  width: 138px !Important;
  height: 40px !Important;
}




/* AB Test */


@media only screen and (max-width: 1083px) {
  .hero-test .m-hero-item>div>div {
    max-width: 600px !Important;
  }
}

.hero-test .popicons {
  color: black !Important;
}

.hero-test {
  display: none;
}

/* AB Test */


/*
@media screen and (max-width: 369px) {
  .infoBar [data-grid~="col-2"] {
    width: 50% !important;
    margin-left: 0% !important;
  }
}
  */

/* Hide info bar */
/* .infoBar { display: none !important; } */


.GLP-purchase {
  display: none;
}

.top-bg-color .m-feature a {
  color: black !important;
}


/** Temp CSS transferred from page file **/



.m-area-heading .c-heading.cust-heading {
  font-size: 42px !important;
  line-height: 45px !important;
  letter-spacing: 2px;
}


@media screen and (min-width:1084px) {
  .m-area-heading .c-heading {
    font-size: 64px !important;
    line-height: 64px !important;
  }

  .mineCraft-ten {
    font-size: 84px !important;
  }
}

@media screen and (max-width:1084px) {
  .mineCraft-ten {
    font-size: 64px !important;
    line-height: 64px !important;
  }
}

@media screen and (max-width:768px) {
  .c-heading.mineCraft-ten {
    font-size: 50px !important;
    line-height: 50px !important;
  }
}

@media screen and(max-width:768px) {
  .c-heading.mineCraft-ten {
    font-size: 50px !important;
    line-height: 50px !important;
  }

  .mineCraft-ten {
    font-size: 50px !important;
  }
}

.m-area-heading {
  padding-top: 20px !important;
  font-weight: 300;
}

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


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

@media screen and(min-width:768px) {
  .m-highlight-feature div {
    width: 400px !important;
  }
}

/*
.m-highlight-feature div{width:450px !important;}
.featureOne .m-highlight-feature {margin-top:0 !important;}
*/
@media only screen and (min-width:768px) {
  .m-highlight-feature.f-align-left>div {
    margin-left: 8% !important;
  }

  .m-highlight-feature.f-align-right>div {
    margin-right: 8% !Important;
  }
}

@media screen and (max-width: 767px) {
  .xbox-gear .m-highlight-feature>div {
    color: #000;
  }
}

@media screen and (min-width: 1084px) {
  div.copyTrans {
    top: 400px;
  }
}

/*  html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    } */


/* Ways To Play - Custom Background */
.custOpBgImage2UP {
    background-repeat: no-repeat;
    background-size: cover;
}

.custOpBgImage2UP {
    background-image: url('https://cms-assets.xboxservices.com/assets/6b/48/6b482536-b708-49c1-874a-ad0a7dac74c4.jpg?n=Minecraft_Image-0_Ways-to-Play-2024-2-Up-Background_767x1730.jpg');
}

@media screen and (min-width: 768px) {
    .custOpBgImage2UP {
        background-size: contain;
    }

    .custOpBgImage2UP {
        background-image: url('https://cms-assets.xboxservices.com/assets/17/c5/17c5ae2e-3012-4c7f-96c8-aec86ed481b5.jpg?n=Minecraft_Image-768_Ways-to-Play-2024-Background_1920x722.jpg');
    }
}

/** percent show */
.topfiller {
  height: 800px;
  width: 100%;
  background-color: pink;
  margin: 20px;
}

.horizScroll {
  width: 100%;
  position: relative;
}

.bottomfiller {
  height: 1200px;
  width: 100%;
  background-color: orange;
  margin: 20px;
}

.percentshow {
  position: fixed;
  right: 0;
  top: 0;
  padding: 40px;
  font-size: 28px;
  background-color: blue;
  color: white;
}

.percentshow2 {
  position: fixed;
  right: 0;
  top: 112px;
  padding: 40px;
  font-size: 28px;
  background-color: lightblue;
  color: white;
}

/*** plx section */
.parallaxarea {
  position: relative;
  height: 300px;
}

.plx-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.plx-layer1,
.plx-layer2,
.plx-layer3 {
  opacity: .4;
}

/*
@media only screen and (max-width: 1083px){
.c-hero>div>div, .m-hero-item>div>div {max-width:300px !Important;}
}
*/
.mixer-cta {
  color: #0F760F !important;
}

a.c-call-to-action.f-lightweight {
  color: #0F760F !important;
}

/*
.c-paragraph-1{font-size:15px !Important;}
*/
.pad20 {
  padding-bottom: 20px !important;
}

.logo {
  width: 138px !Important;
  height: 40px !Important;
}

@media only screen and (min-width: 768px) {
  .gameFeatures .m-highlight-feature>div {
    width: 350px;
    height: 400px;
  }
}

/*
.stealth-sub-carousel-panel .panel-content {background-color:#e6e6e6 !important;}
*/



@media only screen and (min-width: 768px) and (max-width: 800px) {
  section.m-feature.full-width .c-paragraph-1 {
    margin-top: -20px !important;
  }
}


@media screen and (max-width:1083px) and (min-width:768px) {
  .tips-feature-bg .m-feature h3 {
    font-size: 30px !Important;
    line-height: 30px !Important;
  }
}

@media only screen and (min-width: 768px) {
  section.m-feature.full-width .c-heading-2 {
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 1083px) {
  #BodyContent div div {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 539px) {
  section.m-hero-item.glp-hero.mobile-medium {
    height: calc(600px + 68vw) !important;
  }
}

@media only screen and (max-width: 480px) {
  section.m-hero-item.glp-hero.mobile-medium {
    height: calc(620px + 72vw) !important;
  }
}

.spLogo {
  width: 345px;
  height: 48px !important;
}

@media screen and (max-width:767px) {
  .custMobileFont {
    color: #000 !important;
  }
}

/* fix for addon section images being zoomed in -andrewS */
.m-product-placement.f-software .c-carousel.f-single-slide .c-group .m-product-placement-item.f-size-large.context-software .c-image {
  height: 100%;
}

.stealth-sub-carousel-panel .panel-content {
  padding-bottom: 80px !important;
}

@media screen and (max-width:540px) {
  .custOptimizedBlade.theme-white {
     background-color:transparent !important;
  }
}

@media screen and (min-width: 1084px) {
    .custOpBgImage {
        background-size: contain !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;
    }
}

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