/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

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: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

body a {
	color: var( --e-global-color-primary );
}

.heading-sub-text {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	display:block;
	margin-top: -20px;
}

.button-gradient .elementor-button,
.uc_more_btn,
.wp-element-button,
.button-gradient[type="submit"],
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
button[type="submit"],
button[type="button"] {
	color: #FFF;
	background: var( --e-global-color-primary );
	background: linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 50%, var( --e-global-color-primary ) 100%);

	background-size: 100%;
	transition: all 0.5s !important;
	border: none;
}

.elementor-button-text,
.elementor-widget-ucaddon_post_list .uc_more_btn,
.uc_btn_txt,
.woocommerce ul.products li.product .button,
.wc-block-components-button__text,
.woocommerce div.product form.cart .button {
	position: relative;
}

.elementor-button-text:after,
.elementor-widget-ucaddon_post_list .uc_more_btn:after,
.uc_btn_txt:after,
.woocommerce ul.products li.product .button:after,
.wc-block-components-button__text:not(:has(div)):after,
.wc-block-components-button__text:has(div) > div:after,
.woocommerce div.product form.cart .button:after {
	content: "⟶";
	margin-left: 10px;
}

.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button {
	padding: 10px 15px;
	border-radius: 50px;
	font-weight: 400;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
}

.wp-element-button {
	border-radius: 50px;

}

.button-gradient .elementor-button:hover,
.uc_more_btn:hover,
.wp-element-button:hover,
.button-gradient[type="submit"]:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
button[type="button"]:hover {
	color: #FFF;
    background-size: 200%;
    background-position: 0;
}

.form-col-2 > p {
	display: flex;
	gap: 10px;
}

.form-col-2 > p label {
	flex-basis: 50%;
}

.woocommerce.columns-3 ul.products li.product {
	background: #F6F4F1;
	border-radius: 15px;
	overflow: hidden;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	color: #000;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 0;
}

.woocommerce ul.products li.product .product-list__data {
	padding: 20px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	font-size: 22px;
}

.woocommerce ul.products li.product .price {
	font-family: "Futura Book", Sans-serif;
	font-size: 22px;
	font-weight: 400;
}

.woocommerce-page .site-main {
	padding: 75px 0;
}

.woocommerce span.onsale {
	background: var( --e-global-color-primary );
	font-family: var( --e-global-typography-text-font-family );
}

.infusion-field label {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: 14px;
	color: #707276;
	margin-bottom: 10px;
}

.infusion-field input[type=text] {
	border: none;
	border-radius: 0;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	padding-top: 16px;
    padding-bottom: 16px;
    background: #EDEFF5;
}

.infusion-field input[type=text]:focus {
	outline: none;
}

.infusion-submit {
	margin: auto;
}


.infusion-submit button {
	position: relative;
}

.infusion-submit button:after {
	content: "⟶";
	margin-left: 10px;
}


.elementor-button-content-wrapper .elementor-button-text {
	text-wrap: nowrap; 
}

.alignwide {
    margin-inline: 0 !important;
}


@media(max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
}