/*
 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.0
 Text Domain:  bricks
*/

#bricks-panel.bricks-panel {
  --panel-width:300px;
  width: var(--panel-width) !important; max-width: var(--panel-width) !important;
}

#bricks-structure.bricks-panel {
  --structure-panel-width:348px;
  width:var(--structure-panel-width) !important; max-width: var(--structure-panel-width) !important;
}

/* #bricks-builder-iframe-wrapper {  height:952.941px !important; } */

html, body, * {
  transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.sm-nav-main-link[aria-current="page"] {
  font-weight: 700;
  color: var(--at-primary) !important;
}

.bricks-button {
  padding: 14px 24px;
}

.sm-radius-2xs { border-radius: var(--at-space--4xs); }
.sm-radius-xs { border-radius: var(--at-space--2xs); }
.sm-radius-s { border-radius: var(--at-space--s); }
.sm-radius-m { border-radius: var(--at-space--m); }
.sm-radius-l { border-radius: var(--at-space--l); }
.sm-radius-xl { border-radius: var(--at-space--2xl); }
.sm-radius-2xl { border-radius: var(--at-space--4xl); }

.brx-sticky.on-scroll { box-shadow: 0 0 16px rgba(0, 0, 0, 0); }

.brx-sticky.on-scroll.scrolling { box-shadow: 0 0 32px 16px rgba(0, 0, 0, 0.05); }

.brxe-xbacktotop.x-back-to-top { transition: opacity 0.3s ease-in-out !important; }