/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-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.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ----- custom ----- */
:root {
	--wc-red: #dc3232;
}
body {
	overflow-x: hidden !important;
}
body * {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

.aspect-1 {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.aspect-3-2 {
	aspect-ratio: 3 / 2;
	overflow: hidden;
}
.aspect-1 img,
.aspect-3-2 img {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}

/* header */
.section-header-main {
	transition: all 0.3s ease;
}
.section-header-main.header-sticky {
	background-color: #fff;
	box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.15);
}

/* form */
.wpcf7-form-control-wrap {
    display: block;
}
.wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 20px;
    font-weight: bold;
    background: var(--wc-red);
    color: white;
    margin-top: 8px;
    position: absolute;
    bottom: -20px;
    padding: 2px 8px;
    border-radius: 3px;
    width: fit-content;
    max-width: unset;
    z-index: 1;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.15);
}
.wpcf7-not-valid-tip:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10%;
    transform: translate(-50%);
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent var(--wc-red);
}

/* product */
.archive-product-main .elementor-widget-container .elementor-pagination {
	margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.archive-product-main .elementor-widget-container .elementor-pagination .page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 1000px;
	background-color: #ccc;
	color: #010101;
	transition: all 0.3s ease;
}
.archive-product-main .elementor-widget-container .elementor-pagination .page-numbers:hover,
.archive-product-main .elementor-widget-container .elementor-pagination .page-numbers.current {
	background-color: var(--e-global-color-primary);
	color: #fff;
}

/* contact */
.sc-form-contact .form-contact {
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.sc-form-contact .form-contact p {
	margin-bottom: 0;
}
.sc-form-contact .form-contact .field-input input,
.sc-form-contact .form-contact .field-input textarea {
	border-radius: 0;
    border: 2px solid var(--e-global-color-primary);
	outline: none;
}
.sc-form-contact .form-contact .field-input textarea {
	height: 200px;
}
.sc-form-contact .form-contact .field-input input,
.sc-form-contact .form-contact .field-input input::placeholder,
.sc-form-contact .form-contact .field-input textarea,
.sc-form-contact .form-contact .field-input textarea::placeholder {
	color: var(--e-global-color-primary);
	font-weight: 500;
	font-size: 18px;
}
.sc-form-contact .form-contact .field-btn {
	display: flex;
    justify-content: center;
}
.sc-form-contact .form-contact .field-btn .wpcf7-submit {
	border-radius: 1000px;
    padding: 12px 24px;
    border: none;
    background: linear-gradient(45deg, #3eb655, #215f2d);
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

/* ----- custom ----- */