@media (max-width: 991px) {
  body.home .adaptive-hero-carousel .slides > li.item .wrap-copy.hidden-md.hidden-lg.hide-desktop article {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home .adaptive-hero-carousel .slides > li.item .wrap-copy.hidden-md.hidden-lg.hide-desktop .clickable-slide {
    display: none !important;
  }
}
/* =========================================================
   Nicor homepage mobile hero / alert / Gotta Dig layout
   ========================================================= */


/* Hide the new mobile-only Gotta Dig section on desktop */
.mobile-gotta-dig {
  display: none !important;
}


/* Mobile only */
@media (max-width: 991px) {

  /* ---------------------------------------------------------
      Hide the original Gotta Dig text/button inside carousel
     Keep the hero image visible.
     --------------------------------------------------------- */

  body.home .adaptive-hero-carousel .slides > li.item .wrap-copy.hidden-md.hidden-lg.hide-desktop article {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home .adaptive-hero-carousel .slides > li.item .wrap-copy.hidden-md.hidden-lg.hide-desktop .clickable-slide {
    display: none !important;
  }


  /* ---------------------------------------------------------
     Center the gray banner text
     --------------------------------------------------------- */

  body.home .alert-banner,
  body.home .alert-banner *,
  body.home .emergency-banner,
  body.home .emergency-banner *,
  body.home .smell-gas-banner,
  body.home .smell-gas-banner *,
  body.home .banner,
  body.home .banner *,
  body.home .notification,
  body.home .notification * {
    text-align: center !important;
  }


  /* ---------------------------------------------------------
     Show and style the new mobile Gotta Dig section
     The class mobile-gotta-dig should be on the Column Control.
     --------------------------------------------------------- */

  body.home .mobile-gotta-dig {
    display: block !important;
    text-align: center !important;
    background: #fff;
    padding: 32px 22px 40px;
    clear: both !important;
    width: 100% !important;
  }

  body.home .mobile-gotta-dig * {
    text-align: center !important;
  }

  body.home .mobile-gotta-dig h1,
  body.home .mobile-gotta-dig h2 {
    font-size: 38px !important;
    line-height: 1.15 !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
  }

  body.home .mobile-gotta-dig p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
    max-width: 420px;
  }


  /* ---------------------------------------------------------
     Center and style the Gotta Dig button
     --------------------------------------------------------- */

  body.home .mobile-gotta-dig .button,
  body.home .mobile-gotta-dig .cmp-button,
  body.home .mobile-gotta-dig .article-carousel-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home .mobile-gotta-dig .btn,
  body.home .mobile-gotta-dig a.btn,
  body.home .mobile-gotta-dig .cmp-button__text,
  body.home .mobile-gotta-dig a {
    display: inline-block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.home .mobile-gotta-dig .btn,
  body.home .mobile-gotta-dig a.btn {
    width: 90%;
    max-width: 360px;
    background: #ed1c24 !important;
    color: #fff !important;
    border: 2px solid #ed1c24 !important;
    border-radius: 40px !important;
    padding: 17px 28px !important;
    font-weight: 600;
    text-decoration: none !important;
  }
}