.cb-social-sharing {
box-sizing: border-box;
}
.cb-social-icons {
list-style: none;
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.cb-social-icons li {
display: inline-block;
width: 100%;
}
.cb-social-icons li a {
display: inline-block;
text-align: center;
font-size: 22px;
color: #FFFFFF;
}
.cb-social-icons.style-1 li a, .cb-social-icons.style-2 li a, .cb-social-icons.style-3 li a {
width: 100%;
height: 40px;
line-height: 40px;
}
.cb-social-icons.style-2 li a {
border-radius: 5px;
line-height: 38px;
}
.cb-social-icons.style-3 li a {
border-radius: 50%;
line-height: 38px;
width: 40px;
height: 40px;
}
.cb-social-sharing.inside-content .cb-social-icons{
height: auto;
display: flex;
}
.cb-social-sharing.inside-content .cb-social-icons li {
flex: 1;
}
.cb-social-sharing.inside-content .cb-social-icons.style-2 li {
margin: 0 5px;
}
.cb-social-sharing.inside-content .cb-social-icons.style-3 li a {
line-height: 38px;
}
.cb-social-sharing.inside-content .cb-social-icons li a:hover {
transform: scale(1.15,1.15);
}
.cb-social-icons li a.cb-fb-icon {background-color: #3b5998;}
.cb-social-icons li a.cb-tw-icon {background-color: #55acee;}
.cb-social-icons li a.cb-wa-icon {background-color: #25d366;}
.cb-social-icons li a.cb-in-icon {background-color: #2a7ab9;}
.cb-social-icons li a.cb-pin-icon {background-color: #ca2028;}
.cb-social-icons li a.cb-rd-icon {background-color: #ff4500;}
.cb-social-icons li a.cb-em-icon {background-color: #222222; line-height: 34px;}
@media screen and (min-width: 768px) {
.cb-social-sharing.desktop-1, .cb-social-sharing.desktop-2 {
position: fixed;
top: 30%;
width: 50px;
left: 0;
z-index: 99;
}
.cb-social-sharing.desktop-2 {
left: auto;
right: 0;
}
.cb-social-sharing.desktop-1 .cb-social-icons.style-2, .cb-social-sharing.desktop-1 .cb-social-icons.style-3 {
position: relative;
left: 10px;
}
.cb-social-sharing.desktop-2 .cb-social-icons.style-2, .cb-social-sharing.desktop-2 .cb-social-icons.style-3 {
position: relative;
right: 10px;
}
.cb-social-icons.style-2 li, .cb-social-icons.style-3 li {
margin-bottom: 5px;
}
.cb-social-sharing.desktop-3 {
display: none;
}
}
@media screen and (max-width: 768px) {
.cb-social-sharing.mobile-1 {
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
left: 0;
z-index: 99;
}
.cb-social-sharing.mobile-1 .cb-social-icons {
display: flex;
flex-basis: 50px;
}
.cb-social-sharing.mobile-1 .cb-social-icons.style-2, .cb-social-sharing.mobile-1 .cb-social-icons.style-3 {
position: relative;
bottom: 5px;
}
.cb-social-sharing.mobile-1 .cb-social-icons li {
flex: 1;
margin-left: -1px;
margin-bottom: -1px;
}
.cb-social-sharing.mobile-1 .cb-social-icons.style-2 li {
margin: 0 3px;
}
.cb-social-sharing.mobile-1 .cb-social-icons.style-1 li a {
height: 100%;
line-height: 50px;
font-size: 24px;
}
.cb-social-sharing.mobile-2 {
display: none;
}
}