/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */
html, body {
    max-width: 100%;
    overflow-x: hidden !important;
	scroll-behavior: smooth !important;
}

html, body {
    overflow: visible;
}

/*Title Hide*/
.entry-title {
	display:none !important;
}

/*Paragraph Padding*/
.elementor-widget-text-editor p:last-child { 
	margin-bottom:0px !important;
	margin-block-end: 0 !important;
}

/*Logo Switch*/
.nav-logo-b {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: opacity 0.3s;
}

.nav-logo-w {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease-in-out, visibility 0.3s;
}

/*Scroll Bar Style*/
::-webkit-scrollbar {
	width: 7.5px;
}

::-webkit-scrollbar-track {
	background-color: #DEDEDE;
	border-radius: 0px;
}

::-webkit-scrollbar-thumb {
	background-color: #FF5757;
	border-radius: 10px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
 	opacity: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  	background-color: white !important;
  	opacity: 50%;
}

/*Grain Effect*/
.noise-background {
    position: fixed;
    top: -50%;
    left: -50%;
    z-index: 99999;
    width: 200%;
    height: 200%;
    background-image: url("https://lybah.rs/wp-content/uploads/2024/10/grain.jpg");
    background-repeat: repeat;
    animation: noise 1s steps(2) infinite;
    pointer-events: none;
	opacity: 0.2;
  	mix-blend-mode: hard-light;
}

@keyframes noise {
    0% {
        transform: translateZ(0)
    }

    10% {
        transform: translate3d(-1%,-2%,0)
    }

    20% {
        transform: translate3d(-3%,1%,0)
    }

    30% {
        transform: translate3d(2%,-5%,0)
    }
		40% {
        transform: translate3d(-1%,3%,0)
    }

    50% {
        transform: translate3d(-3%,2%,0)
    }

    60% {
        transform: translate3d(3%,0,0)
    }

    70% {
        transform: translate3d(0,3%,0)
    }

    80% {
        transform: translate3d(2%,5%,0)
    }

    90% {
        transform: translate3d(-2%,2%,0)
    }

    to {
        transform: translateZ(0)
    }
}

/* Cards */
#card-product-tags a {
	text-decoration: none !important;
}
#card-product-title a {
	text-decoration: none !important;
}
#card-product-price {
	text-decoration: none !important;
	color: #808080 !important;
}
.card-product-image {
	border-radius: 0.5em !important;
	transition: all 0.3s !important;
}
.card-product-image:hover {
	border-radius: 1.5em !important;
}

/* Text Underline */
.text-underline {
  position: relative;
  display: inline-block;
}

.text-underline::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.35s ease-in-out;
}

.text-underline:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/** MIX-BLEND-MODE **/
.mix-difference{
	mix-blend-mode: difference !important;
}

/** WOOCOMMERCE **/


/** TABLET **/
@media screen and (max-width: 1024px) {

	
	
}
	
/** MOBILE **/
@media screen and (max-width: 767px) {
	.elementor-add-to-cart button {
		padding: 3vw 5vw 3.25vw 5vw !important;
	}
	.elementor-354 button {
		padding: 0.8vw 8vw 1.2vw 7vw !important;
	}
	.elementor-field-type-text, .elementor-field-type-email, .elementor-field-type-textarea {
		padding-bottom: 7.5vw !important;
	}
	



}