/*
 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.0
 Text Domain:  bricks
*/
:root {
    --green: #3CDBC0;
    --dark-green: #00A990;
    --light-blue: #7BFFF3;
    --gray: #484848;
    --black-100: #212121;
    --black-500: #000000;
    --red: #B00020;
}
body #brx-content{
	margin:0
}

.btn {
    font-family: "Graphie", Helvetica;
    border: solid 1px transparent;
    border-radius: 20px;
    outline: none;
    font-size: 20px;
    line-height: 1.1;
    color: var(--black-100);
    padding: 8px 40px 8px 40px;
    cursor: pointer;
    transition: all 0.7s;
    text-align: center;
}
.phone-wrapper {
  position: relative;
}
.phone-screen {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.phone-screen.is-active {
  opacity: 1;
  pointer-events: auto;
}
.feature-tab{
	    opacity: 0.2;
    transition: all 0.4s;
    cursor: pointer;
    width: 292px;
}
.feature-tab.is-active {
	    opacity: 1;
}
@media(max-width:1100px){
	.brxe-container{
		max-width:100% !important
	}
}

.row, .row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12 {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
}
.aic, .aicb, .aicc, .aict, .aife, .aifs, .ailb, .ailc, .ailt, .airb, .airc, .airt, .jcc, .jcfe, .jcfs, .xs-aicc {
    display: -webkit-box;
    display: flex;
}
.aicc, .ailc, .airc {
    -webkit-box-align: center;
    align-items: center;
}
.ailb, .ailc, .ailt {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.loaded .col, form .loading .col {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.col {
    flex-basis: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}
.row1>*, .row2>*, .row3>*, .row4>*, .row5>*, .row6>*, .row7>*, .row8>*, .row9>*, .row10>*, .row11>*, .row12>*, .row>* {
    width: 100%;
}
.mb10 {
    margin-bottom: 10px !important;
}
.airb, .airc, .airt {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.fwb {
    font-weight: 600;
}
.tdu {
    text-decoration: underline;
}