/* Frontend Admin Bar */
#wpadminbar {
     background-color: #ffffff;
     border-bottom: 1px solid #4fb193;
     width: 100% !important;
     height: 54px;
     padding-top: 10px;
}

/* General styling for admin bar items */
#wpadminbar .ab-item,
#wpadminbar .ab-icon:before {
     color: #232628 !important;
     font-family: Ubuntu, sans-serif;
     font-weight: 500;
     font-size: 14px;
     border-radius: 0px;
     background-color: #ffffff !important;
     /* White background */
}

.fl-builder-ab-wrench::before {
     font-family: 'dashicons' !important;
     content: '\f111';
     font-size: 16px;
     color: #23282d;
     padding-top: 0;
     top: -5px !important;
}



#wp-admin-bar-my-account>.ab-item .fas {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 26px;
     color: #ccc;
}

#wpadminbar .ab-item,
#wpadminbar .ab-icon:before {
     font-size: 14px !important;
     line-height: 33px !important;
     height: 33px !important;
     padding: 0 10px !important;
     background: none !important;
     color: #232628 !important;
}

#wpadminbar #wp-admin-bar-flush-cache>.ab-item {
     font-size: 14px !important;
     line-height: 33px !important;
     padding: 0 10px !important;
     background: none !important;
     color: #232628 !important;
}

/* Hover effects for links */
#wpadminbar .ab-item:hover,
#wpadminbar .ab-icon:hover:before {
     color: #317b64 !important;
     background-color: #ffffff !important;
     /* Keep white background on hover */
}

/* Remove WP logo from admin bar */
#wp-admin-bar-wp-logo {
     display: none;
}

/* Height and border for all ab-item links */
.ab-item a {
     height: 45px !important;
}

/* Align FontAwesome icon vertically in My Account */
#wp-admin-bar-my-account>.ab-item .fas {
     vertical-align: middle;
     line-height: 27px;
     margin-right: 15px;
     margin-left: 15px;
}

/* Dropdown background and border radius */
.ab-sub-wrapper {
     background-color: #ffffff !important;
     border-radius: 10px !important;
     margin-right: 20px !important;
     padding: 15px !important;
}

/* Spacing for user action items in My Account dropdown */
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions>li {
     margin-left: 20px !important;
}

/* Replace Customize icon */
#wp-admin-bar-customize>.ab-item:before {
     content: "\f043" !important;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     top: 4px !important;
}

/* Replace Dashboard icon */
#wp-admin-bar-site-name>.ab-item:before {
     content: "\f292" !important;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     top: 4px !important;
}

/* Replace Edit Page icon */
#wpadminbar #wp-admin-bar-edit>.ab-item:before {
     content: "\f013" !important;
     /* Font Awesome pencil-alt icon */
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     top: 4px !important;
}

/* Replace Page Builder icon */
#wp-admin-bar-fl-builder-frontend-edit-link>.ab-item:before {
     content: "\f24d" !important;
     /* Font Awesome magic icon */
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     top: 4px !important;
}

#wp-admin-bar-fl-builder-frontend-edit-link .ab-icon  {
     display: none;
}

/* Replace Flush Cache icon */
#wp-admin-bar-flush-cache>.ab-item:before {
     content: "\f2f9";
     /* Font Awesome sync-alt icon */
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     top: 3px !important;
}

#wpadminbar .ab-item:before {
     color: #317b64 !important;
     font-size: 14px !important;
}

.fl-builder-ab-tag {
     background: #DFEEE9 !important;
}

.fl-builder-ab-wrench {
     display: inline-block !important;
     font-family: dashicons !important;
     color: #000 !important;
     /* Make sure the icon isn't the same color as the background */
}

#wp-admin-bar-site-name .ab-sub-wrapper {
     display: none !important;
}

/* Cache (Faithmade) icon in admin bar (frontend) */
#wp-admin-bar-fm-cache-tools>.ab-item:before {
     content: "\f0e7" !important; /* FA5 bolt */
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 5px;
     top: 3px !important;
}