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

/* Framed Website */

html {
  padding: var(--at-space--3xs);
  --overlay-sec-08: oklch(from var(--at-secondary-d-3) l c h / 0.8);
  --overlay-sec-09: oklch(from var(--at-secondary-d-3) l c h / 0.9);
}

#site-frame {
  border: 1px solid var(--at-neutral-l-4);
  border-radius: var(--at-radius--m);
  box-shadow: 0 0 4px var(--at-neutral-l-4);
  overflow: clip;
  inline-size: 100%;
  max-inline-size: 2000px;
  margin: 0 auto;
}

/* Animations */

@keyframes scroll-pan {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
} /* scroll from top to bottom, then reset */

/* Button hover styles */

.bricks-button {
  &[class*="secondary"]:not(.outline):hover { background: oklch(from var(--at-secondary-d-3) l c h / .85) !important; }
}

/* Inline Script Typo */

.inline-script {
  font-family: "Passions Conflict";
  text-transform: none;
  font-size: 2.2em;
  line-height: .5em;
  color: var(--at-primary);
}

.inline-script--negative { color: var(--at-white); }