/*
 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.0
 Text Domain:  bricks
*/



body {
	background: var(--bricks-color-21a1c1);
}

/* Dark mode */
body.dark-mode {
	--bricks-color-813633: #3EBDED;
	--bricks-color-99e8d8: #3EBDED;
	--bricks-color-fd5cc3: #9EDEF6;
	--bricks-color-4f98e4: rgba(62, 189, 237, 0.5);
	--bricks-color-4ee795: rgba(62, 189, 237, 0.1);
	--bricks-color-fb5494: #9EDEF6;
	--bricks-color-a660b6: #020304;
	--bricks-color-7487d5: #A9C5A0;
	--bricks-color-97b1e4: #F7F9FA;
	--bricks-color-ccc178: #CAD0D5;
	--bricks-color-776564: #ABB1B6;
	--bricks-color-3f3723: #3E4A56;
	--bricks-color-84c2f1: #151C24;
	--bricks-color-21a1c1: #020304;
	--bricks-color-beb9d1: #22A965;
	--bricks-color-8fc7fb: #E03333;
	--bricks-color-2f3f51: #EDB439;
	--bricks-color-fc391f: #5388F3;
}



.container-pattern:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    max-width: 1680px;
/*     background-image: repeating-linear-gradient(90deg, var(--bricks-color-3f3723) 0, var(--bricks-color-3f3723) 1px, transparent 0, transparent 33.3%); */
    opacity: 0.3;
	transition: all 0.3s;
	z-index: -1;
}
.scrolling .container-pattern:before {
    opacity: 0;
}


body:not(.dark-mode) #theme-toggle .sun-icon {
	opacity: 0;
}
.dark-mode #theme-toggle .moon-icon {
	opacity: 0;
}



.partners-section svg {
	filter: grayscale(100%);
}
body:not(.dark-mode) .partners-section .dark{
	display: none;
}
.dark-mode .partners-section .light {
	display: none;
}




.scroll-donut {
  position: fixed;
  bottom: 2rem;   /* position bottom-right */
  right: 2rem;
  width: 80px;
  height: 80px;
  z-index: 9999;
}

.scroll-donut svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg); /* start from top */
}

.scroll-donut circle {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
}

.scroll-donut .track {
  stroke: rgba(0, 0, 0, 0.1);
}

.scroll-donut .progress {
  stroke: #00ff88;
  stroke-dasharray: 339.292; /* circumference = 2πr = 2*π*54 */
  stroke-dashoffset: 339.292;
}