.rrssb-buttons.large-format li a,.rrssb-buttons.large-format li a .text {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.rrssb-buttons,.rrssb-buttons li,.rrssb-buttons li a {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
clear: both;
}
.clearfix:before,.clearfix:after {
content: " ";
display: table;
}
.rrssb-buttons {
font-family: "Open Sans",sans-serif;
height: 38px;
margin: 0;
padding: 0;
width: 100%;
}
.rrssb-buttons li {
float: left;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
line-height: 13px;
}
.rrssb-buttons li.email a {
background-color: #0a88ff;
}
.rrssb-buttons li.email a:hover {
background-color: #006ed6;
}
.rrssb-buttons li.facebook a {
background-color: #306199;
}
.rrssb-buttons li.facebook a:hover {
background-color: #244872;
}
.rrssb-buttons li.linkedin a {
background-color: #007bb6;
}
.rrssb-buttons li.linkedin a:hover {
background-color: #005983;
}
.rrssb-buttons li.twitter a {
background-color: #26c4f1;
}
.rrssb-buttons li.twitter a:hover {
background-color: #0eaad6;
}
.rrssb-buttons li.googleplus a {
background-color: #e93f2e;
}
.rrssb-buttons li.googleplus a:hover {
background-color: #ce2616;
}
.rrssb-buttons li.pinterest a {
background-color: #b81621;
}
.rrssb-buttons li.pinterest a:hover {
background-color: #8a1119;
}
.rrssb-buttons li.stumbleupon a {
background-color: #ea4a23;
}
.rrssb-buttons li.stumbleupon a:hover {
background-color: #bf300d;
}
.rrssb-buttons li a {
background-color: #ccc;
border-radius: 0;
display: block;
font-size: 11px;
font-weight: bold;
height: 100%;
padding: 11px 7px 12px 27px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.rrssb-buttons li a .icon {
display: block;
height: 100%;
left: 10px;
padding-top: 9px;
position: absolute;
top: 0;
width: 10%;
}
.rrssb-buttons li a .icon i {
color: #FFFFFF;
font-size: 17px;
height: 17px;
width: 17px;
}
.rrssb-buttons li a .icon svg path,.rrssb-buttons li a .icon svg polygon {
fill: #fff;
}
.rrssb-buttons li a .text {
color: #fff;
}
.rrssb-buttons li a:active {
box-shadow: inset 1px 3px 15px 0 rgba(22,0,0,0.25);
}
.rrssb-buttons li.small a {
padding: 0;
}
.rrssb-buttons li.small a .icon {
height: 100%;
left: auto;
margin: 0 auto;
overflow: hidden;
position: relative;
top: auto;
width: 100%;
}
.rrssb-buttons li.small a .text {
display: none;
visibility: hidden;
}
.rrssb-buttons.large-format {
height: auto;
}
.rrssb-buttons.large-format li {
height: auto;
}
.rrssb-buttons.large-format li a {
font-size: 15px;
font-size: 1vw;
padding: 15px 0 15px 12%;
line-height: 1vw;
}
.rrssb-buttons.large-format li a .icon {
left: 7%;
padding-top: 12px;
width: 12%;
}
.rrssb-buttons.large-format li a .icon i {
color: #FFFFFF;
font-size: 24px;
height: 24px;
width: 24px;
}
.rrssb-buttons.large-format li a .icon svg {
height: 100%;
width: 100%;
}
.rrssb-buttons.large-format li a .text {
font-size: 15px;
font-size: 1vw;
}
.rrssb-buttons.large-format li a:hover {
font-size: 15px;
font-size: 1vw;
padding: 15px 0 15px 12%;
}
.rrssb-buttons.small-format {
padding-top: 5px;
}
.rrssb-buttons.small-format li {
padding: 0 1.5px;
}
.rrssb-buttons.small-format li a .icon {
height: 100%;
padding-top: 7px;
}
.rrssb-buttons.small-format li a .icon svg {
height: 48%;
position: relative;
top: 6px;
width: 80%;
}