/*
 Theme Name:   @ Web By D I X Y
 Theme URI:    https://dev.dinurasellapperuma.com
 Description:  Freelance Designer & Developer
 Author:       D I X Y
 Author URI:   https://dinurasellapperuma.com
 Template:     bricks
 Version:      1.3
 Text Domain:  DIXY
*/

/* Hide scrollbar for Chrome, Safari, and Opera */
::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge, and Firefox */
body {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.message, .success{
    background-color: transparent !important;
    font-size: var(--text-s) !important;
    color: var(--dark) !important;
}

/* General Reset for Consistency */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Prevent Horizontal Scrolling */
body {
  overflow-x: hidden; /* Ensures no content causes horizontal scrolling */
}

/* Smooth Animations */
a {
  text-decoration: none;
  transition: all 0.3s ease-in-out; /* Avoid jerky hover effects */
}

button {
  transition: transform 0.2s ease-in-out;
}

button:hover {
  transform: scale(1.05); /* Subtle hover effect */
}

/* DIXY MICRO ANIMATIONS */

/* Avoid FUC on frontend*/
.bricks-is-frontend .dixy-animate{
  opacity:0 !important;
}
 
/* Animated Class*/
.dixy-animate-start{
  animation-name: fadeAnimation;
  animation-delay: calc(var(--delay, 0) * 200ms);
  animation-duration: var(--duration, 400ms);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
 
/* Change translate Origin*/
.animation--left-to-right{
  --translate: -20px,0,0;
}
.animation--right-to-left{
  --translate: 20px,0,0;
}
.animation--top-to-bottom{
  --translate: 0,-20px,0;
}
.animation--bottom-to-top{
  --translate: 0,20px,0;
}
 
/* Keyframes */
@keyframes fadeAnimation{
  from{
    transform: translate3d(var(--translate));
  }
  to{
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}