/****************************
 * Social media
****************************/
.social-buttons {margin-bottom:0 !important;}
.social-buttons ul {display:flex; margin:0; list-style:none;}
.social-buttons ul > li {padding:0;}
.social-buttons ul > li:not(:last-child) {margin:0 20px 0 0;}
.social-buttons ul > li > a {color:var(--vii-color-white); font-size:var(--vii-size-24); text-decoration:none;}
.social-buttons ul > li > a:hover {color:var(--vii-color-primary-highlight);}

/****************************
 * Social media on footer
****************************/
@media only screen and (max-width:768px) {
    .site-footer-content .social-buttons ul {justify-content:center;}
}