/*
 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.2
 Text Domain:  bricks
*/

.brx-animate-lfFadeInUp {
    animation-name: lfFadeInUp;
}

@keyframes lfFadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/**/

/*Gravity Forms Styles*/

#brx-content .gravity-theme.gform_wrapper .gfield_label {
    font-family: var(--text-font-family);
    font-size: var(--text-m);
    text-transform: none;
    color: var(--neutral);
    font-weight: 400;
    margin-bottom: 5px;
}

#brx-content .gravity-theme.gform_wrapper .gf_progressbar_title {
    font-family: var(--text-font-family);
    color: var(--primary-dark);
    font-size: var(--text-s);
    font-weight: 400;
}

#brx-content .gravity-theme.gform_wrapper .gfield input, #brx-content .gravity-theme.gform_wrapper .gfield select, #brx-content .gravity-theme.gform_wrapper .gfield textarea {
    padding: 5px 20px;
    line-height: 40px;
    border-radius: var(--radius);
    border: 1px solid var(--primary-light);
    font-family: var(--text-font-family);
}

#brx-content .gform_wrapper.gravity-theme .gf_progressbar_blue {
    background: var(--neutral-light);
    border-radius: var(--radius);
    margin-bottom: var(--space-m);
}

#brx-content .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: var(--primary);
    color: var(--secondary);
}

#gform_send_resume_link_button_2, .form_saved_messages_emailform form .gform-footer input, #brx-content .gform_wrapper.gravity-theme .gform_page_footer input, #brx-content .gform_wrapper.gravity-theme .gform_page_footer input:not([type=submit]), #brx-content .gform_wrapper.gravity-theme .gform_page_footer input, #brx-content .gform_wrapper.gravity-theme .gform_button {
  background: var(--primary);
  color: var(--text-light);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  min-inline-size: var(--btn-min-width);
  line-height: var(--btn-line-height);
  font-size: var(--btn-font-size, var(--text-m));
  font-weight: bold;
  font-style: var(--btn-font-style);
  text-transform: var(--btn-text-transform);
  letter-spacing: var(--btn-letter-spacing);
  text-decoration: var(--btn-text-decoration);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-radius);
  border-color: var(--primary);
  transition: var(--btn-transition, var(--transition));
  justify-content: var(--btn-justify-content, center);
  text-align: var(--btn-text-align, center);
  cursor: pointer;
}

#brx-content .gform_wrapper.gravity-theme .gform_page_footer input:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    color: var(--secondary);
}

#brx-content .subHeading h3 {
    font-size: var(--text-m);
    color: var(--text-dark-muted);
}

#brx-content .subHeading .gsection_description {
    font-size: var(--text-s);
}

#brx-content .gfield.gfield--type-section.subHeading {
    border-bottom: 1px solid var(--primary-light);
}

#brx-content .gfield.gfield--type-section {
    border-bottom: 2px solid var(--primary-dark);
}

#brx-content .gfield.gfield--type-section:not(:first-child) {
    margin-top: var(--space-s);
}

#brx-content .gform_page_fields {
    padding: var(--space-m);
    border-radius: var(--radius);
    border: 1px solid var(--primary-light);
    background: var(--neutral-ultra-light);
    box-shadow: var(--box-shadow-1);
}

#brx-content .gfield_calculation input {
    font-weight: bold;
}

#brx-content .gchoice label {
    color: var(--text-dark-muted);
}

#brx-content .gravity-theme.gform_wrapper #gform_2 .gfield input, #brx-content .gravity-theme.gform_wrapper #gform_2 .gfield select, #brx-content .gravity-theme.gform_wrapper #form_2 .gfield textarea {
    padding: 3px 10px;
    line-height: 30px;
}

#brx-content .mainHeading h3 {
    font-size: var(--text-xl);
}

html #cmplz-manage-consent .cmplz-btn.cmplz-manage-consent {
    background: var(--primary-light);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

html #cmplz-manage-consent .cmplz-btn.cmplz-manage-consent:hover {
    opacity: 1;
}

html .grecaptcha-badge {
    visibility: visible;
}