/****************************
 * Social media
****************************/
.vii-social-buttons {
    --social-color:var(--vii-color-white); --social-color-hover:var(--vii-color-primary);
    --social-bg:var(--social-color-hover); --social-hover-bg:transparent;
    --social-border-color:var(--vii-color-light-gold);--social-border-hover-color:var(--vii-color-primary);
}
.vii-social-buttons ul {gap:8px;}
.vii-social-buttons ul > li > a {
    color:var(--social-color);
    border:1px solid var(--social-border-color);
    background-color:var(--social-bg);
}

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

/* hover, focus */
.vii-social-buttons ul > li > a:hover, .vii-social-buttons ul > li > a:focus {
    color:var(--social-color-hover);background-color:var(--social-hover-bg);
    border-color:var(--social-border-hover-color);
}

/* Icon only */
.vii-social-buttons.icon a {
    width:45px;height:45px;
    padding-top:1px;
    border-radius:50%;line-height:1;
}

/* Text only */
.vii-social-buttons.text a {padding:8px 14px;border-radius:4px;}

@media only screen and (min-width:1700px) {
    .vii-social-buttons.icon a {width:2.25vw;height:2.25vw;}
}