/*
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.   ***************/
.woocommerce-MyAccount-navigation {
  display: none;
}

/* hides heart button from thumbnail */
div.wishlist-icon {
	display: none;
}

/* several code to customize responsiveness on mobile */
/* working together with a lot of custom code addes to template ti-wishlist.php */
.wishlist-row {
	align-items:center;
	border-radius: 8px;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 11%);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	margin: 20px 5px 20px 5px;
	padding-top: 15px;
}

.wishlist-1half {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-grow: 1;
	justify-content:stretch;
	width:460px;
}

.wishlist-2half {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	max-width:480px;
	width:450px;
}

.wishlist-1half > div {
	margin: 0px 5px 0px 5px;
}

.wishlist-2half > div {
	margin: 0px 5px 0px 5px;
}

div.product-name {
	flex-grow: 4;
	flex-shrink: 0.5;
	min-width: 80px;
}

div.product-name > a {
	word-break: break-word;
}

div.product-thumbnail {
	width: 100px;
}

div.wishlist-container {
	flex-grow: 0;
	position: relative;
}

div.product-remove {
	position: absolute;
	top: -10px;
	left: -14px;
	z-index: 0;
}

div.stock {
	display: flex;
	flex-direction: row;
}

div.in-stock {
	color: #7a9c59;
}

div.out-of-stock {
	color: #ed5858;
}

@media only screen and (max-width: 769px) {
    .tinv-wishlist .product-action .button > i {
        display: inline-block;
        margin-right: 0;
    }
	.tinv-wishlist .product-action .button .tinvwl-txt {
        display: none;
	}
	.ftinvwl-check {
		display: none;
	}
}

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


}

@media only screen and (max-width: 640px) {
    .wishlist-2half > div.product-date {
        display: none;
    }
}

@media only screen and (max-width: 1175px) {
	.wishlist-2half {
		border-width: 1px 0px 0px 0px;
	    border-style: ridge;
	}
}

.like-flatsome {
  display: flex;
  justify-content: center;
  align-items: center;
}