/* VIDEO HERO */
@media 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;}
  .xgpJoinNowBtn {
    color:#054b16 !important;
   }
   .xgpLogoWhite {
    display:none !important;
   }
   .c-navigation-menu button.green-brdr:focus {
    outline: 2px dashed #107c10 !important;
 }
    .c-navigation-menu button.green-brdr {
        border: 2px solid #107c10 !important;
        
    }
    .custCopyCard .heroCTA .c-navigation-menu button.c-action-trigger.green-brdr {
        color: #107c10 !important;
        background: rgba(255,255,255,0) !important;
        border-color: #107c10 !important;
     }
    .custCopyCard .cardContent h1,
    .custCopyCard .cardContent p {
      color:black;
    }
}


@media screen and (min-width: 1920px) {
  .custVidHeroCopy .m-hero-item.f-x-right>div>div ,
  .custVidHeroCopy .m-hero-item.f-x-left>div>div {
      margin-top: 2.9% !Important;
   }
      #BodyContent>div:nth-child(2) {
        background-color: black !important;
    }
    .custVidHeroCopy .m-hero-item.f-x-right>div>div {
      margin-right: 4.1% !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.high-contrast {
        top: calc(65%) !important;
    }
  }
  
  
  @media screen and (min-width:768px) and (max-width:1083px) {
      .custVidHeroCopy. m-hero-item .high-contrast.opacity75 {
          background-color: rgba(0, 0, 0, 0.7) !important;
          padding-bottom: 48px !important;
      }
  }
  
  .custVidHero .m-ambient-video div button {
      z-index: 10;
  }
  
  
  @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;
      }
  
  }
  
  @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 only screen and (max-width: 767px) {
      .custVidHeroCopy .m-hero-item>div {
          height: 600px !important;
      }
      .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(0%);
    }
  }
 
  
  @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 (min-width: 415px) and (max-width: 580px) {
    .c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
        padding-bottom: 45.2% !important;
        padding-top: 0px;
      }
 }

  @media only screen and (min-width: 415px) and (max-width: 767px) {
    .custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-large {
        height: calc(625px + 62vw) !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 414px) {
    section.m-hero-item.glp-hero.mobile-large {
        height: 800px !important;
    }
}

@media only screen and  (max-width: 320px) {
    section.m-hero-item.glp-hero.mobile-large {
        height: 780px !important;
    }
}
  
 
  
  
  @media screen and (max-width:1083px){
   .custVidHero{display:none !important;}
  .staticVideo{display:block !important;}
  }
  
  /* VIDEO HERO */
  
   @media only screen and (max-width: 1083px) {
    .xgpLogoBlack{
      display:none !important;
     }
    .mobGetItNowCta {
       color: #9bf00b !important;
       background: rgba(255,255,255,0) !important;
       border-color: #9bf00b !important;
    }
   }
   
   .m-hero-item.glp-hero.f-precise-click {
       padding: 0 3.5% 0 3.5% !important;
   }
   
 
   @media (forced-colors: active) {
       .custCopyCard .heroCTA .c-navigation-menu button.c-action-trigger.green-brdr {
           background-color: transparent !important;
       }
   }
   
   
   @media screen and (max-width:1083px) {
   .c-navigation-menu button.green-brdr {
       color: #9bf00b !important;
    }
   }


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