/* Social Media Icons */
.bs-social-links default {
display: flex;
justify-content: flex-start; /* Align to left */
align-items: center;
gap: 15px; /* Spacing */
padding: 0px 0;
padding-left: 0px;
}
.link-items {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.link-items .item {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
border: 4px solid #ffff;
background-color: transparent;
transition: all 0.3s ease;
text-decoration: none;
position: relative;
}
.link-items .item:hover {
background-color: #ffff;
transform: scale(1.05);
}
.link-items .item i {
font-size: 18px;
color: #ffff;
transition: color 0.3s ease;
width: 18px;
height: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.link-items .item:hover i {
color: #54514b;
}
.circular.social {
border: none !important;
background: none !important;
box-shadow: none !important;
font-size: 18px !important;
width: auto !important;
height: auto !important;
}
/* Responsive design */
@media (max-width: 768px) {
.link-items {
gap: 12px;
}
.link-items .item {
width: 40px;
height: 40px;
}
.link-items .item i {
font-size: 16px;
}
}