.elementor-17 .elementor-element.elementor-element-4e4eae3d{--display:flex;}.elementor-17 .elementor-element.elementor-element-f9565d4{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-344312c6 */.um-profile-body.characters .listing-item .excerpt {
    color: #1ABC9C !important; 
}

.um-profile-meta {
    color: #1ABC9C !important; 
}

.um-profile-meta .um-meta-text {
    color: #1ABC9C !important; 
}

.um-dropdown-arr {
    border-bottom-color: #333333 !important; 
}

.um-dropdown-arr i {
    color: #333333 !important;
}

/* 3. Dropdown List Items (Links) */
.um-dropdown-b ul li a {
    color: #1ABC9C !important;
    background-color: #333333 !important; 
    text-decoration: none !important;
    transition: background 0.3s ease;
}

/* 4. Hover State for Links */
.um-dropdown-b ul li a:hover {
    background-color: #333333 !important; 
    color: #8E44AD !important;  
}

/* 5. Special Styling for "Cancel" or "Hide" link */
.um-dropdown-hide {
    color: #1ABC9C !important;
}

#um-meta-bio {
    background-color: #333333 !important; 
    color: #1ABC9C !important;   
}

/* 2. Style the Placeholder Text (Tell us a bit about yourself...) */
#um-meta-bio::placeholder {
    color: #1ABC9C !important; 
    opacity: 1;                           
}

.um-button {
    background-color: #8E44AD !important; 
}

.um-button:hover {
    background-color: #aa62c9 !important; 
    cursor: pointer;
}

.um-button.um-alt {
    color: white !important;
}

.um-profile-note span {
    color: #1ABC9C !important; 
}

/* colors for Characters and Comments tabs  */
.um-profile-nav {
    background-color: #333333 !important;
}

.um-profile-nav-item a {
    background-color: #333333 !important; /* Muted grey for inactive tabs */
}

.um-profile-nav-item a span.title {
    color: #1ABC9C !important; /* Muted grey for inactive tabs */
}

.um-profile-nav-item.active a span.title {
    color: #aa62c9 !important;
}/* End custom CSS */