/* 
Theme Name: Leiloista Theme
Description: Child to Elementor's Hello Theme, created by Novify
Author: Novify
Author URI: https://novify.pt/
Template: hello-elementor
Version: 1.0.1
Text Domain: nvf
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 {
  scroll-behavior: smooth;
}



/* --------------------------------- */
/*        Widgets                     */
/* --------------------------------- */

.nvf-toogle .elementor-toggle-icon-left {
  font-size: 40px;
}

.nvf-toogle .elementor-toggle-title {
  font-size: 20px;
  line-height: 40px;
}



/* --------------------------------- */
/*        Animations                 */
/* --------------------------------- */

/* Stretch Left */
.stretchLeft {
  animation-name: stretchLeft;
  transform-origin: 100% 0%;
}

@keyframes stretchLeft {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

/* Stretch Right */
.stretchRight {
  animation-name: stretchRight;
  transform-origin: 0% 0%;
}

@keyframes stretchRight {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

/* Stretch Down */
.stretchDown {
  animation-name: stretchDown;
  transform-origin: 50% 0%;
}

@keyframes stretchDown {
  0% {
    transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
  }
}

/* Stretch Up */
.stretchUp {
  animation-name: stretchUp;
  transform-origin: 50% 100%;
}

@keyframes stretchUp {
  0% {
    transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
  }
}


/* Expand Left */
.expandLeft {
  animation-name: expandLeft;
  transform-origin: 100% 0%;
}

@keyframes expandLeft {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

/* Expand Right */
.expandRight {
  animation-name: expandRight;
  transform-origin: 0% 100%;
}

@keyframes expandRight {
  0% {
    transform: scaleX(0) translateX(-300px);
  }

  100% {
    transform: scaleX(1) translateX(0);
  }
}



/* Expand Down */
.expandDown {
  animation-name: expandDown;
  transform-origin: 50% 0%;
}

@keyframes expandDown {
  0% {
    transform: scaleY(0) translateY(-300px);
  }

  100% {
    transform: scaleY(1) translateY(0);
  }
}

/* Expand Up */
.expandUp {
  animation-name: expandUp;
  transform-origin: 50% 0%;
}

@keyframes expandUp {
  0% {
    transform: scaleY(0) translateY(300px);
  }

  100% {
    transform: scaleY(1) translateY(0);
  }
}



/*   SLID IN's*/
.slide-in-right-short {
  animation-name: slide-in-right-short;
  transform-origin: 0% 0%;
}

@keyframes slide-in-right-short {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-left-short {
  animation-name: slide-in-left-short;
}

@keyframes slide-in-left-short {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-down-short {
  animation-name: slide-in-down-short;
}

@keyframes slide-in-down-short {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-up-short {
  animation-name: slide-in-up-short;
}

@keyframes slide-in-up-short {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}