.th-product-compare-btn {
margin: 10px 0;
display: inline-flex;
align-items: center;
position: relative;
}
.th-atleast{
font-size: 18px;
color: #FFF;
max-width: 152px;
margin: 0;
}
.th-product-compare-btn.txt_type {
color: #3575e9;
font-weight: bold;
}
.th-product-compare-btn-wrap{
text-align: center;
}
.th-product-compare-btn-wrap .th-product-compare-btn.btn_type {
color: inherit;
padding: 8px 10px;
background-color: transparent;
line-height: 1;
text-align: inherit;
text-decoration: none;
outline: 0;
border: 0;
}
.th-product-compare-btn.btn_type.th-added-compare::before {
content: "\f15e";
font-family: "dashicons";
background: #111;
color: #FFF;
border-radius: 5px;
margin-right: 9px;
} @keyframes loaderTMKWithCenter {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.th_product_Compare_body_Class {
overflow: hidden !important;
}
.th-compare-output-wrap {
position: fixed;
width: 100%;
z-index: 1000000000;
top: 0;
height: 100%;
left: 0;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
transition: 0.5s visibility linear;
}
.th-compare-output-wrap.active {
visibility: visible;
animation: popupStyle1 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-2 {
animation: popupStyle2 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-3 {
animation: popupStyle3 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-4 {
animation: popupStyle4 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.th-compare-output-wrap-close {
animation: popupStyle1close 0.4s linear 0s;
}
.th-compare-output-wrap .th-compare-output-wrap-inner {
background-color: #ffffff;
height: 100%;
width: 100%;
position: relative;
overflow: auto;
padding-top: 69px;  }
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar {
width: 2px;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar-track {
border-radius: 10px;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
}
.th-compare-output-wrap .th-compare-loader {
display: none;
}
.th-compare-output-wrap.th-loading .th-compare-loader {
position: absolute;
z-index: 10000;
background: #ffffffe8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.th-compare-output-wrap.th-loading .th-compare-loader svg {
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-output-wrap .th-compare-heading {
position: fixed;
z-index: 10000;
top: 0;
width: 100%;
}
.th-compare-output-wrap .th-compare-output-close {
width: fit-content;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
}
.th-compare-output-wrap .th-compare-output-close i {
font-size: 28px;
color: black;
background: white;
height: unset;
width: unset;
cursor: pointer;
border-radius: 3px;
}
.th-compare-output-wrap-inner * {
box-sizing: border-box;
}
.th-compare-output-wrap-inner .th-compare-heading {
text-align: center;
background: #f1f0f3;
padding: 12px 0;
line-height: 1;
color: #464646;
font-weight: 600;
}
.th-compare-output-wrap-inner .th-compare-heading .heading_ {
font-size: 18px;
}
.th-compare-output-wrap-inner .th-compare-heading .error_ {
color: #eb3033;
display: block;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 600;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ > div {
display: flex;
width: 100%;
justify-content: center;
grid-gap: 12px;
margin-top: 10px;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ > div a {
text-transform: capitalize;
font-weight: 500;
letter-spacing: 0.5px;
cursor: pointer;
color: inherit;
}
.th-compare-output-wrap-inner
.th-compare-heading
.wrap-category_
> div
a.active {
border-bottom: 1px solid;
}
.th-compare-output-product {
overflow: auto;
}
.th-compare-output-product a,
.th-compare-output-product span {
font-family: "inherit", sans-serif;
}
.th-compare-output-product .th-compare-add-to-cart-btn {
width: fit-content;
}
.th-compare-output-product .th-compare-rating {
color: #f9b538;
}
.th-compare-output-product .th-compare-rating span {
font-family: "star";
line-height: 1;
}
.th-compare-output-product .th-compare-rating .star-rating {
float: unset;
margin: auto;
font-family: "star";
}
.th-compare-output-product .th-compare-rating .th-rating-count {
font-size: 12px;
display: inline-block;
}
.th-compare-output-product .product-table-configure {
margin: 0;
}
.th-compare-output-product .product-table-configure tr {
position: relative;
}
.th-compare-output-product .product-table-configure tr:nth-child(odd) td {
background-color: white;
}
.th-compare-output-product .product-table-configure tr:nth-child(even) td {
background-color: #f7f7f7;
}
.th-compare-output-product .product-table-configure td {
padding: 10px;
vertical-align: middle;
border: none;
min-width: 250px;
max-width: 250px;
}
.th-compare-output-product .product-table-configure td > span {
max-width: 400px;
display: inline-block;
font-size: 14px;
}
.th-compare-output-product .product-table-configure td .th-in-stoct {
color: #08a308;
}
.th-compare-output-product .product-table-configure td .th-out-of-stoct {
color: #a90a0a;
}
.th-compare-output-product .product-table-configure td.left-title {
position: relative;
z-index: 1000;
width: 220px;
min-width: 178px;
max-width: 242px;
font-weight: 600;
color: #3e3e3e;
text-transform: capitalize;
text-align: left;
padding-left: 20px;
}
.th-compare-output-product .product-table-configure td.left-title span {
font-size: 14px;
display: block;
}
.th-compare-output-product .product-table-configure .top-title td.left-title {
z-index: 1010;
}
.th-compare-output-product .product-table-configure .th-add-to-cart_ {
display: flex;
grid-gap: 7px;
flex-wrap: wrap;
}
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.th-compare-add-to-cart-btn.loading,
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.added_to_cart.loading {
display: flex;
align-items: center;
width: fit-content;
}
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.th-compare-add-to-cart-btn.loading:after,
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.added_to_cart.loading:after {
position: unset;
margin-left: 5px;
}
.th-compare-output-product .product-table-configure .price_ {
color: #3e3e3e;
font-weight: 600;
display: flex;
grid-gap: 7px;
letter-spacing: 1px;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.img_ {
min-width: 180px;
max-width: 100%;
width: 220px;
height: 220px;
position: relative;
border: 1px solid #f7f7f7;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.img_
img {
position: absolute;
left: 0;
top: 0;
object-fit: scale-down;
height: 100%;
width: 100%;
border-radius: 2px;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.product-title_
> a {
color: #5d5e61;
font-weight: 600;
letter-spacing: 1px;
}
.th-compare-output-product .product-table-configure .th-compare-product-remove {
color: #444444;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
grid-gap: 4px;
border: none;
border-bottom: 1px solid transparent;
padding: 1px;
}
.th-compare-output-product
.product-table-configure
.th-compare-product-remove
i {
color: #d84747;
font-size: 14px;
height: unset;
width: unset;
}
.th-compare-output-product
.product-table-configure
.th-compare-product-remove:hover {
border-bottom: 1px solid #d84747;
}
.th_auto_single_page {
margin-bottom: 10px;
}
.th_auto_single_page .th-compare-output-wrap-inner .th-compare-heading {
background-color: #f7f7f7;
text-align: left;
padding: 6px 20px;
}
.th_auto_single_page
.th-compare-output-wrap-inner
.th-compare-heading
.heading_ {
color: black;
}
.th_auto_single_page .th-compare-output-product {
border: 1px solid whitesmoke;
}
.th_auto_single_page
.th-compare-output-product
.product-table-configure
tr:first-child
td.left-title {
background-color: white;
}
@keyframes popupStyle1 {
0% {
opacity: 0;
transform: translateY(-80px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes popupStyle2 {
0% {
opacity: 0;
transform: translateX(-210px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes popupStyle3 {
0% {
opacity: 0;
transform: translateX(210px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes popupStyle4 {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupStyle1close {
0% {
opacity: 1;
}
100% {
opacity: 0;
visibility: 0;
}
}
@keyframes loaderTMK {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.th-compare-output-product::-webkit-scrollbar {
height: 2px;
width: 2px;
}
.th-compare-output-product::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
}
.th-compare-footer-wrap {
position: fixed;
z-index: 1000000000;
background-color: #0000007a;
width: 100%;
bottom: -150px;
transition: 0.8s all ease;
box-sizing: border-box;
}
.th-compare-footer-wrap * {
box-sizing: border-box;
}
.th-compare-footer-wrap.active {
bottom: 0;
}
.th-compare-footer-wrap.active > div {
box-shadow: 0 12px 53px 3px rgba(69, 77, 89, 0.21);
}
.th-compare-footer-wrap.active .th-footer-up-down .icon_2 {
transform: rotate(180deg);
}
.th-compare-footer-wrap .th-footer-up-down {
position: absolute;
top: -35px;
height: 35px;
padding: 0 12px;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: center;
align-items: center;
transform: translatex(-50%);
left: 50%;
background-color: #111;
grid-gap: 8px;
color: #FFF;
cursor: pointer;
border: none;
font-weight: 700;
letter-spacing: 0.03rem;
font-size: 14px;
box-shadow: 0px -4px 8px 0px rgba(69, 77, 89, 0.21);
}
.th-compare-footer-wrap .th-footer-up-down:focus {
outline: none;
}
.th-compare-footer-wrap .th-footer-up-down .icon_2 {
transition: 0.2s transform ease;
}
.th-compare-footer-wrap > div {
display: flex;
grid-gap: 10px;
align-items: center;
height: 150px;
padding: 0 35px;
position: relative;
background-color: inherit;
justify-content: space-between;
}
.th-compare-footer-wrap > div .th-footer-bar-opner {
visibility: visible;
}
.th-compare-footer-wrap > div .th-add-product-bar {
background: #e9e9e9;
line-height: 1;
cursor: pointer;
border-radius: 8px;
display: flex;
align-items: center;
color: #464646;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03rem;
text-decoration: none;
}
.th-compare-footer-wrap > div .th-add-product-bar i {
height: unset;
width: unset;
font-size: 16px;
padding: 11px;
background-color: #b1b1b1;
border-radius: 8px 0px 0 8px;
}
.th-compare-footer-wrap > div .th-add-product-bar span {
padding: 0 11px;
}
.th-compare-footer-wrap > div .product_image { display: flex;
grid-gap: 10px;
max-width: 100%;
overflow: auto;
padding: 10px;
min-width: 700px;
}
.th-compare-footer-wrap > div .product_image .img_ {
width: 90px;
height: 90px;
min-width: 90px;
position: relative;
background: transparent;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.th-compare-footer-wrap > div .product_image .img_:hover .th-remove-product {
opacity: 1;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product {
position: absolute;
right: -5px;
top: -8px;
z-index: 10;
color: white;
background: #ef0909;
width: unset;
height: unset;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.2s all linear;
padding: 2px;
opacity: 0;
line-height: 1;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product:before {
content: "\f158";
font-family: "dashicons";
font-style: normal;
font-size: 18px;
}
.th-compare-footer-wrap > div .product_image .img_ a {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.th-compare-footer-wrap > div .product_image .img_ img {
object-fit: scale-down;
max-width: 100%;
max-height: 100%;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner {
line-height: 1;
padding: 0;
border-radius: 8px;
display: flex;
align-items: center;
background: #e9e9e9;
color: #464646;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03rem;
text-decoration: none;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner
.icon_ {
height: unset;
width: unset;
font-size: 16px;
padding: 11px;
background-color: #b1b1b1;
border-radius: 8px 0px 0 8px;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner
.text_ {
padding: 0 11px;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner.active
.icon_:before {
content: "\f158";
}
.th-compare-footer-wrap .th-compare-loader {
display: none;
}
.th-compare-footer-wrap.loading .th-compare-loader {
position: absolute;
z-index: 10000;
background: #ffffffe8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
left: 0;
}
.th-compare-footer-wrap.loading .th-compare-loader svg {
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-footer-wrap.position-right,
.th-compare-footer-wrap.position-left {
width: 150px;
height: 100%;
bottom: 0;
}
.th-compare-footer-wrap.position-right > div,
.th-compare-footer-wrap.position-left > div {
height: 100%;
flex-direction: column;
padding: 20px 0;
}
.th-compare-footer-wrap.position-right > div .product_image,
.th-compare-footer-wrap.position-left > div .product_image {
flex-direction: column;
justify-content: center;
}
.th-compare-footer-wrap.position-right > div .th-add-product-bar i,
.th-compare-footer-wrap.position-left > div .th-add-product-bar i {
border-radius: 4px;
}
.th-compare-footer-wrap.position-right > div .th-add-product-bar span,
.th-compare-footer-wrap.position-left > div .th-add-product-bar span {
display: none;
}
.th-compare-footer-wrap.position-right
> div
.th-compare-footer-product-opner
.icon_,
.th-compare-footer-wrap.position-left
> div
.th-compare-footer-product-opner
.icon_ {
border-radius: 4px;
}
.th-compare-footer-wrap.position-right
> div
.th-compare-footer-product-opner
.text_,
.th-compare-footer-wrap.position-left
> div
.th-compare-footer-product-opner
.text_ {
display: none;
}
.th-compare-footer-wrap.position-right .th-footer-up-down,
.th-compare-footer-wrap.position-left .th-footer-up-down {
top: 50%;
width: 30px;
padding: 10px 14px;
height: fit-content;
background-color: inherit;
transform: translateY(-50%);
flex-direction: column;
word-break: break-word;
font-size: 12px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down .text_,
.th-compare-footer-wrap.position-left .th-footer-up-down .text_ {
display: none;
}
.th-compare-footer-wrap.position-left {
left: -150px;
}
.th-compare-footer-wrap.position-left .th-footer-up-down .icon_2 {
transform: rotate(90deg);
}
.th-compare-footer-wrap.position-left.active {
left: 0;
}
.th-compare-footer-wrap.position-left.active .th-footer-up-down .icon_2 {
transform: rotate(-90deg);
}
.th-compare-footer-wrap.position-left .th-footer-up-down {
right: -30px;
left: unset;
border-radius: 0 8px 8px 0;
}
.th-compare-footer-wrap.position-right {
right: -150px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down .icon_2 {
transform: rotate(-90deg);
}
.th-compare-footer-wrap.position-right.active {
right: 0;
}
.th-compare-footer-wrap.position-right.active .th-footer-up-down .icon_2 {
transform: rotate(90deg);
}
.th-compare-footer-wrap.position-right .th-footer-up-down {
left: -30px;
right: unset;
border-radius: 8px 0 0 8px;
}
.th-compare-footer-wrap.position-top {
top: -150px;
height: fit-content;
}
.th-compare-footer-wrap.position-top .th-footer-up-down .icon_2 {
transform: rotate(180deg);
}
.th-compare-footer-wrap.position-top.active {
top: 0;
}
.th-compare-footer-wrap.position-top.active .th-footer-up-down .icon_2 {
transform: rotate(0);
}
.th-compare-footer-wrap.position-top .th-footer-up-down {
top: unset;
bottom: -35px;
border-radius: 0 0px 8px 8px;
}
.th-add-more-product-container {
display: none;
position: fixed;
background: #060606eb;
width: 100%;
height: 100%;
z-index: 10000000;
left: 0;
top: 0;
}
.th-add-more-product-container * {
box-sizing: border-box;
}
.th-add-more-product-container.active {
display: flex;
justify-content: center;
}
.th-add-more-product-container .th-add-more-product-inner {
display: flex;
align-items: center;
height: 100%;
width: 60%;
}
.th-add-more-product-container .th-add-more-product-inner .th-search-product {
padding: 10px 10px;
background-color: white;
border-radius: 4px;
position: relative;
width: 100%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.remove_search_popup {
position: absolute;
right: -15px;
top: -15px;
background: #cd0b0b;
color: white;
border-radius: 3px;
cursor: pointer;
width: 33px;
line-height: 33px;
height: 33px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input {
width: 100%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input
input {
width: 100%;
border: 1px solid #d5e0e5;
margin-bottom: 12px;
border-radius: 4px;
background-color: white;
padding: 14px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result {
min-height: 200px;
max-height: 340px;
overflow: auto;
background-color: white;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open {
padding: 15px;
border-bottom: 1px solid #f2f2f2;
cursor: pointer;
transition: 0.2s all ease;
display: flex;
align-items: center;
grid-gap: 5px;
font-size: 16px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open:before {
content: "\f159";
font-family: "dashicons";
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open.checked {
background: #d5e0e5;
color: black;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open.checked:before {
content: "\f147";
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open:hover {
background: #07618f;
color: white;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_ {
height: 60px;
width: 75px;
position: relative;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_
img {
position: absolute;
top: 0;
height: 100%;
width: 100%;
object-fit: scale-down;
}
@media screen and (max-width: 450px) {
.th-compare-footer-wrap > div .product_image{
min-width: initial;
}
.th-compare-output-product .product-table-configure td {
min-width: unset;
}
.th-compare-output-product .product-table-configure td.left-title {
padding: 10px;
}
.th-compare-output-product .product-table-configure td.left-title span {
font-size: 16px;
}
.th-compare-output-product
.product-table-configure
.image
.image-and-addcart
.img_ {
min-width: unset;
max-width: 60px;
max-height: 80px;
}
.th-atleast{
display: none;
}
.th-compare-footer-wrap > div {
padding: 0 10px;
justify-content: space-between;
}
.th-compare-footer-wrap > div .th-add-product-bar i {
border-radius: 4px;
}
.th-compare-footer-wrap > div .th-add-product-bar span {
display: none;
}
.th-compare-footer-wrap > div .th-compare-footer-product-opner .icon_ {
border-radius: 4px !important;
}
.th-compare-footer-wrap > div .th-compare-footer-product-opner .text_ {
display: none;
}
.th-add-more-product-container .th-add-more-product-inner {
justify-content: center;
width: 95%;
}
.th-add-more-product-container .th-add-more-product-inner .th-search-product {
max-width: 90%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open {
font-size: 14px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_ {
height: 45px;
width: 52px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input
input {
padding: 4px;
margin-bottom: 4px;
}
}
.product_image .empty-slot {
width: 50px;
height: 50px;
background: #f7f7f7;
border: 2px dashed #ccc;
display: inline-block;
margin-right: 5px;
border-radius: 5px;
}  .th-product-compare-checkbox-wrap {
margin: 9px 0;
} .th-compare-label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
color: #333;
font-weight: 400;
line-height: 1.5;
justify-content: center;
}
.single-product .th-compare-label{
justify-content: flex-start;
} .th-product-compare-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 2px solid #111;
border-radius: 4px;
outline: none;
margin-right: 8px;
background-color: #fff;
position: relative;
cursor: pointer;
transition: all 0.2s ease;
} .th-product-compare-checkbox:checked {
background-color: green;
border-color: green;
} .th-product-compare-checkbox:checked::after {
content: '\2713';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 14px;
font-weight: bold;
} .th-product-compare-checkbox:hover {
border-color: #005177;
}   .th-product-compare-checkbox.loading {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
} .th-product-compare-checkbox.th-added-compare {
border-color: green;
} .thunk-compare {
width: max-content;
margin: 0 auto;
}  .compare-tooltip {
position: relative;
} .th-product-compare-btn {
display: inline-flex;
align-items: center;
padding: 5px 12px;
background-color: transparent;
border: 0;
border-radius: 4px;
color: #111;
text-decoration: none;
font-size: 18px;
line-height: 1.5;
transition: all 0.2s ease;
cursor: pointer;
}
.th-product-compare-btn-wrap a.th-product-compare-btn{
background: transparent;
text-decoration: none;
}
.thunk-content-wrap .entry-content .th-product-compare-btn-wrap a.th-product-compare-btn{
text-decoration: none;
} .th-product-compare-btn .th-icon-repeat {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 6px;
background: url(//necoclock.com/wp-content/plugins/th-product-compare/assets/path-to-icon-repeat.svg) no-repeat center; background-size: contain;
} .th-product-compare-btn .text {
display: inline;
margin-left: 9px;
}  .th-product-compare-btn:hover .th-icon-repeat {
background: url(//necoclock.com/wp-content/plugins/th-product-compare/assets/path-to-icon-repeat-hover.svg) no-repeat center; background-size: contain;
} .th-product-compare-btn.th-added-compare {
pointer-events: none;
opacity: .7;
}
.th-product-compare-btn.th-added-compare .th-icon-repeat {
background-size: contain;
} .th-product-compare-btn.loading {
opacity: 0.5;
pointer-events: none;
cursor: not-allowed;
} .th-product-compare-btn:focus {
box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.3);
outline: none;
} .compare-tooltip:hover:after {
content: attr(th-tooltip);
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 0px 10px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
z-index: 10;
line-height: 21px;
display: flex;
align-items: center;
height: 25px;
} @media (max-width: 768px) {
.th-product-compare-checkbox {
width: 18px;
height: 18px;
}
.th-compare-label {
font-size: 13px;
}
.th-product-compare-btn {
padding: 6px 10px;
font-size: 13px;
}
.th-product-compare-btn .th-icon-repeat {
width: 16px;
height: 16px;
}
} .th-compare-error {
color: #d63638;
font-size: 14px;
}