/* 
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;
}

/* Collaborative Cooperation Section */

@media(min-width: 768px) {
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3em;
    transition: max-height 900ms ease-out !important;
  }

}



.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.collab-card>.elementor-container {
  transition: all 900ms ease-out;
}



.collab-card:hover {
  z-index: 10;
}



.collab-card:hover img {
/*   filter: brightness(1) invert(1);
  mix-blend-mode: color-dodge; */
}



.collab-card:hover .line-clamp-2 {
  -webkit-line-clamp: unset;
  max-height: 40em;
}



.collab-card:hover>.elementor-container {
  background: linear-gradient(125deg, #B2E7E5, #22BCB9);
}



.collab-card:hover .hover-white .elementor-heading-title,
.collab-card:hover .hover-white .elementor-widget-container p {
  color: #fff !important;
  transition: all 0 !important;
}



.collab-image {
  display: none;
}

.collab-image.active {
  display: block;
}