/**
* Theme Name: Nutritix Child
* Description: This is a child theme of Nutritix, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opal Team</a>
* Template: nutritix
* Version: 1.3.9
*/

@media(max-width:500px){
.mobile-switcher-style-product-yes.elementor-widget-nutritix-products .woocommerce-carousel ul.products li.product{
  flex: 0 0 160px !important;
  max-width: 160px !important;
}
}
.elementor-widget-nutritix-slide-scrolling {
    --p1: 0;
}
.elementor-widget-nutritix-slide-scrolling.box-width-yes .elementor-scrolling {
    overflow: hidden;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-wrapper {
    white-space: nowrap;
    transform: translateX(-50%);
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-wrapper:hover .elementor-scrolling-inner {
    animation-play-state: paused;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-item {
    display: inline-block;
    transition: all ease 0.3s;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-item .scrolling-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-item .scrolling-title a {
    white-space: nowrap;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-inner {
    position: relative;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 10s;
    width: max-content;
    display: inline-flex;
    align-items: center;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-inner:last-child {
    padding-right: 30px;
}
.elementor-widget-nutritix-slide-scrolling .elementor-scrolling-item-inner {
    display: inline-flex;
}

.nutritix-scrolling-ltr .elementor-scrolling-inner {
    animation-name: marquee;
}

.nutritix-scrolling-rtl .elementor-scrolling-wrapper {
    display: inline-flex;
    justify-content: center;
}
.nutritix-scrolling-rtl .elementor-scrolling-inner {
    animation-name: marqueeltr;
}

@keyframes marquee {
    100% {
        transform: translate(-100%);
    }
}
@keyframes marqueeltr {
    100% {
        transform: translate(100%);
    }
}
@keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}