/*
 Theme Name:   Bricks Child Theme
 Template:     bricks
 Version:      1.1
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

html { font-family: var(--mg-font-family-body); }
body {
  color: var(--mg-text-primary);
  font-family: var(--mg-font-family-body);
  font-size: var(--mg-font-size-m);
  line-height: var(--mg-font-leading-body);
}
:is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--mg-font-family-heading);
  line-height: var(--mg-font-leading-heading);
}
.mg-l-container {
  width: 100%;
  max-width: var(--mg-layout-container-l);
  margin-inline: auto;
  padding-inline: var(--mg-layout-gutter-desktop);
}
.mg-l-section {
  width: 100%;
  padding-block: var(--mg-space-3xl);
}
.mg-l-content {
  width: 100%;
  max-width: var(--mg-layout-content-readable);
  margin-inline: auto;
}
.mg-l-grid {
  display: grid;
  gap: var(--mg-space-l);
}
.mg-c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding-inline: var(--mg-space-m);
  border-radius: var(--mg-radius-s);
  font-family: var(--mg-font-family-body);
  font-size: var(--mg-font-size-button);
  font-weight: var(--mg-font-weight-medium);
  line-height: var(--mg-font-leading-ui);
  text-decoration: none;
  transition: background-color var(--mg-motion-duration-normal) var(--mg-motion-ease-standard),
    color var(--mg-motion-duration-normal) var(--mg-motion-ease-standard),
    box-shadow var(--mg-motion-duration-normal) var(--mg-motion-ease-standard);
}
.mg-c-button:focus-visible {
  outline: 2px solid var(--mg-focus);
  outline-offset: 3px;
}
.mg-c-button--primary {
  background: var(--mg-action-primary);
  color: var(--mg-text-inverse);
}
.mg-c-button--primary:hover { background: var(--mg-action-primary-hover); }
.mg-c-button--primary:active { background: var(--mg-action-primary-active); }
.mg-c-button--secondary {
  background: var(--mg-bg-surface);
  color: var(--mg-action-primary);
  box-shadow: inset 0 0 0 2px var(--mg-action-primary);
}
.mg-c-card {
  background: var(--mg-bg-surface);
  border: 1px solid var(--mg-border-subtle);
  border-radius: var(--mg-radius-m);
}
.mg-c-form-field { font-family: var(--mg-font-family-body); }
@media (max-width: 1199px) {
  .mg-l-container { padding-inline: var(--mg-layout-gutter-tablet); }
}
@media (max-width: 767px) {
  .mg-l-container { padding-inline: var(--mg-layout-gutter-mobile); }
  .mg-l-section { padding-block: var(--mg-space-2xl); }
}
@media (max-width: 479px) {
  .mg-l-container { padding-inline: var(--mg-layout-gutter-mobile); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}