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

/* LEAF DECORATION */
.leaf-decoration:before {
  content: ' ';
  display: block;
  position: absolute;
  right: 75%;
  top: 4em;
  bottom: 0;
  margin: auto;
  background-image: url(/wp-content/uploads/Left-Gold-Leaf.svg);
  width: 372px;
  aspect-ratio: 372/88;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 61%;
  pointer-events: none;
  max-width: 33%;
  background-size: contain;
}

.leaf-decoration:after {
  content: ' ';
  display: block;
  position: absolute;
  left: 75%;
  top: 4em;
  bottom: 0;
  margin: auto;
  background-image: url(/wp-content/uploads/Right-Gold-Leaf.svg);
  width: 372px;
  aspect-ratio: 372/88;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 61%;
  pointer-events: none;
  max-width: 33%;
  background-size: contain;
}

/* Prevent overflow on the container */
.leaf-decoration {
  overflow-x: hidden; /* Specifically prevent horizontal overflow */
  position: relative; /* Ensure positioning context */
}

/* Media query to hide only the leaves */
@media (max-width: 767px) {
  .leaf-decoration:before {
    display: none;
  }
  
  .leaf-decoration:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    top: -2em;
    bottom: 0;
    margin: auto;
    background-image: url(/wp-content/uploads/Right-Gold-Leaf.svg);
    width: 50%;
    aspect-ratio: 372/88;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 61%;
    pointer-events: none;
    max-width: 100%;
    background-size: contain;
}
}




/* u-curve-clear-dark-up-before */
.u-curve-clear-dark-up-before:before {
  display: block;
  position: absolute;
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1920/44;
  background-image: url(/wp-content/uploads/u-curve-clear-dark-up.svg);
  background-color: var(--white-trans-10);
  transform: translateY(-1px) scaleY(1);
  background-size: contain;
}

/* u-curve-gold-dark-down-after */
.u-curve-gold-dark-down-after:after {
  display: block;
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1933/174;
  background-image: url(/wp-content/uploads/u-curve-gold-dark-down.svg);
  transform: translateY(1px) scaleY(1);
  background-size: cover;
  pointer-events: none;
}

/* u-curve-gold-light-down-after */
.u-curve-gold-light-down-after:after {
  display: block;
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1933/174;
  background-image: url(/wp-content/uploads/u-curve-gold-light-down.svg);
  transform: translateY(1px) scaleY(1);
  background-size: cover;
  pointer-events: none;
}

/* u-curve-gold-light-up-before */
.u-curve-gold-light-up-before:before {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1933/174;
  background-image: url(/wp-content/uploads/u-curve-gold-light-up.svg);
  transform: translateY(-1px) scaleY(1);
  background-size: cover;
  pointer-events: none;
}