/* 01. Common Styles */
body a, body a:focus, a:hover, a:active {
    outline: none;
}
@-moz-keyframes zozospin {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes zozospin {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0deg); }
}
@keyframes zozospin {
    from {transform:rotate(360deg);}
    to {transform:rotate(0deg);}
}

.woocommerce select {
    padding: 0 10px;
    position: relative;
    background: #fff;
}
.zozo-woo-thumb-wrap {
    position: relative;
}
.zozo-woo-buttons-pack {
    text-align: center;
    margin: 0 auto;
}
.zozo-woo-buttons-pack > a, .zozo-wishlist-table .zozo-ajax-add-to-cart, .zozo-wishlist-table .zozo-wishlist-remove  {
    margin: 4px;
    position: relative;
    height: 30px;
    width: 30px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 30px;
}
.zozo-woo-buttons-pack > a.loading:after, a.remove-cart-item.loading:after, .zozo-wishlist-table .zozo-ajax-add-to-cart.loading:after,
.zozo-wishlist-table .zozo-wishlist-remove.loading:after {
	position: absolute;
    top: -15px;
    right: -5px;
    content: "\e619";
    font-family: 'themify';
    font-size: 10px;
    text-align: center;
    background: transparent;
    border-radius: 50%;
    -webkit-animation: zozospin 4s linear infinite;
    -moz-animation: zozospin 4s linear infinite;
    animation: zozospin 4s linear infinite;
}
.zozo-woo-buttons-pack > a > span {
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
}
.zozo-shop-top-meta {
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}
.woocommerce .zozo-shop-top-meta > * {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.woocommerce .zozo-shop-top-meta > *:last-child {
    float: right;
}

/* 02. Minicart/Wishlist Styles */
.mini-cart-dropdown, .mini-wishlist-dropdown {
    display: inline-block;
    position: relative;
}
.mini-cart-dropdown > a, .mini-wishlist-dropdown > a {
    position: relative;
}   
ul.cart-dropdown-menu, ul.wishlist-dropdown-menu {
    width: 300px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    margin: 0;
    padding: 10px;
    background: #fff;
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
    -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.04), 0 6px 15px rgba(0,0,0,0.04);
    -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.04), 0 6px 15px rgba(0,0,0,0.04);
    box-shadow: 0 0px 15px rgba(0,0,0,0.04), 0 6px 15px rgba(0,0,0,0.04);
}
ul.zozo-sticky-cart, ul.zozo-sticky-wishlist  {
    opacity: 1;
    visibility: visible;
    width: 300px;
}
.mini-cart-dropdown:hover ul.cart-dropdown-menu, .mini-wishlist-dropdown:hover ul.wishlist-dropdown-menu {
    visibility: visible;
    opacity: 1;
}
ul.cart-dropdown-menu > li, ul.zozo-sticky-cart > li, 
ul.wishlist-dropdown-menu > li, ul.zozo-sticky-wishlist > li {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
ul.cart-dropdown-menu > li > *, ul.zozo-sticky-cart > li > *, 
ul.wishlist-dropdown-menu > li > *, ul.zozo-sticky-wishlist > li > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
ul.cart-dropdown-menu .product-thumbnail, ul.zozo-sticky-cart .product-thumbnail, 
ul.wishlist-dropdown-menu .product-thumbnail, ul.zozo-sticky-wishlist .product-thumbnail {
    max-width: 50px;
    width: 50px;
    vertical-align: top;
}
ul.cart-dropdown-menu > li p, ul.zozo-sticky-cart > li p, 
ul.wishlist-dropdown-menu > li p, ul.zozo-sticky-wishlist > li p {
    padding: 0;
    margin: 0;
}
ul.cart-dropdown-menu > li > .product-name, ul.zozo-sticky-cart  > li > .product-name, 
ul.wishlist-dropdown-menu > li > .product-name, ul.zozo-sticky-wishlist > li > .product-name {
    width: 170px;
    overflow: hidden;
}
ul.cart-dropdown-menu > li > .product-remove, ul.zozo-sticky-cart  > li > .product-remove, 
ul.wishlist-dropdown-menu > li > .product-remove, ul.zozo-sticky-wishlist > li > .product-remove {
    width: 30px;
    text-align: center;
}
ul.cart-dropdown-menu li.mini-view-cart > a, ul.zozo-sticky-cart li.mini-view-cart > a, 
ul.wishlist-dropdown-menu  > li.mini-view-wishlist, ul.zozo-sticky-wishlist > li.mini-view-wishlist {
    display: block;
    padding: 6px;
    text-align: center;
    margin-top: 10px;
}
a.zozo-sticky-cart-close, a.zozo-sticky-wishlist-close {
    position: absolute;
    left: -60px;
    top: 0;
    width: 30px;
    text-align: center;
}
.zozo-sticky-cart-wrap, .zozo-sticky-wishlist-wrap {
    position: fixed;
    right: -300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
    background: #fff;
    -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.04), 0 6px 15px rgba(0,0,0,0.04);
    -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.04), 0 6px 15px rgba(0,0,0,0.04);
    box-shadow: 0 0px 15px rgba(0,0,0,0.04), 0 6px 15px rgba(0,0,0,0.04);
}
.zozo-sticky-cart-wrap > ul, .zozo-sticky-wishlist-wrap > ul {
    padding: 0 10px;
}
.zozo-sticky-cart-wrap.active, .zozo-sticky-wishlist-wrap.active {
    right: 0;
    z-index: 1;
}
a.remove-cart-item, a.remove-wishlist-item {
    position: relative;
}
a.remove-cart-item.loading, a.remove-wishlist-item.loading {
    color: #fff;
}
a.remove-cart-item.loading:after, a.remove-wishlist-item:after {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #333;
}
.zozo-sticky-cart-wrap {
    margin-top: -50px;
}
span.zozo-product-favoured {
    position: absolute;
    right: -10px;
    z-index: 1;
    top: -10px;
    font-size: 10px;
    padding: 4px;
    background: red;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 15px;
    text-align: center;
    color: #fff;
}
p.no-cart-items, p.no-wishlist-items {
    text-align: center;
    width: 100%;
}