:root {
--global-gray-400: #e5e5e5;
}
.color-switch-dark .bg-dark .elementor-background-overlay {
mix-blend-mode: color-burn;
}
b, strong, .woocommerce form .form-row label {
font-weight: 500;
}
.site-header span.header-cart-label {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.site-footer-wrap .site-middle-footer-inner-wrap .contact-info-container p {
padding-bottom: 5px;
}
.site-footer-wrap .site-middle-footer-inner-wrap .widget-area h2.widget-title {
margin-bottom: 30px;
}
.site-footer-wrap .site-middle-footer-inner-wrap li a::before {
content: "";
background: url(https://trangsucphattrien.com/wp-content/plugins/templatemela-theme-jewellery/layouts/default/img/menu-gray.png) no-repeat;
background-size: 8px;
height: 8px;
width: 8px;
display: inline-block;
margin: 0 15px 0 0;
}
.site-footer-wrap .mc4wp-form .newsletter input[type=email] {
width: 100%;
padding: 8px 12px;
border-radius: 5px;
}
.site-footer-wrap .mc4wp-form .newsletter input[type=submit]:hover {
background-color: #dfa112;
color: #222;
}
.banner-cms .elementor-widget-wrap .elementor-widget-image {
overflow: hidden;
border-radius: 5px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
border: 1px solid var(--global-gray-400);
}
.woocommerce div.product .button.single_add_to_cart_button {
padding: 0 18px;
}
.woocommerce ul.products:not(.products-list-view) li.product.entry .product-details.entry-content-wrap {
text-align: center;
padding: 0.5rem;
}
.woocommerce ul.products:not(.products-list-view) li.product.entry .product-details.entry-content-wrap .star-rating {
display: block;
float: none;
margin: 3px auto 5px auto;
}
.woocommerce ul.products:not(.products-list-view) li.product.entry .product-details.entry-content-wrap .product-action-wrap.style-button .button:not(.kb-button):not(.added), .woocommerce ul.products:not(.products-list-view) li.product.entry .product-details.entry-content-wrap .product-action-wrap.style-button a.added_to_cart {
display: inline-block;
vertical-align: top;
width: auto;
}
.woocommerce.woocommerce-product-list .star-rating {
float: none;
margin: 5px 0;
}
.woocommerce ul.cart_list li a, .woocommerce ul.cart_list li .quantity, .woocommerce ul.product_list_widget li a, .woocommerce ul.product_list_widget li .quantity {
font-size: 14px;
font-weight: 400;
}
.woocommerce #reviews #comments h2, .woocommerce #reviews .comment-reply-title {
font-size: 18px;
font-weight: 500;
color: var(--global-palette3);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
background-color: var(--global-palette9);
}
.woocommerce .base-sticky-add-to-cart-action-wrap a.added_to_cart, .woocommerce div.product div.summary .added_to_cart, .woocommerce a.added_to_cart:not(.woocommerce .product-action-wrap.style-text a.added_to_cart):not(form.cart .added_to_cart) {
font-size: 14px;
font-weight: 400;
border-radius: 5px;
padding: 8px 22px;
}
.woocommerce .base-sticky-add-to-cart-action-wrap a.added_to_cart:hover, .woocommerce div.product div.summary .added_to_cart:hover, .woocommerce a.added_to_cart:not(.woocommerce .product-action-wrap.style-text a.added_to_cart):not(form.cart .added_to_cart):hover {
background: var(--global-palette-btn-bg-hover);
color: var(--global-palette-btn-hover);
border-color: var(--global-palette-btn-bg-hover);
}
.woocommerce table.shop_table input {
font-size: 14px;
}
.woocommerce span.onsale {
color: #222;
}
.woocommerce ul.products li.product .product-details.entry-content-wrap .product-action-wrap {
bottom: -2.3rem;
}
.products-list .product-title, ul.product_list_widget .product-title, .home-left-sidebar .product-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.base-sticky-add-to-cart-title-wrap .base-sticky-add-to-cart-title {
font-size: 14px;
font-weight: 500;
}
.base-product-toggle-container .base-toggle-shop-layout.toggle-active, .base-product-toggle-container .base-toggle-shop-layout:hover {
background: var(--global-palette-btn-bg);
}
.has-sidebar.has-left-sidebar .content-area .content-container {
-ms-grid-columns: 240px 1fr;
grid-template-columns: 240px 1fr;
}
.header-menu-container ul.menu > li.base-menu-mega-enabled > ul .nav-drop-title-wrap {
font-weight: 500;
font-size: 16px;
color: var(--global-palette3);
padding-bottom: 5px;
}
.header-menu-container ul.menu > li.base-menu-mega-enabled > ul .nav-drop-title-wrap:hover {
color: var(--global-palette1);
}
.woocommerce-Price-amount:not(del .woocommerce-Price-amount):not(.tmcore-product-price-filter .woocommerce-Price-amount) {
color: var(--global-palette3);
font-weight: 500;
}
.tr-price, .price {
color: var(--global-palette3);
font-weight: 500;
}
.tr-price del, .price del {
color: var(--global-palette4);
text-decoration-color: var(--global-palette4);
font-weight: normal;
}
#cart-drawer h2.side-cart-header {
font-size: 16px;
}
.popup-drawer .drawer-header {
padding: 0 1em 0 1.5em;
}
.woosc-quick-table .woosc_table td {
min-width: 160px;
}
.product-cat {
overflow: hidden;
}
.product-cat .cat-image {
border-radius: 100%;
}
.product-cat:hover .cat-image a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 1024px) {
.woocommerce .base-sticky-add-to-cart-action-wrap a.added_to_cart, .woocommerce div.product div.summary .added_to_cart, .woocommerce a.added_to_cart:not(.woocommerce .product-action-wrap.style-text a.added_to_cart):not(form.cart .added_to_cart) {
padding: 7px 14px;
}
.custom-logo-link, img.base-dark-mode-logo {
width: 110px;
display: block;
}
}
@media (max-width: 767px) {
.banner-cms .elementor-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.banner-cms .elementor-container .elementor-column {
margin: auto;
width: auto;
}
.site-footer-wrap .site-middle-footer-inner-wrap .widget-area h2.widget-title {
margin-bottom: 10px;
}
.site-header-item {
margin-right: 10px;
}
.woocommerce .base-sticky-add-to-cart-action-wrap a.added_to_cart, .woocommerce div.product div.summary .added_to_cart, .woocommerce a.added_to_cart:not(.woocommerce .product-action-wrap.style-text a.added_to_cart):not(form.cart .added_to_cart) {
font-size: 12px;
padding: 6px 12px;
}
.woocommerce table.shop_table input {
font-size: 12px;
}
}
@media (min-width: 768px) {
.woocommerce ul.products.woo-archive-action-on-hover:not(.products-list-view) li.product:focus-within .entry-content-wrap, .woocommerce ul.products.woo-archive-action-on-hover:not(.products-list-view) li.product:hover .entry-content-wrap {
-webkit-transform: translateY(-3rem);
transform: translateY(-3rem);
}
.product-actions .woosc-btn.woosc-btn-has-icon, .product-actions .woosc-btn.woosq-btn-has-icon, .product-actions .woosc-btn.woosw-btn-has-icon, .product-actions .woosq-btn.woosc-btn-has-icon, .product-actions .woosq-btn.woosq-btn-has-icon, .product-actions .woosq-btn.woosw-btn-has-icon, .product-actions .woosw-btn.woosc-btn-has-icon, .product-actions .woosw-btn.woosq-btn-has-icon, .product-actions .woosw-btn.woosw-btn-has-icon {
width: 35px;
height: 35px;
}
}
.woosq-product .thumbnails .slick-arrow {
width: 35px;
height: 35px;
}
.woosq-product .thumbnails .slick-arrow:before {
font-size: 18px;
line-height: 35px;
}
.woocommerce-product-gallery .splide__arrow, .woocommerce-product-gallery .slick-arrow, .entry-related-carousel .splide__arrow, .entry-related-carousel .slick-arrow, .woosq-product .thumbnails .splide__arrow, .woosq-product .thumbnails .slick-arrow {
background: var(--global-palette7);
color: var(--global-palette3);
}
.woocommerce-product-gallery .splide__arrow:hover, .woocommerce-product-gallery .splide__arrow:focus, .woocommerce-product-gallery .slick-arrow:hover, .woocommerce-product-gallery .slick-arrow:focus, .entry-related-carousel .splide__arrow:hover, .entry-related-carousel .splide__arrow:focus, .entry-related-carousel .slick-arrow:hover, .entry-related-carousel .slick-arrow:focus, .woosq-product .thumbnails .splide__arrow:hover, .woosq-product .thumbnails .splide__arrow:focus, .woosq-product .thumbnails .slick-arrow:hover, .woosq-product .thumbnails .slick-arrow:focus {
background: var(--global-palette1);
color: var(--global-palette3);
}
.woosq-product .thumbnails .slick-arrow:hover:before {
color: var(--global-palette3);
}
span.category-links.term-links.category-style-normal {
color: var(--global-palette6);
}