.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/*
Theme Name: WENS Haelo
Theme URI: https://wensolutions.com/themes/wens-haelo/
Author: WEN Solutions
Author URI: https://wensolutions.com
Description: WENS Haelo is a WordPress theme designed to meet the needs of business and corporate websites, combining sleek, professional aesthetics with cutting-edge functionality. Ideal for startups, agencies, and enterprises, this theme delivers a visually stunning and performance-driven online presence. The theme features a versatile blog section that supports single posts with or without a sidebar, allowing for flexibility in layout and content presentation. With advanced theme options, cross-browser compatibility, and SEO-optimized code, WENS Haelo ensures your site is not only visually appealing but also performs seamlessly across devices and search engines. It is translation-ready, supports custom widgets, and allows for effortless customization using the WordPress Site Editor Whether you're launching a corporate website, showcasing your services, or building an engaging blog, WENS Haelo offers a feature-rich and user-friendly setup that is easy to customize without requiring technical expertise. Its design prioritizes user engagement, speed, and scalability, making it a perfect choice for businesses aiming to stand out in a competitive digital landscape.
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.7
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wens-haelo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/


html {
	scroll-behavior: smooth;
}
/*
Theme Name: WENS Creative Studios
Theme URI: 
Template: wens-haelo
Author: WEN Solutions
Author URI: 
Description: WENS Creative Studios is a modern and versatile dark WordPress child theme based on WENS Haelo. Designed specifically for creative agencies, studios, freelancers, and portfolio websites, it features a clean and professional layout that is fully responsive, effectively showcasing your work, services, and team. The theme is compatible with Full Site Editing (FSE), allowing easy customization of templates, colors, and typography using WordPress’s native block editor—no page builder required. Optimized for fast performance, it includes pre-built sections for portfolios, blogs, and contact pages, making it simple to create a polished online presence. WENS Creative Studios is an excellent choice for creatives and businesses looking for a stylish, dark-themed, and professional website.
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio
Text Domain: wens-creative-studios
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.9
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/