/*
Theme Name: Handy Valentine Blinds
Theme URI: https://www.blinq.com.au/
Template: hello-elementor
Author: BlinQ Software
Author URI: https://www.blinq.com.au/
Description: A modern, responsive, and elegant WordPress theme designed for window covering businesses. Perfect for showcasing products and services such as blinds, shades, shutters, and drapery, with a focus on style, functionality, and user experience. Built with clean design principles and optimized for speed, SEO, and mobile devices.
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, two-columns, one-column, right-sidebar, left-sidebar, e-commerce, blog, portfolio, responsive-layout
Version: 1.0.0
Updated: 2025-09-25 07:32:13

*/

/*--------------------------------------------------------------
# Scroll Margin
--------------------------------------------------------------*/
:target {
	scroll-margin-top: 80px !important;
}

/*--------------------------------------------------------------
# Overlay Pseudo Elements
--------------------------------------------------------------*/
.overlay-before::before, .overlay-after::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/*--------------------------------------------------------------
# Midnight Wave - Button
--------------------------------------------------------------*/
.elementor-button {
	background-color: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: var(--e-global-color-secondary) !important;
}
.elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-secondary) 85%, black) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: color-mix(in srgb, var(--e-global-color-secondary) 85%, black) !important;
}
.elementor-button:active {
	background-color: color-mix(in srgb, var(--e-global-color-secondary) 70%, black) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: color-mix(in srgb, var(--e-global-color-secondary) 70%, black) !important;
}
.elementor-button-icon {
	display: flex;
}

/*--------------------------------------------------------------
# Midnight Wave Lite - Button
--------------------------------------------------------------*/
.custom-btn-midnight-wave-lite .elementor-button {
	background-color: transparent !important;
	color: var(--e-global-color-secondary) !important;
	fill: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
}
.custom-btn-midnight-wave-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-secondary) 10%, transparent) !important;
	color: var(--e-global-color-secondary) !important;
	fill: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
}
.custom-btn-midnight-wave-lite .elementor-button:active {
	background-color: color-mix(in srgb, var(--e-global-color-secondary) 20%, transparent) !important;
	color: var(--e-global-color-secondary) !important;
	fill: var(--e-global-color-secondary) !important;
	border-color: var(--e-global-color-secondary) !important;
}

/*--------------------------------------------------------------
# Ocean Glow - Button
--------------------------------------------------------------*/
.custom-btn-ocean-glow .elementor-button {
	background-color: var(--e-global-color-primary) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: var(--e-global-color-primary) !important;
}
.custom-btn-ocean-glow .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-primary) 85%, black) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: color-mix(in srgb, var(--e-global-color-primary) 85%, black) !important;
}
.custom-btn-ocean-glow .elementor-button:active {
	background-color: color-mix(in srgb, var(--e-global-color-primary) 70%, black) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: color-mix(in srgb, var(--e-global-color-primary) 70%, black) !important;
}

/*--------------------------------------------------------------
# Ocean Glow Lite - Button
--------------------------------------------------------------*/
.custom-btn-ocean-glow-lite .elementor-button {
	background-color: transparent !important;
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
}
.custom-btn-ocean-glow-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-primary) 10%, transparent) !important;
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
}
.custom-btn-ocean-glow-lite .elementor-button:active {
	background-color: color-mix(in srgb, var(--e-global-color-primary) 20%, transparent) !important;
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
	border-color: var(--e-global-color-primary) !important;
}

/*--------------------------------------------------------------
# Pure Horizon - Button
--------------------------------------------------------------*/
.custom-btn-pure-horizon .elementor-button {
	background-color: var(--e-global-color-726bad7) !important;
	color: var(--e-global-color-db55689) !important;
	fill: var(--e-global-color-db55689) !important;
	border-color: var(--e-global-color-63ce96b) !important;
}
.custom-btn-pure-horizon .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-726bad7) 90%, black) !important;
	color: var(--e-global-color-db55689) !important;
	fill: var(--e-global-color-db55689) !important;
	border-color: color-mix(in srgb, var(--e-global-color-63ce96b) 90%, black) !important;
}
.custom-btn-pure-horizon .elementor-button:active {
	background-color: color-mix(in srgb, var(--e-global-color-726bad7) 80%, black) !important;
	color: var(--e-global-color-db55689) !important;
	fill: var(--e-global-color-db55689) !important;
	border-color: color-mix(in srgb, var(--e-global-color-63ce96b) 80%, black) !important;
}

/*--------------------------------------------------------------
# Pure Horizon Lite - Button
--------------------------------------------------------------*/
.custom-btn-pure-horizon-lite .elementor-button {
	background-color: transparent !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: var(--e-global-color-726bad7) !important;
}
.custom-btn-pure-horizon-lite .elementor-button:hover {
	background-color: color-mix(in srgb, var(--e-global-color-726bad7) 10%, transparent) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: var(--e-global-color-726bad7) !important;
}
.custom-btn-pure-horizon-lite .elementor-button:active {
	background-color: color-mix(in srgb, var(--e-global-color-726bad7) 20%, transparent) !important;
	color: var(--e-global-color-726bad7) !important;
	fill: var(--e-global-color-726bad7) !important;
	border-color: var(--e-global-color-726bad7 !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.wp-footer .elementor-icon-list-item {
	cursor: pointer !important;
}