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

/* --- Prominent Has Setting Indicators --- */
.bricks-panel-controls .has-setting {
	left: -11px;
	width: 3px;
	background-color: var(--builder-color-accent);
	transition: background-color 0.1s;
	transform: none;
}
.bricks-panel-controls .control-group-title .has-setting {
	left: 9px;
}
.bricks-panel-controls .has-setting:hover {
	background-color: transparent;
}
.bricks-panel-controls .has-setting .indicator {
	display: none;
}

/* --- Make highlight of the active element in structure more prominent --- */
#bricks-structure .element.active>.structure-item {
    background-color: var(--builder-color-accent);
}

#bricks-structure .element.active>.structure-item input,
#bricks-structure .element.active>.structure-item>.title input,
#bricks-structure .element.active>.structure-item>.title i,
#bricks-structure .element.active .structure-item .more {
    color: #000;
}

#bricks-structure .element.active>.structure-item input::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #1a99e0;
}

#bricks-structure .element.active>.structure-item input::selection {
  color: #fff;
  background: #1a99e0;
}

#bricks-structure .element.active > .structure-item:hover .actions .action .bricks-svg-wrapper path {
	fill: #111;
}