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

/*
 * Utlity Classes - Lists
 */
.list-reset {
  padding-left: 0;
  list-style: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}

/*
 * Utlity Classes - Text Wrap
 */
.text--pretty {
  text-wrap: pretty;
}

.text--balance {
  text-wrap: balance;
}

/*
 * Utlity Classes - Span Primary
 */
.span--primary span {
  color: var(--at-primary);
}
.span--secondary span {
  color: var(--at-secondary);
}

/*
 * Utlity Classes - Clickable parent
 */
.click-parent:not(a) {
  position: static;
}
.click-parent:not(a) a {
  position: static;
}
.click-parent:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
button.click-parent, a.click-parent {
  position: static !important;
}
button.click-parent::after, a.click-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}
.bricks-area a.click-parent::after, .bricks-area .click-parent > a::after {
  content: "";
  position: relative;
}
.click-focus {
  position: relative;
  transition: transform 420ms ease-in-out;
}
.click-focus:hover {
  transform: translatey(-10px);
}
.click-focus:focus-within:not(:has(:focus-visible)) {
  outline: none;
  outline-offset: 0;
}
.click-focus:focus-within {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}
.click-focus :focus {
  outline: none !important;
  box-shadow: none !important;
}
.click-focus:focus-within:not(:has(:focus-visible)) {
  box-shadow: none;
}
.click-focus:focus-within {
  box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.click-focus :focus {
  outline: none !important;
  box-shadow: none !important;
}

/*
 * List bullet colour
 */
ul li::marker,
ol li::marker {
  color: var(--at-primary);
}

/* Figure reset */
figure {
  margin: 0;
}

/* Text Links */
.brxe-text-link .icon {
  transition: var(--at-btn-transition);
}

.brxe-text-link:has(.icon):hover .icon {
  transform: translatex(7px);
}

/* Custom Overrides */
@media (min-width: 992px) {
  .page-id-49 .content-83--1 .content-83__img-wrapper figure img {
    object-position: 10% 0;
  }

  .page-id-49 .content-83--2 .content-83__img-wrapper figure img {
    object-position: 90% 0;
  }
}