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

/* Scrollbar */
html {
  scrollbar-color: var(--at-primary) transparent;
}

/* The stack Post Content */
.brxe-post-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  &>* {
    margin-block: 0;
  }

  &>*+* {
    margin-block-start: var(--flow-spacer, .75em);
  }

  h2,
  h3 {
    --flow-spacer: 1.2em;
  }
}

/* H2 Marker 1 */
@scope (.brxe-container) {
  h2 {
    position: relative;

    &::before {      
      content: "";
      display: inline-block;
      width: 0.33em;
      height: 1em;
      background: url("/wp-content/uploads/marker-1.svg") no-repeat center / contain;
      font-size: 1.3em;      
      position: absolute;
      left: 50%;
      top: var(--at-top-h2-before);
      transform: translateX(-50%);
    }
  }
}

/* ScrollSpy */
.nav-metiers__nav .bricks-nav-menu > li > a.active {
  background-color: var(--at-accent);
  color: var(--at-white);
}