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

.gform_wrapper .gform_heading,
.gform_wrapper .gform_validation_errors {
    display: none!important;
}
.gform_wrapper .gform_fields {
    column-gap: clamp(30px, 7vw, 100px);
}
.gform_wrapper .gfield,
.gform_wrapper .gform-grid-col {
  position: relative;
}
.gform_wrapper label.gform-field-label {
  font-size: 24px!important;
  color: #fff;
  text-transform: capitalize;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(10px, 20px);
  transition: all .3s ease-in-out;
  margin-bottom: 0!important;
}
.gform_wrapper .gfield:has(input:focus) label,
.gform_wrapper .gfield:has(input:not(:placeholder-shown)) label,
.gform_wrapper .gfield:has(textarea:focus) label,
.gform_wrapper .gfield:has(textarea:not(:placeholder-shown)) label,
.gform_wrapper .gfield:has(select:focus) label,
.gform_wrapper .gfield:has(select option:checked) label {
  font-size: 16px!important;
  transform: translateY(0);
  opacity: 0.25;
}
.gform_wrapper .gfield input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="website"]),
.gform_wrapper .gfield select, .gform_wrapper .gfield textarea {
    font-family: Lora;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5em;
    text-align: left;
    padding: 0;
    min-height: 0;
    height: auto;
    padding: 23px 10px 24px!important;
    border-width: 0 0 1px 0;
    border-color: #fff;
    border-radius: 0;
    background: transparent;
    box-shadow: none!important;
    outline: none!important;
    color: #fff;
}
.gform_wrapper .gfield textarea.medium {
    min-block-size: 0;
    height: 120px;
}
.gform_wrapper .gfield ::placeholder {
    color: rgba(0,0,0,0);
}
.gform_wrapper input[type="submit"] {
    margin-left: auto!important;
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 46px!important;
    padding: 3px 46px 3px 22px !important;
    background-color: transparent!important;
    border-radius: 0!important;
    box-shadow: none!important;
    background-image: url('images/arrow-right__white.svg');
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: calc(100% - 22px) center!important;
}
.gform_wrapper input[type="submit"]:hover {
    background-color: transparent!important;
    box-shadow: none!important;
    color: #c1694f!important;
}
.gform-footer {
    position: relative;
    margin-top: 46px!important;
}
.gform-loader {
    position: absolute!important;
    right:  0;
    left: auto;
}
.gform_confirmation_wrapper  {
    text-align: center;
}
.gform_confirmation_message {
    display: inline-block;
    margin-inline: auto!important;
    width: max-content!important;
    max-width: 100%!important;
    padding: 8px;
    color: #04AA6D;
    background: #ddffdd!important;
    border: 1px solid #04AA6D!important;
    text-align: center;
}
@media(max-width: 767px) {
    .gform_wrapper label.gform-field-label {
        font-size: 18px !important;
        transform: translate(10px, 16px);
    }
    .gform_wrapper .gfield:has(input:focus) label,
    .gform_wrapper .gfield:has(input:not(:placeholder-shown)) label,
    .gform_wrapper .gfield:has(textarea:focus) label,
    .gform_wrapper .gfield:has(textarea:not(:placeholder-shown)) label,
    .gform_wrapper .gfield:has(select:focus) label,
    .gform_wrapper .gfield:has(select option:checked) label {
        font-size: 14px!important;
    }
    .gform_wrapper .gfield input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="website"]),
    .gform_wrapper .gfield select, .gform_wrapper .gfield textarea {
        font-size: 18px!important;
        padding: 16px 10px!important;
    }
    .gform_wrapper .gform_fields {
        row-gap: 20px!important;
    }
}

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