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

/* Add space between label and required indicator */
.gform_wrapper .gfield_required {
    color: var(--primary-l-2);
    margin-left: 4px; /* Adjust the value as needed */
}

/* Add space below the last form field */
.gform_wrapper .gform_footer {
    margin-top: 20px; /* Adjust the value as needed */
}

/* This styles submit button. */
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
    color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid var(--primary);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: var(--primary);
}

/* This styles submit button:hover. */
body .gform_wrapper .gform_footer input[type=submit]:hover {
    border: 1px solid var(--primary-l-1);
    background-color: var(--primary-l-1);
}

/* This styles fields */
.gform_wrapper .gfield_label {
    margin-top: 18px;
    padding-bottom: 4px;
    color: #003A48;
    font-size: 14px;
    margin-bottom: 8px;
}

.gform_wrapper .gfield input.large,
.gform_wrapper .gfield select.large {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
	background-color: var(--secondary-l-5);
    border-radius: 8px;
    border: 1px solid var(--secondary-l-5);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* This styles textarea */
.gform_wrapper .gform_body .gform_fields .gfield textarea {
    background-color: var(--secondary-l-5);
	height: 160px;
    border-radius: 8px;
    border: 1px solid var(--secondary-l-5);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

body #gform_wrapper_2 .gform_body .gform_fields .gfield textarea {
    height: 160px;
}

/* This styles placeholder */
body .gform_wrapper input::placeholder {
    color: var(--secondary-l-2);
    font-style: italic;
	font-size: 14px;
}

body .gform_wrapper textarea::placeholder {
    color: var(--secondary-l-2);
    font-style: italic;
	font-size: 14px;
}

input.gfield-choice-input {
    background: var(--secondary-l-2);
}

input.gfield-choice-input:checked {
    background: var(--secondary-l-2);
}

input.gfield-choice-input:checked + label {
    color: var(--secondary);
}

.gchoice label {
    color: var(--text-title);
}

input.gfield-choice-input + label:after {
    border: 2px solid var(--secondary-l-2);
    color: var(--secondary);
}