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

body, html {
	overflow-x:hidden;
}

/* Buttons */

.bricks-button {
	transition: all .3s ease-in-out;
}

.bricks-button:hover {
	transform: scale(1.05);
}

/* Margin fix for pages with default content */

article#brx-content {
	max-width:1280px;
	margin: var(--section-space-s) auto;
	padding: 0 var(--section-space-xs);
}

@media (max-width: 767px) {
    article#brx-content {
        padding: 0 var(--gutter);
    }
}

@media (max-width: 400px) {
    article#brx-content {
        padding: 0 var(--space-s);
    }
}

/* highlight */

.highlight {
  display:inline-block;
  position:relative;
  z-index:10;
  background-image:url(/wp-content/uploads/LESS_Website_v1_highlight-01_02.png);
  background-size:0% 100%;
  background-repeat:no-repeat;

}

.highlight.expanded {
    animation: highlight-draw .5s ease-in forwards;
    animation-delay: .5s;
}

@media (max-width:767px) {
	.highlight.mobile-expanded {
		animation: highlight-draw .5s ease-in forwards;
		animation-delay: .5s;
	}
}

.highlight.hide-background {
    background-size:0% 100%;
}

@media (min-width:768px) {
	.accordion-item:not(.brx-open) .highlight {
		background-size:0% 100% !important;
	}
}


@keyframes highlight-draw {
  to {
    background-size: 100% 100%;
  }
}