.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 .theme-grey .shariff-button a .fab, .shariff .theme-grey .shariff-button a .fas { background-color: #b0b0b0; } .shariff .theme-white .facebook a .fab { color: #3b5998; } .shariff .theme-white .shariff-button a .fab, .shariff .theme-white .shariff-button a .fas{ background-color: #fff; } .shariff .theme-white .twitter a .fab{ color: #55acee; } .shariff .theme-white .xing a .fab{ color: #126567; } .shariff .theme-white .linkedin a .fab { color: #0077b5; } .shariff .theme-white .mail a .fas{ color: #999; } .shariff .theme-white .whatsapp a .fab{ color: #5cbe4a; } .shariff .theme-white .pinterest a .fab{ color: #bd081c; } .shariff .theme-white .shariff-button a:hover .fab, .shariff .theme-white .shariff-button a:focus-visible .fab, .shariff .theme-white .shariff-button a:hover .fas, .shariff .theme-white .shariff-button a:focus-visible .fas{ background-color:#eee; } .shariff .orientation-horizontal li, .shariff .orientation-horizontal.button-style-standard li { display: inline-flex; align-items: center; justify-content: center; min-width: inherit; max-width: inherit; } #socialShareButtons a:focus-visible { outline: 2px solid #000; outline-offset: 2px; } #socialShareButtons a:focus-visible:has(.share_text) { border-radius: 0; } #socialShareButtons a:focus-visible:not(:has(.share_text)) { border-radius: 50%; } .shariff a span.fab::before, .shariff a span.fas::before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: contents; } .shariff a{ overflow: hidden; } .shariff .shariff-button a{ background: inherit !important; } .shariff li .share_text{ color: #000; font-family: 'wuerthbold'; font-size: inherit; margin-left: 10px; } .shariff .facebook a .fab, .shariff .twitter a .fab, .shariff .xing a .fab, .shariff .linkedin a .fab, .shariff .mail a .fas, .shariff .whatsapp a .fab, .shariff .pinterest a .fab{ background-color: #000; color: #fff; width: 32px; height: 32px; border-radius: 16px; font-size: 13px; top: inherit; position: relative; line-height: 32px; } .shariff .facebook .fa-facebook-f, .shariff .twitter .fa-twitter, .shariff .xing .fa-xing, .shariff .linkedin .fa-linkedin-in, .shariff .mail .fa-envelope, .shariff .whatsapp .fa-whatsapp, .shariff .pinterest .fa-pinterest-p{ font-size: 14px; position: relative; width: inherit; } .shariff .mail a:hover{background-color:#cc0000} .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 .facebook a:hover span.fab, .shariff .facebook a:focus-visible span.fab { background-color: #4273c8; } .shariff .twitter a:hover span.fab, .shariff .twitter a:focus-visible span.fab { background-color: #32bbf5; } .shariff .linkedin a:hover span.fab, .shariff .linkedin a:focus-visible span.fab { background-color: #0369a0; } .shariff .pinterest a:hover span.fab, .shariff .pinterest a:focus-visible span.fab { background-color: #d50920; } .shariff .xing a:hover span.fab, .shariff .xing a:focus-visible span.fab { background-color: #29888a; } .shariff .whatsapp a:hover span.fab, .shariff .whatsapp a:focus-visible span.fab { background-color: #34af23; } .shariff .mail a:hover span.fas, .shariff .mail a:focus-visible span.fas { background-color: #cc0000; } .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; } }