/*
 Theme Name:    2Dev
 Theme URI:    https://2dev.ir/
 Description:  Extended 2Dev theme Based on Bricks.
 Author:       2Dev.ir
 Author URI:   https://2dev.ir/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
html,
body {
  scrollbar-width: none;
}
#tdev-main{
	overflow-y: auto;
	overflow-x: hidden;
  height: 100%;
  scrollbar-width: 2px;
  scrollbar-color: gray transparent;
}
#brx-header.sticky {
  top: auto !important;
	position: absolute;
}
#tdev-wrapper {
  background-color: var(--bricks-color-epainj);
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  padding: 0.4rem;
  position: relative;
}
#tdev-content {
  background-color: var(--bricks-color-esyqqo);
  color: #fff;
  overflow: hidden;
  position: relative;
  height: 100%;
  border-radius: 2rem;
  border: 1px solid var(--bricks-color-sahdfj);
  transition: all 0.3s ease;
}

#tdev-scroll-gradient {
  width: 1380px;
  margin-inline: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
#tdev-scroll-gradient::after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  background-image: linear-gradient(
    to bottom,
    transparent,
    var(--bricks-color-sahdfj) 10%,
    transparent 50%,
    var(--bricks-color-sahdfj) 70%,
    transparent
  );
}
#tdev-scroll-gradient::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  left: -1px;
  top: 0;
  background-image: linear-gradient(
    to bottom,
    transparent,
    var(--bricks-color-sahdfj) 10%,
    transparent 50%,
    var(--bricks-color-sahdfj) 70%,
    transparent
  );
}

    .dotted-fade-background {
      background-image: linear-gradient(
          to bottom,
          transparent 0%,
          var(--bricks-color-esyqqo) 50%,
          transparent 100%
        ),
        radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1.5px);

      background-size: 100% 100%, 20px 20px;

      width: 100%;
      height: 100%;
      color: white;
      position: absolute;
		top: 0;
		left: 0;
    }