/* Custom styling for the Social Media Edit AJAX plugin */
.social-media-edit-container {
    /* Container-specific styles can be added here */
}
.social-media-edit-container .input-group-text {
    background-color: #f8f9fa;
}
.social-media-icons a {
    text-decoration: none;
}

/* Size classes for social media icons */
.social-icon-sm {
    width: 35px;
    height: 35px;
    font-size: 25px;
    margin: auto;
}
.social-icon-md {
    width: 50px;
    height: 50px;
    font-size: 40px;
    margin: auto;
}
.social-icon-lg {
    width: 80px;
    height: 80px;
    font-size: 60px;
    margin: auto;
}

/* Better targeting for Boxicons via the wrapper */
.social-boxicon:before {
    /* Apply your desired styles to all boxicons */
    color: #007bff; /* Example: change icon color */
    font-size: inhert; /* Ensure it inherits font-size from parent */
}

.social-media-icons.d-inline-flex.flex-wrap.align-items-center {
    flex-wrap: nowrap !important;
}

button#smeHeaderButton {
    justify-content: start!important;
    /* margin-left: 0px!important; */
    margin: 0px!important;
    padding-left: 0px!important;
}