/*
Theme Name: Dreamslab Child
Theme URI: https://dreamslab.bravisthemes.com/
Description: Child theme for Dreamslab WordPress theme.
Author: Moustafa Brahimi
Template: dreamslab
Version: 1.0.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dreamslab-child
Tags: creative, portfolio, design, modern, minimalist, photography, agency, showcase, responsive, grid
*/

/* ==========================================================================
   Moustafa Background Effect Styles
   ========================================================================== */

.wrap-moustafa-bg-effect {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0 !important;
  pointer-events: auto !important;
  background-color: #000000 !important;
}

.wrap-moustafa-bg-effect canvas,
.wrap-moustafa-bg-effect .ascii-hero-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.pxl-bg-prx-effect-moustafa-bg-effect,
.elementor-element.pxl-bg-prx-effect-moustafa-bg-effect {
  position: relative !important;
  overflow: hidden !important;
}

.pxl-bg-prx-effect-moustafa-bg-effect > .e-con-inner,
.pxl-bg-prx-effect-moustafa-bg-effect > .elementor-container {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

.wrap-moustafa-bg-effect .ascii-timeline-controller {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}


.backdrop-blury {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}