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

/* Fluid Variables */
@media (max-width: 640px) {
    :root #brx-content {
     	--fluid-clamp: 1rem;
		--fluid-width: auto;
		--scroll-padding: 1rem;
    }
}

/* Header Variables */
:root {
	--header-padding: 1.25rem;
}

@media (max-width: 640px) {
	:root {
		--header-padding: 1rem;
	}
}

/* Sticky Header */
#brx-header.brx-sticky.on-scroll {
	position: relative;
}

@media (max-width: 800px) {
	body.home #brx-header.brx-sticky.on-scroll {
		position: sticky;
	}
}

/* Line Break Class */
.br-display {
	display: none;
}

@media (max-width: 1096px) {
    .br-display {
     	display: inline;
    }
}

/* Modal Button */
:root {
  --button-nav-control-size: 40px;
}

@media (max-width: 800px) {
  :root { 
    --button-nav-control-size: 32px;
  }
}

/* Modal Scrolling */
.brx-popup-content {
  overflow-y: scroll;             
  scroll-behavior: smooth;      
  -webkit-overflow-scrolling: touch; 
}