.strb-product-wishlist-modal, .strb-product-wishlist-modal-bg, .strb-product-wishlist-modal-overlay, .strb-product-wishlist-modal-footer-link, .strb-wishlist-item, .strb-wishlist-content a.storebuild_cart_btn.button, .strb-wishlist-content a.added_to_cart.wc-forward, .strb-wishlist-table table tbody tr td .single_add_to_cart_button, .strb-wishlist-table table tbody tr td .added_to_cart.wc-forward {
-webkit-transition: all 0.3s 0s ease-out;
-moz-transition: all 0.3s 0s ease-out;
-ms-transition: all 0.3s 0s ease-out;
-o-transition: all 0.3s 0s ease-out;
transition: all 0.3s 0s ease-out;
}
.strb-product-wishlist-modal-title, .strb-product-wishlist-modal-footer-link, .strb-wishlist-title, .strb-wishlist-content a.storebuild_cart_btn.button, .strb-wishlist-content a.added_to_cart.wc-forward, .strb-wishlist-price-wrapper span, .strb-wishlist-table table tbody tr td p.product-name a, .strb-wishlist-table table tbody tr td .single_add_to_cart_button, .strb-wishlist-table table tbody tr td .added_to_cart.wc-forward {
font-family: var(--strb-ff-jost);
}
:root {
--strb-grid-gap: 15px; --strb-ff-jost: 'Jost', sans-serif;
--strb-ff-roboto: 'Roboto', sans-serif; --strb-common-white: #ffffff;
--strb-common-black-solid: #000;
--strb-common-black: #010F1C;
--strb-yellow-1: #FFB21D;
--strb-pink-1: #FD4B6B;
--strb-green-1: #31B757;
--strb-khaki-1: #AB9774;
--strb-blue-1: #175BFF;
--strb-orange-1: #FF6736;
--strb-heading-primary: #010F1C;
--strb-grey-1: #E9EBF7;
--strb-text-body: #777778;
--strb-text-1: #55585B;
--strb-theme-primary: #175BFF;
--strb-footer-grey-1: #000;
--strb-border-primary: #E0E2E3;
}
.strb-product-wishlist-modal {
position: fixed;
height: auto;
width: 460px;
left: 50%;
top: 45%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--strb-common-white);
z-index: 99999;
visibility: hidden;
opacity: 0;
}
.strb-product-wishlist-modal.opened {
visibility: visible;
opacity: 1;
top: 50%;
}
.strb-product-wishlist-modal-bg {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999;
visibility: hidden;
opacity: 0;
}
.strb-product-wishlist-modal-bg.opened {
visibility: visible;
opacity: 1;
}
.strb-product-wishlist-modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
z-index: 9999;
visibility: hidden;
opacity: 0;
line-height: 1;
}
.strb-product-wishlist-modal-overlay-icon {
display: block;
width: 48px;
height: 48px;
border: 3px solid var(--strb-common-black);
border-radius: 50%;
position: relative;
-webkit-animation: sbpRotation 1s linear infinite;
animation: sbpRotation 1s linear infinite;
background-color: transparent;
font-size: 0;
}
.strb-product-wishlist-modal-overlay-icon::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border-radius: 50%;
border: 3px solid transparent;
border-bottom-color: transparent;
border-bottom-color: var(--strb-theme-primary);
}
.strb-product-wishlist-modal-overlay-icon-wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
overflow: hidden;
}
@-webkit-keyframes sbpRotation {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes sbpRotation {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes sbpRotation {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sbpRotation {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.strb-product-wishlist-modal.loading .strb-product-wishlist-modal-overlay {
visibility: visible;
opacity: 1;
}
.strb-product-wishlist-modal-top {
background-color: #333;
padding: 10px 20px;
}
.strb-product-wishlist-modal-title {
font-size: 16px;
color: var(--strb-common-white);
}
.strb-product-wishlist-modal-close[type=button] {
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
width: auto;
height: auto;
border-radius: 0;
border: 0;
padding: 0;
background-color: transparent;
}
.strb-product-wishlist-modal-close[type=button]:hover {
color: var(--strb-common-white);
background-color: transparent;
}
.strb-product-wishlist-modal-footer {
padding: 10px 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.strb-product-wishlist-modal-footer-link {
font-size: 16px;
color: var(--strb-common-black);
display: inline-block;
}
.strb-product-wishlist-modal-footer-link:hover {
color: var(--strb-theme-primary);
}
.strb-wishlist-wrapper {
position: relative;
min-height: 100%;
}
.strb-wishlist-close {
position: absolute;
top: 17px;
right: 20px;
}
.strb-wishlist-close-btn {
background: transparent;
color: var(--strb-common-black);
font-size: 22px;
}
.strb-wishlist-close-btn:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.strb-wishlist-item {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 20px;
padding-right: 35px;
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
transition: background-color 0.3s;
margin: 0;
}
.strb-wishlist-item:nth-last-child(3) {
border-bottom: 0;
}
.strb-wishlist-item-wrapper {
width: auto;
max-width: inherit;
height: auto;
max-height: 560px;
overflow: hidden;
position: relative;
}
.strb-wishlist-thumb {
margin-right: 15px;
}
.strb-wishlist-thumb img {
width: 70px;
height: 90px;
object-fit: cover;
}
.strb-wishlist-title {
font-size: 16px;
margin-bottom: 12px;
font-weight: 500;
margin-top: 0;
margin-bottom: 4px;
}
.strb-wishlist-title a {
color: var(--strb-common-black);
}
.strb-wishlist-title a:hover {
color: var(--strb-theme-primary);
}
.strb-wishlist-content .tp-product-quantity {
width: 75px;
padding: 0;
}
.strb-wishlist-content .tp-product-quantity .tp-cart-input[type=text] {
height: 30px;
text-align: center;
font-size: 13px;
border: 1px solid rgba(0, 0, 0, 0.06);
background-color: var(--strb-common-white);
padding: 0;
}
.strb-wishlist-content .tp-product-quantity .tp-cart-plus,
.strb-wishlist-content .tp-product-quantity .tp-cart-minus {
width: 20px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
font-size: 13px;
left: 3px;
}
.strb-wishlist-content .tp-product-quantity .tp-cart-plus svg,
.strb-wishlist-content .tp-product-quantity .tp-cart-minus svg {
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px);
width: 10px;
}
.strb-wishlist-content .tp-product-quantity .tp-cart-plus::after,
.strb-wishlist-content .tp-product-quantity .tp-cart-minus::after {
display: none;
}
.strb-wishlist-content .tp-product-quantity .tp-cart-plus {
left: auto;
right: 3px;
}
.strb-wishlist-content a.storebuild_cart_btn.button, .strb-wishlist-content a.added_to_cart.wc-forward {
font-size: 12px;
font-weight: 400;
color: var(--strb-common-black);
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 7px 20px 7px;
line-height: 1;
border-radius: 0;
height: 30px;
display: inline-flex;
align-items: center;
}
.strb-wishlist-content a.storebuild_cart_btn.button:hover, .strb-wishlist-content a.added_to_cart.wc-forward:hover {
background-color: var(--strb-common-black);
border-color: var(--strb-common-black);
color: var(--strb-common-white);
}
.strb-wishlist-content a.storebuild_cart_btn.button::after, .strb-wishlist-content a.added_to_cart.wc-forward::after {
display: none;
}
.strb-wishlist-content a.storebuild_cart_btn.button.added, .strb-wishlist-content a.added_to_cart.wc-forward.added {
display: none;
}
.strb-wishlist-content a.added_to_cart.wc-forward {
display: inline-block;
}
.strb-wishlist-content .storebuild_cart_btn.added {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn {
display: inline-flex;
align-items: center;
}
.strb-wishlist-content .storebuild_cart_btn:hover .strb-spinner {
border-color: rgba(255, 255, 255, 0.3);
border-top-color: #fff;
}
.strb-wishlist-content .storebuild_cart_btn .strb-cart-icon {
width: 14px;
height: 14px;
margin-right: 5px;
transform: translateY(-1px);
}
.strb-wishlist-content .storebuild_cart_btn .strb-spinner {
width: 14px;
height: 14px;
margin-right: 5px;
animation: sbpSpinner3 1s linear infinite;
-webkit-animation: sbpSpinner3 1s linear infinite;
}
@-webkit-keyframes sbpSpinner3 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes sbpSpinner3 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes sbpSpinner3 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sbpSpinner3 {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.strb-wishlist-content .storebuild_cart_btn .strb-cart-loading, .strb-wishlist-content .storebuild_cart_btn .strb-spinner, .strb-wishlist-content .storebuild_cart_btn .strb-cart-added {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn.loading::after {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn.loading .strb-cart-icon {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn.loading .strb-spinner {
display: inline-block;
}
.strb-wishlist-content .storebuild_cart_btn.loading .strb-cart-added {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn.added {
display: none;
background-color: var(--strb-theme-primary);
border-color: var(--strb-theme-primary);
color: var(--strb-common-white);
}
.strb-wishlist-content .storebuild_cart_btn.added .strb-cart-icon {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn.added .strb-spinner {
display: none;
}
.strb-wishlist-content .storebuild_cart_btn.added .strb-cart-added {
display: inline-block;
}
.strb-wishlist-content a.added_to_cart.wc-forward {
padding: 8px 20px 7px;
background-color: var(--strb-theme-primary);
border-color: var(--strb-theme-primary);
color: var(--strb-common-white);
}
.strb-wishlist-content a.added_to_cart.wc-forward::before {
content: url(//globalv.com.tw/wp-content/plugins/shopbuild/public/icons/check.svg);
vertical-align: top;
font-weight: 400;
color: var(--strb-common-white);
display: inline-block;
margin-right: 6px;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.strb-wishlist-content a.added_to_cart.wc-forward:hover {
background-color: var(--strb-common-black);
border-color: var(--strb-common-black);
color: var(--strb-common-white);
}
.strb-wishlist-del {
position: absolute;
top: 10px;
right: 15px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
color: var(--strb-common-black);
font-size: 12px;
}
.strb-wishlist-del:hover {
color: var(--strb-theme-primary);
}
.strb-wishlist-price-wrapper {
margin-bottom: 7px;
}
.strb-wishlist-price-wrapper span {
font-weight: 500;
font-size: 14px;
letter-spacing: -0.02em;
color: var(--strb-common-black);
text-decoration: none;
}
.strb-wishlist-price-wrapper ins {
text-decoration: none;
}
.strb-wishlist-price-wrapper del {
color: var(--strb-text-1);
}
.strb-wishlist-price-wrapper del span {
font-weight: 400;
font-size: 12px;
color: var(--strb-text-1);
}
.strb-wishlist-table table thead tr {
border-block-start: 0 !important;
box-shadow: 0px 0px 2px #c4c4c4;
}
.strb-wishlist-table table thead tr th {
padding-left: 0;
padding-right: 25px;
border: 0;
border-block-start: 0 !important;
}
.strb-wishlist-table table thead tr th.strb-wishlist-table-th-product {
width: 70%;
padding-left: 25px;
text-align: left;
}
.strb-wishlist-table table tbody tr {
box-shadow: 0px 0px 2px #efefef;
}
.strb-wishlist-table table tbody tr td {
border: 0;
border-bottom: 1px solid #cecccc;
}
.strb-wishlist-table table tbody tr td .product-info-content {
text-align: left;
}
.strb-wishlist-table table tbody tr td .product-thumbnail {
width: auto;
flex: 0 0 auto;
}
.strb-wishlist-table table tbody tr td p.product-name {
margin-bottom: 0;
}
.strb-wishlist-table table tbody tr td p.product-name a {
display: inline-block;
font-weight: 500;
text-decoration: none;
margin-left: 15px;
text-decoration: none;
}
.strb-wishlist-table table tbody tr td p.product-name a:hover {
color: var(--strb-theme-primary);
}
.strb-wishlist-table table tbody tr td .product-price {
margin-bottom: 0;
margin-left: 15px;
}
.strb-wishlist-table table tbody tr td .product-price span {
font-weight: 500;
font-size: 14px;
letter-spacing: -0.02em;
color: var(--strb-common-black);
text-decoration: none;
}
.strb-wishlist-table table tbody tr td .product-price ins {
text-decoration: none;
}
.strb-wishlist-table table tbody tr td .product-price del span {
font-weight: 400;
font-size: 12px;
color: var(--strb-text-1);
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button.button {
position: relative;
background-color: #fff;
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button.button.loading::before {
display: inline-block;
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button.button::before {
content: "\e02d";
left: 0;
top: 0;
font-family: "ElegantIcons";
display: none;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
animation: sbpSpinner 1s linear infinite;
-webkit-animation: sbpSpinner 1s linear infinite;
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button.button.added {
display: none;
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button, .strb-wishlist-table table tbody tr td .added_to_cart.wc-forward {
font-size: 16px;
color: var(--strb-common-black);
text-align: center;
padding: 9px 30px;
border: 1px solid #E0E2E3;
border-radius: 0;
text-decoration: none;
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button:hover, .strb-wishlist-table table tbody tr td .added_to_cart.wc-forward:hover {
background-color: var(--strb-common-black);
border-color: var(--strb-common-black);
color: var(--strb-common-white);
}
.strb-wishlist-table table tbody tr td .single_add_to_cart_button:focus, .strb-wishlist-table table tbody tr td .added_to_cart.wc-forward:focus {
color: var(--strb-common-black);
background-color: var(--strb-common-white);
border-color: #E0E2E3;
}
.strb-wishlist-table table tbody tr td .added_to_cart.wc-forward {
background-color: var(--strb-theme-primary);
border-color: var(--strb-theme-primary);
color: var(--strb-common-white);
position: relative;
padding: 5px 30px;
font-size: 0;
}
.strb-wishlist-table table tbody tr td .added_to_cart.wc-forward::before {
content: url(//globalv.com.tw/wp-content/plugins/shopbuild/public/icons/check-2.svg);
left: 0;
top: 0;
margin-right: 0;
line-height: 1;
}
.strb-wishlist-table table tbody tr td.product-remove {
text-align: center;
}
.strb-wishlist-table table tbody tr td.product-remove a {
color: var(--strb-text-1);
font-size: 14px;
}
.strb-wishlist-table table tbody tr td.product-remove a:hover {
color: red;
}
.strb-wishlist-table table tbody tr td .wishlist-action {
display: flex;
align-items: center;
justify-content: center;
}
.strb-wishlist-table table tbody tr td .wishlist-action .pure-wc-quickview-btn,
.strb-wishlist-table table tbody tr td .wishlist-action .added_to_cart,
.strb-wishlist-table table tbody tr td .wishlist-action .storebuild_cart_btn,
.strb-wishlist-table table tbody tr td .wishlist-action .remove-wishlist-btn {
border-radius: 10px;
padding: 0;
margin-right: 7px;
border: 1px solid #c7c7c7;
color: #000;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
}
.strb-wishlist-table table tbody tr td .wishlist-action .pure-wc-quickview-btn:focus, .strb-wishlist-table table tbody tr td .wishlist-action .pure-wc-quickview-btn:hover,
.strb-wishlist-table table tbody tr td .wishlist-action .added_to_cart:focus,
.strb-wishlist-table table tbody tr td .wishlist-action .added_to_cart:hover,
.strb-wishlist-table table tbody tr td .wishlist-action .storebuild_cart_btn:focus,
.strb-wishlist-table table tbody tr td .wishlist-action .storebuild_cart_btn:hover,
.strb-wishlist-table table tbody tr td .wishlist-action .remove-wishlist-btn:focus,
.strb-wishlist-table table tbody tr td .wishlist-action .remove-wishlist-btn:hover {
color: #fff;
background-color: #000;
}
.strb-wishlist-table table tbody tr td .wishlist-action .storebuild_cart_btn.loading .strb-cart-icon {
display: none;
}
.strb-wishlist-table {
background-attachment: red;
}
.storebuild-wc-wishlist-table {
width: 100%;
}
.strb-product-wishlist-table-item-info {
align-items: center;
}
.strb-wishlist-table .storebuild-wc-wishlist-table tbody .added_to_cart.wc-forward {
border-color: var(--strb-theme-primary) !important;
} @media (max-width: 1024px) { .strb-wishlist-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
} .strb-wishlist-table table,
.storebuild-wc-wishlist-table {
min-width: 640px;
width: 100%;
table-layout: auto;
} .strb-wishlist-table table thead tr th,
.strb-wishlist-table table tbody tr td {
padding-left: 10px;
padding-right: 10px;
} .strb-wishlist-thumb img {
width: 50px;
height: 64px;
object-fit: cover;
} .strb-wishlist-content .tp-product-quantity {
width: 60px;
}
.strb-wishlist-table table tbody tr td .wishlist-action .pure-wc-quickview-btn,
.strb-wishlist-table table tbody tr td .wishlist-action .added_to_cart,
.strb-wishlist-table table tbody tr td .wishlist-action .storebuild_cart_btn,
.strb-wishlist-table table tbody tr td .wishlist-action .remove-wishlist-btn {
width: 36px;
height: 36px;
}
} @media (max-width: 480px) {
.strb-wishlist-table table,
.storebuild-wc-wishlist-table {
min-width: 520px;
}
.strb-wishlist-table table tbody tr td p.product-name a {
margin-left: 8px;
}
.strb-wishlist-table table tbody tr td .product-price,
.strb-wishlist-table table tbody tr td .product-price span {
margin-left: 8px;
}
}