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

/* Box shadow for web elements*/
.box-shadow {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}

/* Image - Bottom border*/
.bottom-border-red {
  border-bottom: 6px solid #AF2525;
  display: block; 
}
.bottom-border-blue {
  border-bottom: 6px solid #2286d1;
  display: block; 
}

/* Removing fields required area from NF */
.nf-form-fields-required {
    display: none !important;
}

/* ----------------Modal popup sizing settings--------------- */

/* Force Modal Height and Scrollbar */
.uabb-modal-content {
    max-height: 80vh !important; /* Limits height to 80% of the screen */
    overflow-y: auto !important;  /* Forces vertical scrollbar */
    display: block !important;    /* Ensures scroll works on all browsers */
}

/* Fix the "Cutoff" at the top */
.uabb-modal-container {
    top: 5% !important;           /* Anchors it near the top instead of center */
    transform: none !important;    /* Stops the centering math that clips the top */
    margin: 0 auto !important;
}
/* Shorten distance between fields */
.nf-field-container {
    margin-bottom: 10px !important; /* Default is usually 20-30px */
}

/* Make labels smaller and closer to the inputs */
.nf-field-label {
    margin-bottom: 5px !important;
    font-size: 14px !important;
}

/* Tighten the padding inside the form itself */
.nf-form-content {
    padding: 10px !important;
}