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

/*************** ADD CUSTOM CSS HERE.   ***************/

@keyframes inventory-pulse {
  0% {
    transform: scale(0.6);
    box-shadow: 0 0 0 0 rgba(84, 198, 58, 0.7);
  }
  
  70% {
    transform: scale(0.8);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

p.in-stock {margin-left:0px;color:#333;font-size:13px}

.woocommerce-variation-availability:after,.woocommerce-variation-availability:before {
    width: 9px;
    height: 9px;
    background: #54c63a;
    border-radius: 9px;
    position: absolute;
    content: "";
    margin-top: 4px;
}
.woocommerce-variation-availability:before {
    animation: inventory-pulse 2s linear infinite;
}
.woocommerce-variation-availability:after {
    width: 9px;
    height: 9px;
    background: #54c63a;
    border-radius: 9px;
    position: absolute;
    content: "";
    margin-top: -21px;
}

.in-stock:before {
    width: 9px;
    height: 9px;
    background: #54c63a;
    border-radius: 9px;
    display:inline-block;
    content: "";
    margin-top: 4px;
	margin-right:5px;
}
.in-stock:after {
    width: 9px;
    height: 9px;
    background: #54c63a;
    border-radius: 9px;
    content: "";
    margin-top: 4px;
}

.in-stock:before {
    animation: inventory-pulse 2s linear infinite;
}

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


}