/*
 Theme Name:     Hello Elementor Child
 Theme URI:      https://yourwebsite.com/
 Description:    A child theme for Hello Elementor
 Author:         Your Name
 Author URI:     https://yourwebsite.com/
 Template:       hello-elementor
 Version:        1.0.0
 Text Domain:    hello-elementor-child
*/

@import url("../hello-elementor/style.css");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body.wp-theme-hello-elementor{
	font-family: "Outfit", sans-serif;
	line-height: 1.6;
	font-style: normal;
	font-weight: 400;
}
.add-to-cart-button a.button.add_to_cart_button {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #26468f;
    border-radius: 4px;
}
.light_blue a{
	color: #4DA3E0;
}

.hov-animate-outline:hover::before {
    border-top-color: #26468f;
    border-right-color: #26468f;
    transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.hov-animate-outline:hover::after {
    border-bottom-color: #26468f;
    border-left-color: #26468f;
    transition: height 0.3s ease-out, width 0.3s ease-out 0.3s;
}
.hov-animate-outline:hover::before, .hov-animate-outline:hover::after {
    width: calc(100% - 2px);
    height: 100%;
}

.hov-animate-outline::before {
    top: 0;
    left: 0;
}
.hov-animate-outline::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.hov-animate-outline::before, .hov-animate-outline::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    z-index: -1 !important;
    width: 0;
    height: 0;
    transition: color 0.3s;
    border: 2px solid transparent;
}
button{
 font-weight: 500;
 font-size: .875rem;
 line-height: 1.25rem;
 padding-top: .625rem;
 padding-bottom: .625rem;
 padding-left: 1.25rem;
 padding-right: 1.25rem;
 --tw-bg-opacity: 1;
 background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
.sticky.top-10.position-sticky {
    position: sticky !important;
}
a.woocommerce-product-gallery__trigger {
    display: none;
}
.woocommerce .quantity .qty {
    width: 8.631em;
    text-align: left;
}

.text-yellow-400 { color: #ffc107; }
.text-gray-600 { color: #6b7280; }
.alignwide {
    margin-inline: 0 !important;
}
.container {
    max-width: 1140px !important;
}