/****************************
 * Social media
****************************/
.vii-social-buttons {--social-color:var(--vii-color-dark-gray); --social-color-hover:var(--vii-color-primary);}
.vii-social-buttons ul {gap:12px;}
.vii-social-buttons ul > li > a,
.vii-social-buttons ul > li > a[class*="heading_"] {color:var(--social-color);margin-bottom:0;}

/* hover, focus */
.vii-social-buttons ul > li > a:hover, .vii-social-buttons ul > li > a:focus {text-decoration:none; color:var(--social-color-hover);}

/* txt_color_white */
.txt_color_white .vii-social-buttons.icon {
    --social-color:var(--vii-color-primary); --social-color-hover:var(--vii-color-white);
}

/* Icon only */
.vii-social-buttons.icon {
    --social-color:var(--vii-color-white); --social-color-hover:var(--vii-color-primary);
}
.vii-social-buttons.icon a {
    width:42px;height:42px;border-radius:50%;
    line-height:1;
    background-color:var(--social-color-hover);border:2px solid var(--social-color-hover);
}
.vii-social-buttons.icon a:hover, .vii-social-buttons.icon a:focus {
    background-color:transparent;
    border-color:var(--social-color-hover);
}

/* Text only */
.txt_color_white .vii-social-buttons.text {
    --social-color:var(--vii-color-white); --social-color-hover:var(--vii-color-white);
}
.vii-social-buttons.text ul > li > a::after {
    content:"\e927";
    font-family:var(--vii-font-icomoon);font-size:.8em;
    display:inline-block;margin-left:10px;
    transform:rotate(-45deg);
    transition:transform 250ms ease;
}
.vii-social-buttons.text ul > li > a:hover::after,
.vii-social-buttons.text ul > li > a:focus::after {
    transform:rotate(0);
}