
/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body::-webkit-scrollbar {
	width: 10px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
	background: var(--bricks-color-bqidjl); 
}
body::-webkit-scrollbar-thumb {
  	background: var(--bricks-color-inuawm);
}


/* LOGO ANIMATION*/

#klemmfix-logo-s-rect2_to {
  animation: klemmfix-logo-s-rect2_to__to 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-rect2_to__to {
  0% {
    transform: translate(390.048665px, 26.873414px);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  37.5% {
    transform: translate(440.187597px, 26.873414px);
  }
  100% {
    transform: translate(440.187597px, 26.873414px);
  }
}
#klemmfix-logo-s-rect2_tr {
  animation: klemmfix-logo-s-rect2_tr__tr 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-rect2_tr__tr {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  62.5% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
#klemmfix-logo-s-rect2_ts {
  animation: klemmfix-logo-s-rect2_ts__ts 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-rect2_ts__ts {
  0% {
    transform: scale(1.460713, 1.70062);
  }
  62.5% {
    transform: scale(1.460713, 1.70062);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    transform: scale(1, 1.70062);
  }
}
#klemmfix-logo-s-rect3_to {
  animation: klemmfix-logo-s-rect3_to__to 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-rect3_to__to {
  0% {
    transform: translate(390.048665px, 26.873414px);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  37.5% {
    transform: translate(440.709874px, 26.873413px);
  }
  100% {
    transform: translate(440.709874px, 26.873413px);
  }
}
#klemmfix-logo-s-rect3_tr {
  animation: klemmfix-logo-s-rect3_tr__tr 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-rect3_tr__tr {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  62.5% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}
#klemmfix-logo-s-rect3_ts {
  animation: klemmfix-logo-s-rect3_ts__ts 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-rect3_ts__ts {
  0% {
    transform: scale(1.460713, 1.70062);
  }
  62.5% {
    transform: scale(1.460713, 1.70062);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    transform: scale(1, 1.70062);
  }
}
#klemmfix-logo-s-g3 {
  animation: klemmfix-logo-s-g3_c_o 800ms linear 1 normal forwards;
}
@keyframes klemmfix-logo-s-g3_c_o {
  0% {
    opacity: 0;
  }
  62.5% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  100% {
    opacity: 1;
  }
}