/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
form.woocommerce-product-search {
    color: #fdfdfd;
}
form.woocommerce-product-search div {
    display: flex;
    margin-top: 12px;
}
form.woocommerce-product-search input {
	padding: 10px 6px 10px 10px;
}
form.woocommerce-product-search button {
    background-color: #031122;
	color: #fff;
	border: 0px;
	border-radius: 0px 5px 5px 0px;
	margin-left: -1px;
    z-index: 9;
	border: 1px solid #031122
}
form.woocommerce-product-search button:hover {
	background-color: transparent;
}
[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:35px;
	z-index:10;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding:5px 8px;
	background:#1a1a1a;
	color:#fff;
	z-index:9;
	font-size: 0.75em;
	height:40px;
	line-height:32px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}

ul.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    column-count: 4;
}
ul.products.columns-4 > div {
    width: 25%;
    padding: 20px
}
span.woo-selected-variation-item-name {
    color: #fff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
	z-index: 1;
}