/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1756216898
Updated: 2025-08-26 14:01:38

*/

.vc-club-white {
	color: #fff;
}
.hair-diaries-collection .swiper-slide .elementor-carousel-image{
	background-position: top;
	filter: grayscale(100%);
	transition: filter 0.5s ease;
}
.hair-diaries-collection .swiper-slide .elementor-carousel-image:hover {
	filter: grayscale(0%);
}
.exclusive-privileges .elementor-spacer,
.vc-club-benefits  .elementor-spacer{
	mix-blend-mode: saturation;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    background-color: #000000;
    opacity: 1;
}
.exclusive-privileges .elementor-spacer:hover,
.vc-club-benefits  .elementor-spacer:hover{
	opacity: 0;
}
.vc-club-btn a {
	position: relative;
	display: inline-block;
	z-index: 1;
}
.vc-club-btn .elementor-cta a{
	border-color: transparent !important;
}
.vc-club-btn a::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(270deg, #996b0e, #ae883b, #c29d53, #e8c680, #ebdcbe);
	background-size: 600% 600%;
	animation: gradientMove 8s ease infinite;
	-webkit-mask: 
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}
.vc-club-btn a:hover{
	background: linear-gradient(360deg, #7a560b, #94702f, #a38443, #c3a85f, #d4c6a1) !important;
	color: #fff !important;
	border-color: transparent !important;
}
@keyframes gradientMove {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.woocommerce-page header .elementor-section {
	margin-bottom: 0 !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__image {
	display: none !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__description {
	padding: 0 !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item h3 {
	font-size: 20px !important;
}
.woocommerce-checkout .wc-block-components-checkbox input {
	padding: 0px 20px 20px 0px !important;
}
.woocommerce-checkout .wc-block-components-totals-wrapper .wc-block-components-totals-item span {
	color: #fff;
}
.woocommerce-checkout .wc-block-checkout__terms--with-separator {
	border-color: #bababa !important;
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	background: linear-gradient(360deg, #7a560b, #94702f, #a38443, #c3a85f, #d4c6a1) !important;
	color: #fff !important;
	border-color: transparent !important;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order-details__title {
	font-size: 30px;
}
.woocommerce-checkout.woocommerce-order-received .order_item a {
	pointer-events: none;
	text-decoration: none;
}
.woocommerce-checkout.woocommerce-order-received .order_item .product-quantity {
	display: none;
}
.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 0;
    letter-spacing: 1px;
    font-weight: 400;
    border: 1px solid;
}

@media (max-width: 767px) {
	.dialog-widget .dialog-widget-content a.dialog-close-button {
		right: 15px !important;
		top: 30px !important;
	}
}