/* 

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;

  --header-possition-top: 0;

  --banner-max-height: 780px;

}



.admin-bar {

  --header-possition-top: 32px;

}



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;

  }

}



/* Login Button  */

.login-button a.elementor-item{

	color: #81B241 !important;

	border: 1px solid !important;

	padding: 9px 16px 7px !important;

	border-radius: 6px !important;

	line-height: 1;

}

.logged-in .login-button {

	display: none !important

}

@media screen and (max-width:1024px){
  .login-button a.elementor-item{
    border: none !important;
  }
}



/* SLIDER  */

.sc-slider {

  display: flex;

  height: 100%;

  width: 100%;

  min-height: 500px;

  flex-direction: column;

  /* padding: 40px; */

}



.slide {

  flex: 1;

  transition: all 300ms ease-in-out;

  cursor: pointer;

  min-width: 0;

  display: flex;

  align-items: flex-end;

  background: #575757;

  /* min-width: 120px; */

  color: #fff;

  padding: 40px;

  flex-wrap: wrap;

  border: 2px solid #fff;

}

.slide h3{

  width: 100%;

  white-space: nowrap;

  font-size: 1.5rem;

}



.active-slide {

  /* min-width: 60%; */

  flex-grow: 100;

  position: relative;

  padding: 1.5rem;

  background: #81bd22 url('/wp-content/uploads/2022/07/active-bg.svg') top left no-repeat;

  background-size: cover;

  padding: 60px;

  min-height: 420px;

  cursor: default;

  z-index: 99;

}



@media (min-width: 768px) {

  .slide:not(.active-slide) h3 {

    transform: rotate(270deg) translate(0, 50%);

    transform-origin: bottom left;

    min-width: 400px;

    position: absolute;

  }

  .sc-slider {

    flex-direction: row;

  }

}



.slide *{

  margin: 0;

}

.slide *:not(h3){

  max-height: 0;

  overflow: hidden;

  opacity: 0;

}



.active-slide *:not(h3){

  display: block;

  max-height: 1000px;

  /* max-width: 1000px; */

  transform-origin: top;

  opacity: 1;

}

.active-slide.show-content *{

  transition: all 600ms ease-in-out, transform none;

  /* animation: scale-in 600ms forwards ease-in-out; */

}

.slide .read-more{

  text-decoration: underline !important;

  font-weight: 600;

  font-size: 1.125rem;

  color:white !important;

}

.slide p {

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;  

  overflow: hidden;

}





@keyframes scale-in {

  0% {

    opacity: 0;

    transform: translateY(40px) scale(0.98);

  }

  100% {

    opacity: 1;

    transform: translateY(0) scale(1);

  }

}

.card-info{

  opacity: 0;

}

.card-info.active {

  animation: scale-in 400ms forwards cubic-bezier(0, 0, 0.5, 1.5)

}

.card-trigger.active .elementor-button{

  background-color: #58595b !important;

  color: #fff !important;

}

.woocommerce ul.products li.product a img.brand-logo {
  width:30%;
}