/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root {
  --fx-color: 255,255,255;
  --fx-scanlines-opacity: 0.2;
  --fx-dots-opacity: 0.2;
  --fx-grid-opacity: 0.1;
}

.is-light {
  --fx-color: 0,0,0;
  --fx-scanlines-opacity: 0.1;
  --fx-dots-opacity: 0.16;
  --fx-grid-opacity: 0.1;
}

.bg-scanlines,
.bg-dots,
.bg-grid {
  position: absolute;
  inset: 0;
}

.bg-scanlines {
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(var(--fx-color), var(--fx-scanlines-opacity)) 0 1px,
    transparent 1px 8px
  );
  mask-image: radial-gradient(80% 80% at 50% 50%, #000, transparent);
}

.bg-dots {
  background-image: radial-gradient(
    rgba(var(--fx-color), var(--fx-dots-opacity)) 1px,
    transparent 1px
  );
  background-size: 32px 32px;
  mask-image: radial-gradient(80% 80% at 50% 50%, #000, transparent);
}

.bg-grid {
  background-image:
    linear-gradient(rgba(var(--fx-color), var(--fx-grid-opacity)) 1px, transparent 0),
    linear-gradient(90deg, rgba(var(--fx-color), var(--fx-grid-opacity)) 1px, transparent 0);
  background-size: 16px 16px;
  mask-image: radial-gradient(50% 50% at 50% 50%, #000, transparent);
}