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

button {
  cursor: pointer;
}

.cell-grow {
  flex-grow: 2;
}

.bricks-button.bricks-background-muted {
  cursor: context-menu !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;
    text-wrap: pretty;
}

.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;
}