/**
 * Selection Lite
 * Carefully selected Elementor addons bundle, for building the most awesome websites
 *
 * @encoding        UTF-8
 * @version         1.16
 * @copyright       (C) 2018 - 2023 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * @license         GPLv3
 * @contributors    merkulove, vladcherviakov, phoenixmkua, podolianochka, viktorialev01
 * @support         help@merkulov.design
 **/

// disable default scroll behaviour
html
  scroll-behavior: auto

// button styles
.mdp-uper-elementor-button
  display: inline-flex
  background: #0a4b78
  color: #fff
  cursor: pointer
  z-index: 999
  position: relative

.mdp-uper-elementor-button-hide
  display: none

.mdp-uper-elementor-text-wrapper
  display: inline-flex

// fixed button styles
.mdp-uper-elementor-button-fixed
  position: fixed

// fixed button positions
.mdp-uper-elementor-button-fixed-position-top-left
  top: 0
  left: 0

.mdp-uper-elementor-button-fixed-position-top-center
  top: 0
  left: 50%
  transform: translateX(-50%)

.mdp-uper-elementor-button-fixed-position-top-right
  top: 0
  right: 0

.mdp-uper-elementor-button-fixed-position-left-center
  top: 50%
  transform: translateY(-50%)
  left: 0

.mdp-uper-elementor-button-fixed-position-right-center
  top: 50%
  transform: translateY(-50%)
  right: 0

.mdp-uper-elementor-button-fixed-position-bottom-left
  bottom: 0
  left: 0

.mdp-uper-elementor-button-fixed-position-bottom-center
  bottom: 0
  left: 50%
  transform: translateX(-50%)

.mdp-uper-elementor-button-fixed-position-bottom-right
  bottom: 0
  right: 0

// icon positions
.mdp-uper-elementor-icon-position-above-left,
.mdp-uper-elementor-icon-position-above-center,
.mdp-uper-elementor-icon-position-above-right
  flex-direction: column

.mdp-uper-elementor-icon-position-under-left,
.mdp-uper-elementor-icon-position-under-center,
.mdp-uper-elementor-icon-position-under-right
  flex-direction: column-reverse

.mdp-uper-elementor-icon-position-after
  flex-direction: row-reverse

.mdp-uper-elementor-icon-position-above-left

  .mdp-uper-elementor-button-icon
    align-self: flex-start

.mdp-uper-elementor-icon-position-above-center

  .mdp-uper-elementor-button-icon
    align-self: center

.mdp-uper-elementor-icon-position-above-right

  .mdp-uper-elementor-button-icon
    align-self: flex-end

.mdp-uper-elementor-icon-position-under-left

  .mdp-uper-elementor-button-icon
    align-self: flex-start

.mdp-uper-elementor-icon-position-under-center

  .mdp-uper-elementor-button-icon
    align-self: center

.mdp-uper-elementor-icon-position-under-right

  .mdp-uper-elementor-button-icon
    align-self: flex-end

// scroll indicator
.mdp-uper-elementor-scroll-indicator-svg
  max-width: none
  position: absolute
  overflow: visible
  top: 50%
  right: 50%
  transform: translate(50%, -50%)

.mdp-uper-elementor-scroll-indicator-circle
  fill: none
  stroke-width: 2
  stroke: #fff

// animations
@keyframes grow
  from
    transform: scale(0)
  to
    transform: scale(1)

@keyframes shrink
  from
    transform: scale(1.2)
  to
    transform: scale(1)

@keyframes fade
  from
    opacity: 0
  to
    opacity: 1

@keyframes slide-up
  0%
    opacity: 0
    transform: translateY(10px)
  100%
    opacity: 1
    transform: translateY(0px)

@keyframes slide-down
  0%
    opacity: 0
    transform: translateY(-10px)
  100%
    opacity: 1
    transform: translateY(0px)


// hover animations
@keyframes grow-hover
  0%
    transform: scale(1)
  100%
    transform: scale(1.25)

@keyframes shrink-hover
  100%
    transform: scale(0.7)

@keyframes slide-up-hover
  0%
    transform: translateY(10px)
  100%
    transform: translateY(0px)

@keyframes slide-down-hover
  0%
    transform: translateY(-10px)
  100%
    transform: translateY(0px)

@keyframes swing-hover
  15%
   transform: translateX(9px)
  30%
    transform: translateX(-9px)
  40%
    transform: translateX(6px)
  50%
    transform: translateX(-6px)
  65%
    transform: translateX(3px)
  100%
    transform: translateX(0)