.shariff li .fab, .shariff li .far, .shariff li .fa, .shariff li .fas { width: 3.5rem; } .fab,.fas { /*font-family: Font Awesome\ 5 Brands*/ font-family: 'Wuerthicons'; font-weight: inherit; } .far { font-weight: 400 } .shariff ul.orientation-horizontal { } .shariff .orientation-horizontal li, .shariff .orientation-horizontal.button-style-standard li { min-width: 3.5rem; max-width: 20rem; } .webkit .shariff ul:not(.theme-white) a, .webkit .shariff ul:not(.theme-white) a:link, .webkit .shariff ul:not(.theme-white) a:hover, .webkit .shariff ul:not(.theme-white) a:focus, .webkit .shariff ul:not(.theme-white) a:visited, .webkit .shariff ul:not(.theme-white) a:active { color: #fff !important; } .shariff .theme-white .shariff-button { border: none; } .fa-facebook-f:before { content: "\ea83"; } .fa-twitter:before { content: "\eb9e"; } .fa-envelope:before { content: "\ea43"; } .fa-whatsapp:before { content: "\ea23"; left: } .fa-xing:before { content: "\ebd6"; } .fa-pinterest-p:before { content: "\eb76"; } .fa-linkedin-in:before { content: "\ec09"; } .shariff:after { clear: none; } @media only screen and (min-width: 360px){ .shariff .orientation-horizontal li { margin-right: 1.2rem; margin-bottom: 0; } }