/*
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.   ***************/
/*SHAKER*/
@keyframes wiggle {
  2% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  4% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  6% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  8% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  10% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  12% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  14% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  16% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  18% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  20% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.badge.callout.badge-circle{
   animation: wiggle 1.5s infinite;
}
.button.checkout.wc-forward {
   animation: wiggle 1s infinite;
}
.sbb {
  display: inline-block;
  animation: wiggle 2s infinite;
}
.checkout-countdown-content {
  display: inline-block;
  animation: wiggle 1s infinite;
  background-color: #e9d758;
}

.single_add_to_cart_button.button.alt {
 display: inline-block;
width: 100%;
}
/*END SHAKER*/

/*Bounce*/
@keyframes kreep {
    0% {-webkit-transform: scale(1.1,.9);
        transform: scale(1.1,.9);}
   50% { -webkit-transform: scale(.9,1.1) translateY(-.5rem)}
   70% { -webkit-transform: scale(1);
         transform: scale(1);}
}
.product-title.product_title.entry-title {
    font-size: 1.0em;
    line-height: 1.2;
}
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed::before {
content: "🛒 ";
}
.single_add_to_cart_button.button.alt::before {
content: "🛒 ";
}
.button.alt::before {
content: "💰 ";
}
.button.alt{width: 100%;}
.woocommerce button.button.quick-checkout-product-after {
    margin-left: 0px;
}
.products_icon{display: none;}
@media (max-width: 999px){.products_icon{display: block !important;}}
p.in-stock {
    display: none;
}
.badge-container {
    margin: 10px 0 0;
}
.badge {
    display: block;
    height: 0em;
}
.title-wrapper{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
        font-size: 0.9rem;
	height: 2.5rem;
}
.product-title{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
        font-size: 0.9rem;
	height: 2.5rem;
}
.sticky-add-to-cart__product .product-title-small{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
        font-size: 0.9rem;
	height: 2.5rem;
}
woocommerce-mini-cart-item mini_cart_item
{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
        font-size: 0.9rem;
	height: 2.5rem;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.product-main {
    padding: 1px 0; 
}
.filter-button {
    float: left;
}
.sticky-add-to-cart--active .product-page-price {display: none;}

}