/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.general-contact-wrap .nf-after-form-content {
	padding: 0px 10px;
}
.general-contact-wrap #ninja_forms_required_items, .general-contact-wrap .nf-field-container {
	margin-bottom: 10px;
}
.general-contact-wrap .nf-pass.field-wrap .nf-field-element:after {
    color: green;
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f058";
    position: absolute;
    top: 0;
    right: 16px;
    height: 40px;
    line-height: 40px;
    transition: all .5s;
}
.general-contact-wrap .nf-form-content .list-select-wrap>div div {
    display: block;
    position: absolute;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 16px;
    height: 40px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
}
.general-contact-wrap .nf-form-content select.ninja-forms-field {
    color: #333333 !important;
}

/* Change the text color of the State dropdown to black */
#nf-field-47, 
#nf-field-47 option {
    color: #000000 !important;
    background-color: #ffffff; /* Optional: ensures background is white for contrast */
}

/* Fix for modern browsers where the 'Select State' placeholder might stay grey */
#nf-field-47::placeholder {
    color: #000000;
}