.pix_box {
border: 1px solid #eee;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
font-size: .975em;
margin-bottom: 1em;
padding: 1em 2em;
position: relative;
text-align: center;
width: 100%;
}
.pix_box:before,
.pix_box:after {
content: "";
display: table;
}
.pix_box:after {
clear: both;
}
.pix_box[data-cookie] {
display: none;
}
.pix_box.topicon .shortcodelic-featured-icon {
display: block;
padding: 2em 0 0.5em;
text-align: center;
width: 100%;
}
.pix_box.lefticon {
text-align: left;
}
.pix_box.lefticon .shortcodelic-featured-icon {
display: table-cell;
padding: 0 2em 0 0;
height: 100%;
vertical-align: middle;
}
.pix_box.lefticon .shortcodelic-content-box {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.pix_box.righticon {
text-align: right;
}
.pix_box.righticon .shortcodelic-featured-icon {
display: table-cell;
padding: 0 0 0 2em;
height: 100%;
vertical-align: middle;
}
.pix_box.righticon .shortcodelic-content-box {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.pix_box .close-box-sc {
background: #eee;
color: #fff;
cursor: pointer;
display: block;
font-size: 1em;
height: 2em;
line-height: 2em;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 2em;
}#ssb-container {
position: fixed;
top: 30%;
z-index: 1;
}
.ssb-btns-right {
right: 0;
}
.ssb-btns-left {
left: 0;
}
#ssb-container ul {
padding: 0;
margin: 0;
}
#ssb-container ul li {
list-style: none;
margin: 0;
}
#ssb-container ul li {
line-height: 45px;
}
#ssb-container ul li p {
margin: 0;
}
#ssb-container ul li a {
padding: 0 15px 0 0;
display: block;
line-height: 45px;
text-align: left;
white-space: nowrap;
text-decoration: none;
}
#ssb-container ul li span {
line-height: 45px;
width: 50px;
text-align: center;
display: inline-block;
}
#ssb-container.ssb-btns-left ul li a {
text-align: right;
padding: 0 0 0 15px;
}
#ssb-container.ssb-btns-left ul li span {
float: right;
}
#ssb-container ul li a:hover {
text-decoration: none;
}
#ssb-container .ssb-share-btn {
position: relative;
}
#ssb-container .ssb-share-btn span,
#ssb-container.ssb-btns-left .ssb-share-btn span {
float: none;
}
#ssb-container .ssb-share-btn a {
padding: 0;
}
#ssb-container.ssb-btns-left .ssb-share-btn i.ssb-share-icon {
float: right !important;
}
#ssb-container.ssb-anim-icons ul li {
transition: transform 100ms;
}
#ssb-container.ssb-anim-icons.ssb-btns-right ul li:hover {
transform: translate(-15px, 0);
}
#ssb-container.ssb-anim-icons.ssb-btns-left ul li:hover {
transform: translate(15px, 0);
}
#ssb-container ul li.ssb-share-btn:hover .ssb-social-popup {
display: block;
}
.ssb-social-popup {
position: absolute;
top: 100%;
left: 100%;
margin: 0 0 0 -50px;
width: 155px;
display: none;
}
#ssb-container.ssb-btns-right .ssb-social-popup {
right: -100%;
margin: 0 0 0 -110px;
left: 0;
}
#ssb-container .ssb-social-popup a {
padding: 0 !important;
text-align: left !important;
} @media (max-width: 640px) {
.ssb-disable-on-mobile {
display: none;
}
}