@media screen and (-ms-high-contrast:white-on-black),
screen and (forced-colors: active) and (prefers-color-scheme: dark) {
  .social-section .icons .custSvgImage .high-contrast-svg-black {
    filter:invert(1);
  }
}

.custSvgAppImage img {
  height:40px;
}

.custSuperHero .m-hero-item picture {
  display:inline !important;
}


.pubDetails .m-banner img {
  max-height:96px !important;
}


/* CUSTOM SUPER HERO MODULES */
@media screen and (min-width: 768px) {
.m-banner .c-call-to-action {
     margin-right: 0px !important;
 }
 .custFontColor {
   color:white;
  }
  .custSuperHero .m-hero-item {
    margin-bottom:-1px !important;
  }
}


/* Social Section */
@media screen and (min-width:1399px){
.social-section .c-heading-2 {
    font-size: 62px;
    line-height: 72px;}
}


.social-section {position:relative !important;}
.social-section section.m-hero-item div div h2.c-heading-1{font-weight:700 !important;}
.social-section .custSvgImage > img {height: 42px !important;}
.social-section .icons, .social-section .icons li > a {
    display: inline-block !important;
}

.social-section ul {display: flex;}
.social-section li {padding: 0 .5em;}
.social-section li > a:focus {
    border: 2px dotted #000;
    outline: 2px dotted #FFF;
}


@media screen and (max-width: 1083px) {
.social-section .m-hero-item>div>div {
    max-width: 600px;}
#BodyContent div div {
    margin-bottom: 0;
 }
}

@media screen and (max-width: 900px) {
  .social-section .custSvgImage > img {height: 35px !important;}
  }

@media screen and (max-width: 767px) {
.social-section .m-hero-item>div picture {
    display: inline !important;}
.social-section {
  background-color: #631e60;
 }
 .social-section .m-hero-item>div {
  height:320px;
 }
}

@media screen and (max-width:768px) and (min-width:768px) {
 .cust4UpPad h2 { padding-top:86px !important; }
}


@media (forced-colors: active) {
.social-section a{background-color:white !Important;}
}
/* Social Section */

@media screen and (max-width: 450px) {
  .social-section li {
      padding: 0 .2em;
   }
   .appStoreIcons {
       padding:0px !important; 
       margin-left:0 !important;
       margin-right:0 !important;
    }
  }
  
@media screen and (max-width:395px) {
 .pubDetails .c-group .firstLink{
   margin-left:5%;
 }
}

@media screen and (min-width:350px) {
 .margLeft {
   padding-left:15px;
 }
}

@media screen and (max-width:360px) {
 .pubDetails .c-group .firstLink{
   margin-left:7%;
 }
}

@media screen and (max-width:328px) {
  .appStoreIcons { width:103%; }
}

@media screen and (min-width:768px) {
 .candyCrushSodaSaga .appStoreIcons a:focus {
 outline:2px dashed white !important;
 }
}

@media screen and (-ms-high-contrast: active) {
 .appStoreIcons a{
   padding-top:10px;
   padding-bottom:12px;
 }
}

@media screen and (-ms-high-contrast: white-on-black) {
.social-section .custSvgImage > img {
    background-color: black !important;
}
}

 .appStoreIcons a{
   padding-top:10px;
   padding-bottom:12px;
 }


/* scale down feature logo's */

@media screen and (min-width:0px) {
  .custSvgAppImage img {
  height:26px;
 }
}
@media screen and (min-width:365px) {
  .custSvgAppImage img {
  height:28px;
 }
}

@media screen and (min-width:405px) {
  .custSvgAppImage img {
  height:32px;
 }
}

@media screen and (min-width:540px) {
  .custSvgAppImage img {
  height:40px;
 }
}

@media screen and (min-width:768px) {
  .custSvgAppImage img {
  height:32px;
 }
}

@media screen and (min-width:1084px) {
  .custSvgAppImage img {
  height:40px;
 }
}

.fourUpAppImg img { height:40px; }

@media only screen and (max-width: 767px) and (min-width:540px) {
    .custSuperHero .m-hero-item>div {
        height: calc(360px - 10vw);
    }
 .custSuperHero.candyCrushFriends  .m-hero-item>div {
   height: calc(365px - 12vw) !important;
 }
.custSuperHero.candyCrushFriends .m-hero-item div div {
        margin-top:5px !important;
    }
.custSuperHero .m-hero-item div div {
        margin-top:0px !important;
    }
}

@media only screen and (max-width: 539px) and (min-width:450px) {
    .custSuperHero.candyCrushFriends  .m-hero-item>div {
        height: calc(340px - 10vw);
    }

 .custSuperHero .m-hero-item>div {
        height: calc(380px - 10vw);
    }

.custSuperHero .m-hero-item div div {
        margin-top:20px !important;
    }

.custSuperHero.candyCrushFriends  .m-hero-item div div {
        margin-top:15px !important;
    }
}

@media only screen and (max-width: 450px) {
    .custSuperHero.candyCrushFriends   .m-hero-item>div {
        height: 300px;
    }

 .custSuperHero .m-hero-item>div {
        height: 330px;
    }

.custSuperHero .m-hero-item div div {
        margin-top:25px !important;
    }
}

@media screen and (max-width:1084px) {
#whatsnew h2.c-heading-3 { padding-left:5%; padding-right:5%; }
}

.stealth-carousel {
    overflow: visible;
}