/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 01 2025 | 14:10:07 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.gform_wrapper.gravity-theme .gfield_required {
    color: #e92f06;
    display: inline-block;
    font-size: 20px;
    padding-inline-start: 0.125em;
}

legend {
    border-bottom: 0px solid #f1f1f1;
}

.nav-uppercase>li>a {
    text-transform: none;
}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
padding-top: 0px;
}

/* Hide the original dropdown */
.gf-make-buttons select {
    display: none;
}

/* Container for the buttons */
.gf-make-buttons .button-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

/* Individual button styling */
.gf-make-buttons .option-button {
    border: 1px solid #394150;
    padding: 9px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0; /* Square corners */
}

/* Hover state */
.gf-make-buttons .option-button:hover {
    background: #f5f5f5;
}

/* Selected state */
.gf-make-buttons .option-button.selected {
    background: #394150;
    color: white;
}

/* Non-clickable placeholder styling */
.gf-make-buttons .option-button.placeholder {
    opacity: 0.6;
    cursor: default;
    background: #f9f9f9;
	color: #394150;
}

.gf-make-buttons .option-button.placeholder:hover {
    background: #f9f9f9; /* No hover effect for placeholder */
}