/*
Theme Name: mooseo-2022
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.discount-countdown {
    padding: 15px;
    border: 1px solid rgba(0, 123, 255, 0.7); /* 1px Blue border */
    border-radius: 10px;
    font-size: 18px;
    text-align: center;
    background: rgba(0, 123, 255, 0.1);
    color: #0056b3;
    font-weight: bold;
    position: relative;
    animation: glow 1.5s infinite alternate ease-in-out;
}

.discount-countdown.success {
    background: rgba(40, 167, 69, 0.1); /* Green for success */
    border-color: rgba(40, 167, 69, 0.7);
    color: #28a745;
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 10px rgba(0, 123, 255, 1);
    }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/*ipad pro */
/* Flatsome: Show mobile menu at 1024px and smaller */
@media only screen and (max-width: 1024px) {

  /* Hide desktop menu */
  .header-nav,
  .header-nav.header-nav-main {
    display: none !important;
  }

  /* Show mobile header / hamburger */
  .header-wrapper .mobile-header,
  .header-wrapper .mobile-toggle {
    display: flex !important;
    align-items: center;
  }

  /* Logo alignment */
  .header-wrapper .logo {
    margin-right: auto;
  }

  /* Cart / search alignment */
  .header-wrapper .header-right {
    display: flex !important;
    align-items: center;
  }

  /* Ensure mobile menu dropdown works */
  .mobile-header .nav {
    display: block !important;
  }
}

}