/*
 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
*/
:target {
  scroll-margin-top: 100px;
}
.bricks-button svg path {
    stroke: currentColor;
}

.brxe-heading.mark {
    position: relative;
    padding-left: 30px;
    --mark-color: #ffa412;
}
.brxe-heading.mark::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    mask: url('images/mark.svg') no-repeat center / contain;
    -webkit-mask: url('images/mark.svg') no-repeat center / contain;
    background-color: var(--mark-color);
}

ul:not[class] li:not(:last-child) {
	margin-bottom: 0.5em;
}
.brxe-text :last-child {
	margin-bottom: 0;
}

/* 
* Gravity Form 
*/

.gform_wrapper {
    --gf-field-color: #000;
    --gf-field-border-color: #000;
    --gf-field-bg-color: #fff;
    --gf-button-color: #000;
    --gf-button-bg-color: #ffa412;
    --gf-button-border-color: #ffa412;
    --gf-button-hover-color: #ffa412;
    --gf-button-hover-bg-color: #000;
    --gf-button-hover-border-color: #ffa412;
    --gf-error-color: #c02b0a;
}

/* gfield gap */
.gform_wrapper .gform_body .gform_fields {
    grid-row-gap: 14px;
    grid-column-gap: 14px;
}

/* gfield */
.gform_wrapper .gform_body .gform_fields .gfield input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
    font-size: 16px!important;
    line-height: 1.5em!important;
    font-weight: 400!important;
    color: var(--gf-field-color)!important;

    padding: 16px!important;
    border: 1px solid var(--gf-field-border-color)!important;
    border-radius: 0px!important;
    outline: none!important;
    box-shadow: none!important;
	background: var(--gf-field-bg-color);
}

.gform_wrapper .gform_body .gform_fields .gfield.has-icon input[type="email"]:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
    background-image: url('images/mail-field-icon.svg')!important;
    background-size: 24px auto!important;
    background-position: 16px 50%!important;
    background-repeat: no-repeat!important;
    padding-left: 56px!important;
}

.gform_wrapper .gform_body .gform_fields .gfield input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"])::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
    color: inherit;
    opacity: 1;
}
.gform_wrapper .gform_body .gform_fields .gfield input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.gform_wrapper .gform_body .gform_fields .gfield select {
    height: auto;
}
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.gform_wrapper .gform_body .gform_fields .gfield textarea.large,
.gform_wrapper .gform_body .gform_fields .gfield textarea.medium {
    height: 180px;
    min-height: 0;
}

/* button */
.gform_wrapper .gform_footer {
	position: relative;
	margin-top: 10px;
}
.gform_wrapper input[type="button"],
.gform_wrapper .button {
    width: auto!important;
	min-width: 165px!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 24px!important;
    letter-spacing: 0px!important;
    text-transform: uppercase!important;
    color: var(--gf-button-color)!important;

    padding: 10px 18px!important;
    border: 1px solid var(--gf-button-border-color)!important;
    border-radius: 0px!important;
    background: var(--gf-button-bg-color)!important;
    outline: none!important;
	box-shadow: none!important;
}
.gform_wrapper input[type="button"]:hover,
.gform_wrapper .button:hover {
    color: var(--gf-button-hover-color)!important;
    background: var(--gf-button-hover-bg-color)!important;
    border-color: var(--gf-button-hover-border-color)!important;
}

.gform_wrapper .gform-loader{
	position: absolute!important;
	top: 16px!important;
	left: auto!important;
	right: 10px!important;
	margin: 0!important;
    z-index: 2;
}

/* Remove */
.gform_wrapper .gform_heading,
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message {
    display: none!important
}

/* Error */
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error  input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error  select,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error  textarea {
    border-color: var(--gf-error-color)!important;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error  input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="file"])::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea::placeholder {
    color: var(--gf-error-color)!important;
}

/* Footer Form */

@media(max-width: 767px) {
    .gform_wrapper input#gform_submit_button_1 {
        min-width: 58px!important;
        padding: 0!important;
        font-size: 0!important;
        background-image: url('images/send.svg')!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
        background-size: 24px auto!important;
        background-color: #ffa412!important;
    }
}

/* Line */

.tilt-line {
  position: relative;
	--line-left: 54px;
	--line-color: #ffa412;
}
.tilt-line:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + var(--line-left, 54px));
    translate: -50% -50%;
    aspect-ratio: 39/102;
    height: 100%;
    background-color: var(--line-color,#ffa412);
    mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39 102"><defs><style> .cls-1 { stroke: %23000; stroke-width: 2; } </style></defs><line class="cls-1" x1="37.699" y1="1" x2="1.301" y2="101"/></svg>');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

/* Project Info Styles */
.project-info {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    gap: 10px 20px;
    line-height: 1.4444;
}

.project-info-item strong {
    display: block;
    margin-bottom: 5px;
}