.mfx-icon-x {
    width: 1em;
    height: 1em;
    display: block;
    flex-shrink: 0;
}

/* Footer social row — align X with font icons */
.social-style-1 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
}

.social-style-1 a i {
    display: block;
    line-height: 1;
}

.social-style-1 .mfx-icon-x {
    width: 16px;
    height: 16px;
}

.social-style-1.social-style-1-font-inc .mfx-icon-x {
    width: 17px;
    height: 17px;
}

.social-style-1 a.x-social .mfx-icon-x {
    transform: translateY(-1px);
}

.social-style-2 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.social-style-2 .mfx-icon-x {
    width: 16px;
    height: 16px;
}

/* Mobile hamburger menu */
.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a i {
    display: block;
    line-height: 1;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a.x-social {
    background-color: #000;
    border: 1px solid #000;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a.x-social:hover {
    color: #000;
    background-color: transparent;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a.x-social .mfx-icon-x {
    width: 14px;
    height: 14px;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a.youtube {
    background-color: #ff0000;
    border: 1px solid #ff0000;
}

.mobile-header-active .clickalbe-sidebar-wrap .mobile-header-content-area .mobile-social-icon a.youtube:hover {
    color: #ff0000;
    background-color: transparent;
}

.tag-share .blog-share ul li a.x-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tag-share .blog-share ul li a.x-social:hover {
    color: #000;
}

.tag-share .blog-share ul li a.x-social .mfx-icon-x {
    width: 16px;
    height: 16px;
}