/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
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.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --primary-color: #000;
}

a,
button {
  cursor: pointer;
  color: var(--primary-color);
}

/* Remove IOS Styling */
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.elementor-menu-toggle {
  outline: none;
}


/* Better image rendering */
@media (min-width: 768px) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

.product-slider .products{
  display: block !important;
}

.slick-track{
  display: flex;
}
.slick-list{
  overflow: hidden;
}

.colour-picker-box {
	width: 225px; 
	height: 185px;
}

.swiper-slide-active .colour-picker-box {
	opacity: 0; /* Initially hidden */
    animation: fadeIn 2s ease-in-out forwards; /* Apply fade-in animation */
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
    0% {
        opacity: 0; /* Fully hidden */
        transform: scale(0.8); /* Optionally start smaller */
    }
    100% {
        opacity: 1; /* Fully visible */
        transform: scale(1); /* End at normal size */
    }
}