/*
 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
*/

:root{
	--light-grey: #fcfcfc;
	--highlight: -webkit-linear-gradient(var(--primary-semi-light), var(--primary));
	
}

body {
  background-color: #ffffff;
  background-image: 
    repeating-linear-gradient(60deg, transparent, transparent 99px, #f7f5f5 100px),
    repeating-linear-gradient(to right, transparent, transparent 99px, #f7f5f5 100px);
  background-size: 100px 173px; /* exakte Höhe berechnet aus 100px Breite und 60°-Winkel */
}


span.highlight{
	background: -webkit-linear-gradient(var(--primary-semi-light), var(--primary));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

span.highlightright {
	background: -webkit-linear-gradient(right, var(--primary-semi-light), var(--primary));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.highlight-underline {
  position: relative;
  display: inline-block;
}

.highlight-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.15em;
  width: 100%;
  height: 0.25em;
  background: -webkit-linear-gradient(left, var(--primary), var(--primary-semi-light));
  background: linear-gradient(to right, var(--primary), var(--primary-semi-light));
  border-radius: 2px;
  z-index: 0;
  pointer-events: none;
}