.activity ul li .activity-meta .service-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: wrap;
flex-flow: wrap;
background: rgba(0, 0, 0, .02);
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-radius: 6px;
}
.activity ul li .activity-meta .service-buttons a.bp-share {
background: none !important;
color: black !important;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 2px;
text-decoration: none;
}
.activity ul li .activity-meta .service-buttons a.bp-share .dashicons-twitter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.activity ul li .activity-meta .service-buttons a.bp-share .dashicons-twitter:before {
content: none;
}
.activity ul li .activity-meta .service-buttons a.bp-share .dashicons-twitter svg {
width: 16px;
height: 16px;
}
.activity ul li .activity-meta .service-buttons a.bp-share:hover {
background: none !important;
color: #686868 !important;
}
a.bp-share .fa {
font-family: 'FontAwesome';
}
a.bp-share.has-popup {
border-bottom: none;
}
.service-buttons a {
padding: 4px 8px;
}
.service-buttons {
padding: 10px;
}
.service-buttons span.tooltiptext {
position: relative;
font-size: 13px;
font-weight: 500;
background: #444;
border-radius: 4px;
color: #fff;
line-height: 1.3;
padding: 7px 15px;
white-space: nowrap;
z-index: 10;
pointer-events: none;
-webkit-transition: all .18s ease-out .18s;
transition: all .18s ease-out .18s;
}
.service-buttons span.tooltiptext:before {
content: ' ';
width: 12px;
height: 12px;
background: #444;
position: absolute;
left: -5px;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -1;
border-radius: 2px;
}
.bp-share .dashicons-facebook-alt {
color: #3B5998;
}
.bp-share .dashicons-twitter {
color: #000000;
}
.bp-share .dashicons-linkedin {
color: #007BB6;
}
.bp-share .dashicons-whatsapp {
color: #46bd00;
}
.bp-share .dashicons-email {
color: #AD0000;
}
.bp-share .fa-pinterest-p {
color: #BD081C;
}
.bp-share .fa-reddit-alien {
color: #FF4501;
}
.bp-share .fa-wordpress {
color: #21759B;
}
.bp-share .fa-get-pocket {
color: #EF3E56;
}
.bp-list li .generic-button.bp-share-btn,
.bp-share-btn {
display: inline-block;
}
.bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button {
background: none; font-size: inherit;
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
body:not(.logged-in).bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button {
color: inherit;
}
.bp-nouveau .activity-list .activity-item .activity-meta .bp-share-button::before,
.bp-nouveau .activity-list .activity-item .bp-share-button::before {
content: "\f237" !important;
font-family: 'dashicons' !important;
font-size: initial;
margin-right: 3px;
}
.bp-nouveau .button.item-button.bp-secondary-action.bp-share-button {
line-height: 0;
font-size: 0;
vertical-align: middle;
}
.tooltip-hide {
display: none;
} .bp-nouveau.buddyboss-theme .activity-list .activity-item .bp-share-button::before {
content: '\e927';
font-family: bb-icons;
font-size: initial;
} body.kleo #buddypress .activity-meta a.button.bp-share-button {
line-height: initial;
}
.kleo-page #buddypress .activity-meta a.button.bp-share-button {
display: inline;
} body.onecommunity.bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button {
display: block;
padding: 0 8px;
}
body.onecommunity.bp-nouveau .activity-list .activity-item .activity-meta .bp-share-button::before {
content: none;
} body.rehub-theme #buddypress div.activity-meta a.bp-share-button:hover span {
background: none;
} #drag_social_icon,
#drag_icon_ul {
padding: 20px;
border: 1px solid #e3e2ec;
background: #fff;
box-shadow: 0 10px 20px #f5f5f6;
width: 48%;
border-radius: 10px;
margin: 0 1%;
} #youzify .activity-meta .bp-share-btn a.bp-share-button{
cursor: pointer;
}
#youzify .activity-meta .bp-share-btn a.bp-share-button:before {
font-size: 18px;
content: "\f237" !important;
font-family: 'dashicons' !important;
margin-right: 5px;
display: inline-block;
}
#youzify .activity ul li .activity-meta .service-buttons{
position: absolute;
z-index: 99;
}
#youzify .activity ul li .activity-meta .service-buttons a {
padding: 0 3px;
}.wog-social-share {
margin: 20px 0;
padding: 15px 0;
border-top: 1px solid #e1e8ed;
clear: both;
}
.wog-share-label {
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.wog-share-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
} .wog-share-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
text-decoration: none;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
transition: all 0.2s ease;
border: none;
cursor: pointer;
position: relative;
overflow: hidden;
line-height: 1.2;
}
.wog-share-btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
text-decoration: none;
}
.wog-share-btn:active {
transform: translateY(0);
}
.wog-share-btn svg {
flex-shrink: 0;
transition: transform 0.2s ease;
}
.wog-share-btn:hover svg {
transform: scale(1.1);
}
.wog-share-text {
white-space: nowrap;
} .wog-style-modern .wog-share-btn {
background: #f8f9fa;
color: #495057;
border: 1px solid #dee2e6;
}
.wog-style-modern .wog-share-btn:hover {
background: #fff;
border-color: #adb5bd;
} .wog-style-modern .wog-share-facebook:hover {
background: #1877f2;
color: white;
border-color: #1877f2;
}
.wog-style-modern .wog-share-twitter:hover {
background: #1da1f2;
color: white;
border-color: #1da1f2;
}
.wog-style-modern .wog-share-linkedin:hover {
background: #0077b5;
color: white;
border-color: #0077b5;
}
.wog-style-modern .wog-share-pinterest:hover {
background: #bd081c;
color: white;
border-color: #bd081c;
}
.wog-style-modern .wog-share-whatsapp:hover {
background: #25d366;
color: white;
border-color: #25d366;
}
.wog-style-modern .wog-share-email:hover {
background: #6c757d;
color: white;
border-color: #6c757d;
}
.wog-style-modern .wog-share-copy:hover {
background: #28a745;
color: white;
border-color: #28a745;
} .wog-style-classic .wog-share-btn {
border-radius: 0;
padding: 10px 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.wog-style-classic .wog-share-facebook {
background: #1877f2;
color: white;
}
.wog-style-classic .wog-share-twitter {
background: #1da1f2;
color: white;
}
.wog-style-classic .wog-share-linkedin {
background: #0077b5;
color: white;
}
.wog-style-classic .wog-share-pinterest {
background: #bd081c;
color: white;
}
.wog-style-classic .wog-share-whatsapp {
background: #25d366;
color: white;
}
.wog-style-classic .wog-share-email {
background: #6c757d;
color: white;
}
.wog-style-classic .wog-share-copy {
background: #28a745;
color: white;
}
.wog-style-classic .wog-share-btn:hover {
opacity: 0.9;
transform: none;
box-shadow: none;
} .wog-style-minimal .wog-share-btn {
background: transparent;
color: #6c757d;
border: none;
padding: 8px;
border-radius: 50%;
width: 40px;
height: 40px;
justify-content: center;
}
.wog-style-minimal .wog-share-text {
display: none;
}
.wog-style-minimal .wog-share-btn:hover {
background: #f8f9fa;
color: #495057;
transform: scale(1.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} .wog-share-copy.copied {
background: #28a745 !important;
color: white !important;
border-color: #28a745 !important;
}
.wog-share-copy.copied::after {
content: "✓";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
animation: checkmark 0.3s ease;
}
@keyframes checkmark {
0% {
opacity: 0;
transform: translate(-50%, -50%) scale(0.5);
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
} .wog-share-btn.loading {
pointer-events: none;
opacity: 0.7;
}
.wog-share-btn.loading svg {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
} @media (max-width: 768px) {
.wog-share-buttons {
justify-content: center;
}
.wog-style-modern .wog-share-btn,
.wog-style-classic .wog-share-btn {
flex: 1;
justify-content: center;
min-width: 0;
max-width: calc(50% - 4px);
}
.wog-style-minimal .wog-share-btn {
flex: none;
}
.wog-share-text {
display: none;
}
.wog-style-minimal .wog-share-text {
display: none;
}
}
@media (max-width: 480px) {
.wog-social-share {
margin: 15px 0;
padding: 10px 0;
}
.wog-share-buttons {
gap: 6px;
}
.wog-share-btn {
padding: 8px;
font-size: 12px;
}
.wog-style-modern .wog-share-btn,
.wog-style-classic .wog-share-btn {
max-width: calc(33.333% - 4px);
}
.wog-style-minimal .wog-share-btn {
width: 36px;
height: 36px;
}
} .wog-share-btn:focus {
outline: 2px solid #007cba;
outline-offset: 2px;
}
.wog-share-btn:focus:not(:focus-visible) {
outline: none;
} @media (prefers-contrast: high) {
.wog-share-btn {
border-width: 2px;
}
} @media (prefers-reduced-motion: reduce) {
.wog-share-btn,
.wog-share-btn svg {
transition: none;
}
.wog-share-btn.loading svg {
animation: none;
}
} @media (prefers-color-scheme: dark) {
.wog-social-share {
border-top-color: #333;
}
.wog-share-label {
color: #e1e8ed;
}
.wog-style-modern .wog-share-btn {
background: #2c3e50;
color: #ecf0f1;
border-color: #34495e;
}
.wog-style-modern .wog-share-btn:hover {
background: #34495e;
border-color: #4a5f7a;
}
.wog-style-minimal .wog-share-btn {
color: #bdc3c7;
}
.wog-style-minimal .wog-share-btn:hover {
background: #34495e;
color: #ecf0f1;
}
} @media print {
.wog-social-share {
display: none;
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}