.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 } #socialContainer .shariff ul.orientation-horizontal { display: inline-block; float: left; } #socialContainer .shariff { min-height: 3rem; } #socialContainer .shariff ul.orientation-horizontal li { width: auto; border: none; } #socialContainer .shariff ul.orientation-horizontal li a{ display: inline-block; padding: 0 1.2rem 0 0; min-height: 3rem; color: #fff; } #socialContainer .shariff ul.orientation-horizontal.theme-white li a{ color: #605d5c; } #socialContainer ul.button-style-standard li a .share_text { display: inline-block; } #socialContainer .shariff ul.orientation-horizontal.button-style-icon li a { padding-right: 0; } #socialContainer .shariff ul.orientation-horizontal.button-style-icon li a .fab, #socialContainer .shariff ul.orientation-horizontal.button-style-icon li a .fas { margin-right: 0; } .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 (max-width: 767px){ #socialContainer .shariff ul.orientation-horizontal li a { padding-right: 0; } #socialContainer .shariff ul.orientation-horizontal.button-style-standard li a .fab, #socialContainer .shariff ul.orientation-horizontal.button-style-standard li a .fas { margin-right: 0; } } @media only screen and (min-width: 360px){ .shariff .orientation-horizontal li { margin-right: 1.2rem; margin-bottom: 0; } }