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

::-moz-selection {
  background-color:var(--bricks-color-oatqju);
  color:var(--bricks-color-boytmg);
}
::selection {
  background-color:var(--bricks-color-oatqju);
  color:var(--bricks-color-boytmg);
}
.brxe-section{
    position:relative;
}
strong, b{
  font-weight:600;
}
/** BUTTON BTN **/
.bricks-button{
  gap:1em;
  position:relative;
  z-index: 0;
  justify-content: space-between;
}
.bricks-button::before,
.bricks-button::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  height:1px;
  transition:width .5s ease;
  z-index: 1;
}
.bricks-button::before{
  width:100%;
  background-color:var(--bricks-color-boytmg);
  opacity: .2;
}
.bricks-button::after{
  width:0px;
  background-color:var(--bricks-color-boytmg);
}
.bricks-button:hover::after{
  width:100%;
}

/** btn light **/
.bricks-button.bricks-background-light::before{
  background-color:var(--bricks-color-tfhqek);
  opacity: 1;
}
.bricks-button.bricks-background-light::after{
  background-color:var(--bricks-color-oatqju);
}
.bricks-button.bricks-background-light i{
  color:var(--bricks-color-boytmg);
}
.bricks-button.bricks-background-light i{
  background-color:var(--bricks-color-oatqju);
}


.bricks-button .button-text-wrap{
  display:block;
  position:relative;
  overflow: hidden;
}
.bricks-button .button-text{
  display:block;
  transition: transform 0.3s ease;
}
.bricks-button .button-text::after{
  content: attr(data-button-text);
  position: absolute;
  top: 100%;
  left: 0;
}
.bricks-button:hover .button-text {
  transform: translateY(-100%);
}
.bricks-button i{
  overflow: hidden;
  font-size: .8em;
  background-color:var(--bricks-color-boytmg);
  color:var(--bricks-color-oatqju);
  padding:1em;
}
.bricks-button i::after{
  content: "\e628";
  font-family: themify;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: absolute;
  transform: translate(-100%, -50%);
  transform-origin: center;
  top: 50%;
  left: 0;
  opacity:0;
  padding:1em;
}
.bricks-button i::before{
  display:block;
}
.bricks-button i::before,
.bricks-button i::after{
  transition: all .25s ease;
}
.bricks-button:hover i::before{
  transform: translate(100%,0%);
  opacity:0;
}
.bricks-button:hover i::after{
  transform: translate(0%,-50%);
  opacity:1;
}


/** GUTENBERG **/
blockquote{
  font-family: "Geis";
  border-left-color: var(--bricks-color-boytmg);
}
blockquote cite{
  margin-top:2em;
  text-transform: none;
  opacity:1;
}
blockquote ::-moz-selection {
  background-color: #fff;
  color:var(--bricks-color-boytmg);
}
blockquote ::selection {
  background-color: #fff;
  color:var(--bricks-color-boytmg);
}