/* 
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
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* general */

@keyframes loadanimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes loadanimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes loadanimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

a {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

body {
    animation: loadanimation 0.5s ease-in-out both;
    -moz-animation: loadanimation 0.5s ease-in-out both;
    -webkit-animation: loadanimation 0.5s ease-in-out both;
}

p a {
padding-bottom: 2px;
text-decoration: unset !important;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
background-image: linear-gradient(rgb(5, 14, 0), rgb(5, 14, 0));
background-size: 100% 1px;
background-position: left bottom;
background-repeat: no-repeat;
}

p a:hover {
    background-size: 80% 1px;
}

.elementor-tab-content a {
padding-bottom: 2px;
text-decoration: unset !important;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
background-image: linear-gradient(rgb(5, 14, 0), rgb(5, 14, 0));
background-size: 100% 1px;
background-position: left bottom;
background-repeat: no-repeat;
}

.elementor-tab-content a:hover {
    background-size: 80% 1px;
}

.p-no-margin p {
    margin-bottom: 0px !important;
}

*:focus {
    outline: none;
}

.elementor-button-link.elementor-button.elementor-size-sm::after {
    content: '';
    height: 1px;
    background-color: var( --e-global-color-516170c );
    width: 100%;
    display: block;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.elementor-button-link.elementor-button.elementor-size-sm:hover::after {
    width: 80%;
}

.elementor-button .elementor-align-icon-left {
    margin-right: 0px !important;
}

@media only screen and (min-width: 768px) {
p a {
        font-size: var( --e-global-typography-text-font-size ) !important;
        line-height: var( --e-global-typography-text-line-height ) !important;
    }
}

@media only screen and (max-width: 766px)  {
p a {
        font-size: var( --e-global-typography-text-font-size ) !important;
        line-height: var( --e-global-typography-text-line-height ) !important;
    }
}

@media only screen and (min-width: 768px) {
.implementation ul li a {
    font-size: var( --e-global-typography-text-font-size ) !important;
    line-height: var( --e-global-typography-text-line-height ) !important;
    }
}
        
@media only screen and (max-width: 766px)  {
.implementation ul li a {
    font-size: var( --e-global-typography-text-font-size ) !important;
    line-height: var( --e-global-typography-text-line-height ) !important;
    }
}

#elementor-toc__heading-anchor-0, #elementor-toc__heading-anchor-1, #elementor-toc__heading-anchor-2, #elementor-toc__heading-anchor-3, #elementor-toc__heading-anchor-4, #elementor-toc__heading-anchor-5, #elementor-toc__heading-anchor-6, #elementor-toc__heading-anchor-7, #elementor-toc__heading-anchor-8, #elementor-toc__heading-anchor-9, #elementor-toc__heading-anchor-10, #elementor-toc__heading-anchor-11, #elementor-toc__heading-anchor-12 {
    padding-top: 130px;
}

@media only screen and (min-width: 768px) {
.elementor-toc__list-item-text {
    font-size: var( --e-global-typography-text-font-size ) !important;
    line-height: var( --e-global-typography-text-line-height ) !important;
    }
}
            
@media only screen and (max-width: 766px)  {
.elementor-toc__list-item-text {
    font-size: var( --e-global-typography-text-font-size ) !important;
    line-height: var( --e-global-typography-text-line-height ) !important;
    }
}

.woocommerce-loop-product__link:hover h2 {
    color: var( --e-global-color-d42c380 ) !important;
}

.woocommerce-loop-product__link h2 {
    transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
}

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wvs-archive-product-image {
    border: 1px solid var( --e-global-color-0bb4a3d ) !important;
    transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
}

.woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wvs-archive-product-image {
border: 1px solid var( --e-global-color-d42c380 ) !important;
}



/*warianty*/

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 0px !important;
}

[data-wvstooltip]::before {
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.woocommerce .products ul {
    margin: 0 0 10px !important;
}

.variations-product-page .variable-item:not(.radio-variable-item) {
    margin: 8px !important;
}