/* page bar hero modifications */

.GLP-pageBar .pageBarLogo img {
 width:118px;
}

.GLP-pageBar .parMarginLeft {
 margin-left:25%;
}

.GLP-pageBar .c-in-page-navigation {
 background-color:#e83382 !important;
 padding-left: 27px !important;
 padding-right: 32px !important;
}


@media screen and (min-width: 860px) and (max-width: 1083px) {
   .GLP-pageBar .m-in-page-navigation div[data-js-in-page-navigation-wrapper="true"] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.GLP-pageBar  .pageBarCTALink {
  font-size:18px !important;
  line-height:25px !important;
  text-wrap-mode: wrap;
  color:#fff !important;
  background:transparent !important;
}

.GLP-pageBar a.c-hyperlink:not(.glyph-play):after, button.c-hyperlink:not(.glyph-play):after {
    content: "";
    display: inline-block;
    font-size: 11px;
    margin-left: 3px;
    margin-top: 3px;
    position: relative;
    right: 0;
    vertical-align: top;
    font-weight:100;
}

.GLP-pageBar .trans nav.c-in-page-navigation .c-hyperlink {
   text-decoration:none !important;
   font-weight: 700 !important;
}

.GLP-pageBar .pageBarLogo {
  margin-top:10px;
}

.GLP-pageBar .trans.m-in-page-navigation nav.c-in-page-navigation .c-hyperlink:hover, 
.GLP-pageBar .trans.m-in-page-navigation nav.c-in-page-navigation .c-hyperlink:active,
.GLP-pageBar .trans.m-in-page-navigation nav.c-in-page-navigation .c-hyperlink:focus  {
 color:#fff !important;
 text-decoration:underline !important;
}

.GLP-pageBar .c-in-page-navigation {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: space-evenly;
}

.GLP-pageBar a.c-call-to-action:hover:not(.f-lightweight):not([aria-disabled="true"]) {
 box-shadow:none !important;
}

.GLP-pageBar a.c-call-to-action span {
  line-height:25px !important;
}


 @media screen and (max-width: 859px) {
   .GLP-pageBar .m-in-page-navigation div[data-js-in-page-navigation-wrapper="true"] {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 860px) {
   .GLP-pageBar  div.trans.m-in-page-navigation:not(.standard-header) {
        top: 0px !important;
    }
}

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

 .GLP-pageBar .pagebarCtaSection {
   align-content: space-between !important;
    justify-content: space-around !important;
   flex-wrap: wrap !important;
 }
}

@media screen and (min-width:699px) {
.GLP-pageBar  .pageBarCTALink {
  padding-left:30px;
 }
}


@media screen and (max-width:641px) {
.GLP-pageBar  .pageBarCTALink {
  width:90% !important;
 }
}



@media screen and (max-width:1083px) {
.custCopyCard.staticVideo img {
  margin-top:66px !Important;
 }
}

@media screen and (max-width:759px) {
.custCopyCard.staticVideo img {
  margin-top:102px !Important;
 }
}

@media screen and (max-width:641px) {
.custCopyCard.staticVideo img {
  margin-top:125px !Important;
 }
}

@media screen and (max-width:370px) {
.custCopyCard.staticVideo img {
  margin-top:150px !Important;
 }
}

.GLP-pageBar .c-glyph::after {
 margin-top:2px !important;
}





@media only screen and (min-width:1084px) {
        .custVidHeroCopy {
            transform: translateY(-56vw);
            background-color: transparent !important;
        }
      
        .custVidHeroCopy .m-hero-item {
            position: absolute;
            background-color: transparent !important;
        }
        .staticVideo{display:none !important;}
      
      .custCopyCard .m-hero-item.glp-hero>div>div  {
          width: 470px !important;
          max-width: 470px !important;
       }
      }
      
      
      
      @media only screen and (min-width: 1920px) {
        #BodyContent>div:nth-child(2) {
            background-color: black !important;
        }
      
        .custVidHero {
            max-width: 1920px;
            margin-left: auto;
            margin-right: auto;
        }
      
        .custVidHeroCopy {
            transform: translateY(-1295px);
        }
      
        .custVidHeroCopy .m-hero-item.glp-hero>div {
            margin-right: calc((101% - 1600px) * .25);
        }
        .custVidHeroCopy .m-hero-item.glp-hero>div div {
          top: calc(70%) !important; 
        }
        .custVidHeroCopy .m-hero-item.f-x-right>div>div {
            margin-right: 4.1% !important;
         }
      }
      
      
      
      @media only screen and (max-width: 1083px) and (min-width: 768px) {
        .custVidHeroCopy section.m-hero-item.glp-hero>div>div.high-contrast {
            top: 0 !important;
            padding-bottom: 0px !important;
        }
        .custVidHeroCopy .m-hero-item .high-contrast.opacity75 {
            background-color: rgba(0, 0, 0, 0.7) !important;
            padding-bottom: 48px !important;
        }
        .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
            height: calc(500px + 10vw);
           /* margin-top:0% !important; */
         }
      .custCopyCard.custVidHeroCopy .m-hero-item.f-y-center.f-transparent>div>div {
          top: calc(50%) !important;
       }
      }
      
      @media screen and (max-width:1083px){
        .custVidHero{
          display:none !important;
        }
        .staticVideo{
          display:block !important;
        }
        .ottoinlinemedia section.m-hero-item {
          padding: 0 0% !important;
        }
      }
      
      
      
      @media screen and (max-width: 859px) {
        .custVidHeroCopy .m-hero-item.glp-hero.f-transparent.f-precise-click {
            margin-top: inherit;
        }
      
        .staticVideo{
            padding-top: 87px;
        }
      }
      
      
      
      
      @media screen and (max-width:767px){
        .purchaseSection .c-heading-3 {
          padding-top:0px !important;
         }
         .getGame .m-banner .c-heading-3 {
          padding-bottom:0px !important;
         }
         .purchase .purchaseSection section:first-child {
           padding-bottom: 43px !important;
         }
        .custVidHeroCopy .c-hero.f-transparent:before, .custVidHeroCopy .m-hero-item.f-transparent:before {
            padding-bottom: 38% !important;
        }
        .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
            top: calc(8%);
        }
        .custVidHeroCopy .m-hero-item>div {
            height: 600px !important;
        }
        .newXGPshared .m-hero-item>div {
          height: 280px;
        }
      
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
          top: calc(80%);
        } 
      }
      
      @media screen and (max-width: 680px) {
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
          top: calc(75%) !important;
       }
      }
      
      
      @media only screen and (min-width: 580px) and (max-width: 767px) {
        .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-520 {
            height: calc(350px + 35vw);
         }
        }
      
      @media only screen and (min-width: 414px) and (max-width: 580px) {
        .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
            height: calc(500px + 12vw);
         }
        
        .c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
            padding-bottom: 45.2% !important;
            padding-top: 0px;
          }
        }
      
      @media screen and (max-width:580px){
        .c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
          padding-bottom: 50% !important;
        }
      }
      
      
      
      @media only screen and (max-width: 540px) {
        .purchase .purchaseSection section:first-child {
           padding-bottom: 29px !important;
         }
        .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
            top: calc(12%);
        }
      }
      
      @media only screen and (min-width: 415px) and (max-width: 767px) {
      .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
        top: calc(12%) !important;
       }
      }
      
      @media screen and (max-width:415px){
        .c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
          padding-bottom: 0% !important;
        }
        .custVidHeroCopy .m-hero-item>div {
          height: 400px !important;
        }
      
      }
      
      @media only screen and (max-width: 414px) and (min-width: 321px) {
        .custVidHeroCopy .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
            top: calc(38%) !Important;
        }
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
          top: calc(125%) !important;
       }
      }
      
      
      
      
      @media only screen and (max-width: 320px) {
        .custVidHeroCopy .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
            top: calc(52%) !Important;
        }
        .custVidHeroCopy .m-hero-item>div {
          height: 350px !important;
        }
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
          top: calc(155%) !important;
       }
      }
      
      
      .custVidHero .m-ambient-video div button {
        z-index: 10;
      }
      
      .ctaSection{margin-top:5px !important;}
      
      
      @media (forced-colors: active) {
        .social-section a{background-color:white !important;}
        }
      
      
      /* What's New Sneak Slider - Mobile CTA alignment fix */
      section#Stealth-Carousel div:not(.c-group) > a.c-call-to-action ~ .f-lightweight{
        padding-left: 0 !important;
      }
      
      section#Stealth-Carousel div:not(.c-group) > a.c-call-to-action.f-lightweight{
        padding-right: 24px;
      }
      
      
      
      /* Social Blade */
      
      @media screen and (min-width:1399px){
      .social-section .m-hero-item{
        height:55.2vw !important;
       }
      }
      
      @media screen and (max-width:1400px) and (min-width:1084px){
      .social-section .m-hero-item{
        height:53.9vw !important;
       }
      }
      
      @media screen and (max-width:1084px) and (min-width:768px){
      .social-section .m-hero-item{
        height:53.55vw !important;
       }
      }
      
      
      
      
      .m-social>ul>li>a:focus{
          outline: #FFF dashed 2px !important;
      }
      
      
      
      .social-section {position:relative !Important;}
      .social-section section.m-hero-item div div h2.c-heading-1{font-weight:700 !important; padding-bottom:20px;}
      .social-section .m-social >ul >li > a {height:42px !Important; width:42px !important; margin-right:17px !important; }
      .social-section .m-social > ul { position:relative; left:50%; transform:translate(-50%, -50%);}
      
      @media only screen and (max-width:1300px) and (min-width:1150px) {
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -10%;
       }
      }
      @media only screen and (max-width:1150px) and (min-width:1084px) {
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -15%;
       }
      }
      
      @media only screen and (max-width:1084px) and (min-width:950px) {
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -20%;
       }
      }
      
      @media only screen and (max-width:950px) and (min-width:830px) {
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -22%;
       }
      
      .social-section section.m-hero-item.f-x-center>div>div {
          min-width: 60% !important;
       }
      
      }
      
      @media only screen and (max-width:830px) and (min-width:768px) {
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -30%;
       }
      .social-section section.m-hero-item.f-x-center>div>div {
          min-width: 60% !important;
       }
      }
      
      @media screen and (max-width:767px) {
         .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left:-3%;
       }
      }
      
      @media only screen and (max-width:540px) {
       .social-section section.m-hero-item div div h2.c-heading-1 {
        font-size:32px !important;
       }
      }
      
      @media only screen and (max-width:415px) {
       .social-section section.m-hero-item div div h2.c-heading-1 {
        font-size:32px !important;
        margin-left: -8%;
       }
      }
      
      @media only screen and (max-width:360px) {
        .social-section section.m-hero-item div div h2.c-heading-1 {
         font-size: 24px !important;
         margin-left: auto;
        }
       }
      
      
      
      @media only screen and (max-width: 767px) {
      .social-section .m-social > ul{ position:relative; left:20%; transform:translate(-30%, -30%);}
      .iosLogo{display:inline !important; margin-right:15px !Important;}
      
      }
      
      @media only screen and (max-width:600px) {
       .social-section .m-social > ul{ position:relative; left:22%; transform:translate(-50%, -30%);}
      }
      
      @media only screen and (max-width:540px) {
       .social-section .m-social > ul{ position:relative; left:24%; transform:translate(-50%, -30%);}
      }
      
      @media only screen and (max-width:400px) {
       .social-section .m-social > ul{ position:relative; left:26%; transform:translate(-50%, -30%);}
      }
      .ctaSection{margin-top:5px !Important;}
      
      
      @media only screen and (min-width:768px){
      .iosLogo{float:left !important; margin-right:23px !important;}
      }
      
      @media only screen and (min-width: 1400px) {
      .custCopyCard .m-hero-item.glp-hero>div>div {
          width: 470px !important;
          max-width: 470px !Important;
      }
      }
      
      
      @media only screen and (max-width: 767px){
      .social-section .m-hero-item>div picture {display:inline !important;}
      }
      
      
      @media only screen and (max-width: 767px) {
      .social-section .m-social > ul {
          transform: translate(-30%, -30%);
        }
      }
      
      
      
      @media only screen and (max-width: 560px) {
      .social-section .m-social > ul {
          transform: translate(-25%, -25%);
        }
      }
      
      
      
      @media (forced-colors: active) {
      .social-section a{background-color:white !important;}
      }
      
      
      
      
      
      
      @media screen and (max-width:415px) and (min-width:321px) {
      .m-social.f-horizontal, .c-social.f-horizontal {
        padding-left:50px !Important;
       }
      }
      
      @media screen and (max-width:320px) {
      .social-section .m-social > ul {
          transform: translate(-28%, -30%);
       }
      }
      /* Social Blade */
      
      .bgImage {
       background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spzf-nffrgf.kobkfreivprf.pbz%2Snffrgf%2S01%2S95%2S0195q9pp-6643-4272-963p-954s056qps76.wct%3Sa%3Q729174_Onpxtebhaq_1920k6950_05.wct') !important;
       background-size:cover;
      }
      
      .customOrangeColor {
      color:#FCA600 !important;
      text-decoration: underline !important;
      }
      
      
      .m-feature.f-image-priority.full-width {
        background-color: transparent !important;
      }
      
      
      @media only screen and (min-width: 321px) and (max-width: 415px) {
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
          top: calc(105%) !important;
       }
      }
      
      .GLP-purchase {
        display:none;
      }
      
      @media only screen and (min-width: 415px) and (max-width: 767px) {
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
          top: calc(88%) !important;
      }
      }
      @media only screen and (min-width: 320px) and (max-width: 415px) {
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
          top: calc(115%) !important;
       }
      }
      
      @media only screen and (max-width: 320px) {
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
          top: calc(120%) !important;
       }
      }
      
      @media only screen and (max-width: 767px) {
       .social-section .m-hero-item>div {
          height: 280px;
       }
      }
      
      @media screen and (max-width:450px) {
        .social-section .m-social >ul >li > a {
         margin-right: 10px !important;
        }
       .social-section .m-social > ul {
          left: 22% !important;
       }
      }
      
      @media screen and (max-width:415px) and (min-width:390px) {
        .social-section .m-social >ul >li > a {
         margin-right: 5px !important;
        }
       .social-section .m-social > ul {
          left: 21% !important;
          margin-left:-10%;
       }
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -2%;
       }
      }
      
      @media screen and (max-width:389px) and (min-width:320px) {
        .social-section .m-social >ul >li > a {
         margin-right: 5px !important;
        }
       .social-section .m-social > ul {
          left: 38% !important;
          margin-left:-37%;
       }
      .social-section section.m-hero-item div div h2.c-heading-1 {
          margin-left: -3%;
       }
      }
      
      @media screen and (max-width:320px) {
         .social-section .m-social > ul {
          margin-left:-42%;
          left: 53% !important;
       }
      }
      
      @media screen and (max-width:1083px) {
      .getGame {
          padding-bottom:50px !important;
       }
      }
      
      @media only screen and (min-width: 767px) and (max-width: 768px) {
          .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
              top: calc(110%) !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 only screen and (min-width: 415px) and (max-width: 767px) {
    .custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-medium {
        height: calc(690px + 70vw);
    }
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
        top: calc(110%) !important;
    }
}

@media screen and (max-width:415px) {
 .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
        top: calc(150%) !important;
    }
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-medium {
        height: calc(750px + 75vw);
    }
}

@media screen and (max-width: 320px) {
    .custCopyCard.custVidHeroCopy .m-hero-item.mobile-medium.glp-hero.f-y-center>div>div {
        top: calc(170%) !important;
    }
}

nav.c-in-page-navigation.f-sticky {
 border-bottom:none !important;
}