:root {
--global-gray-400: #e5e5e5;
}
b, strong, .woocommerce form .form-row label {
font-weight: 500;
}
.color-switch-dark .site-header .header-contact-item img {
-webkit-filter: invert(1);
filter: invert(1);
}
.color-switch-dark .site-footer .widget-title::before {
-webkit-filter: invert(1);
filter: invert(1);
}
.site-footer .site-footer-wrap {
position: relative;
}
.site-footer .site-footer-wrap:before {
content: "";
position: absolute;
left: 0px;
bottom: 0;
margin: auto;
background: url(//www.globepack.co.th/wp-content/plugins/templatemela-theme-starbella/layouts/default/img/footer-bg.png);
-webkit-background: url(//www.globepack.co.th/wp-content/plugins/templatemela-theme-starbella/layouts/default/img/footer-bg.png);
background-repeat: no-repeat;
background-size: 323px;
-webkit-background-size: 323px;
height: 233px;
width: 323px;
}
.site-footer .widget_mc4wp_form_widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.site-footer .widget_mc4wp_form_widget .widget-title {
-webkit-padding-start: 39px;
padding-inline-start: 39px;
margin: 0;
position: relative;
}
.site-footer .widget_mc4wp_form_widget .widget-title::before {
content: "";
position: absolute;
background: url(//www.globepack.co.th/wp-content/plugins/templatemela-theme-starbella/layouts/default/img/email.svg) no-repeat;
background-size: 25px;
width: 25px;
height: 25px;
left: 0;
}
.site-footer .widget_mc4wp_form_widget .newsletter-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-padding-start: 55px;
padding-inline-start: 55px;
}
.site-footer .widget_mc4wp_form_widget .newsletter-wrapper input[type=email] {
width: 100%;
letter-spacing: 0.5px;
border-radius: 5px 0 0 5px;
padding: 13px 20px;
border: none;
background: var(--global-palette8);
}
.site-footer .widget_mc4wp_form_widget .newsletter-wrapper input[type=submit] {
font-size: 0;
border-radius: 0 5px 5px 0;
background-image: url(//www.globepack.co.th/wp-content/plugins/templatemela-theme-starbella/layouts/default/img/newsletter.svg);
background-size: 19px;
background-repeat: no-repeat;
padding: 0;
width: 52px;
background-position: 50%;
}
.site-footer .footer-navigation ul li {
height: 15px;
padding: 0 20px;
border-right: 1px solid var(--global-gray-400);
}
.site-footer .footer-navigation ul li:last-child {
border-right: 0;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, #payment #place_order, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
padding: 11px 28px 11px 28px;
}
.woocommerce ul.products li.product .product-details.entry-content-wrap .product-action-wrap {
bottom: -2.3rem;
}
.woocommerce div.entry .woocommerce-tabs {
padding: 60px 0 40px 0;
}
.woocommerce div.entry .woocommerce-tabs ul.tabs {
padding: 0;
margin-bottom: 0;
border: 0px;
}
.woocommerce div.entry .woocommerce-tabs ul.tabs li {
background-color: var(--global-palette9);
margin: 0 5px 0 0;
position: relative;
}
.woocommerce div.entry .woocommerce-tabs ul.tabs li.active::before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: var(--global-palette1);
}
.woocommerce div.entry .woocommerce-tabs ul.tabs li:hover::before {
content: "";
position: absolute;
background: var(--global-palette1);
width: 100%;
height: 3px;
}
.woocommerce div.entry .woocommerce-tabs ul.tabs li a {
padding: 20px 24px;
color: var(--global-palette3);
}
.woocommerce div.entry .woocommerce-tabs .woocommerce-Tabs-panel {
padding: 4.5% 5%;
border: 1px solid var(--global-gray-400);
border-top: none;
}
.woocommerce #reviews #comments h2, .woocommerce #reviews .comment-reply-title {
font-size: 18px;
font-weight: 500;
}
.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: 13px;
font-weight: 500;
border-radius: 5px;
padding: 12px 28px;
}
.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;
}
.site-header .elementor-section .elementor-element.elementor-widget-tmcore-product-categories .product-cat:hover .cat-image img {
border-color: var(--global-palette1);
}
.post-section .post-inner .post-button:hover {
text-decoration: none !important;
}
.woocommerce-Price-amount:not(del .woocommerce-Price-amount):not(.tmcore-product-price-filter .woocommerce-Price-amount) {
color: var(--global-palette3);
font-weight: 600;
}
.tr-price, .price {
color: var(--global-palette3);
font-weight: 600;
}
.tr-price del, .price del {
color: var(--global-palette4);
text-decoration-color: var(--global-palette4);
font-weight: normal;
}
.base-sticky-add-to-cart-title-wrap .base-sticky-add-to-cart-title {
font-size: 14px;
font-weight: 500;
}
.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);
}
#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;
}
.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);
}
.search-results .tmc-product-search-item-content .tmc-product-search-title {
font-size: 14px;
font-weight: 400;
}
.primary-sidebar.widget-area .widget-title, #filter-drawer .drawer-inner .product-filter-widgets .widget-title {
background: var(--global-palette1);
color: var(--global-palette9);
font-size: 16px;
font-weight: 500;
line-height: 22px;
padding: 10px 15px;
border-radius: 5px;
}
.primary-sidebar.widget-area .widget-title::after, #filter-drawer .drawer-inner .product-filter-widgets .widget-title::after {
right: 4%;
top: 20%;
}
.primary-sidebar.widget-area .widget-content, #filter-drawer .drawer-inner .product-filter-widgets .widget-content {
padding: 15px;
margin-top: 0;
}
.cms-banner .elementor-column .elementor-widget-image {
overflow: hidden;
}
.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-palette1);
color: var(--global-palette9);
}
.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-color: var(--global-palette2);
color: var(--global-palette9);
}
@media (min-width: 1025px) and (max-width: 1200px) {
.site-footer .widget_mc4wp_form_widget .newsletter-wrapper {
-webkit-padding-start: 20px;
padding-inline-start: 20px;
}
}
@media (max-width: 1024px) {
.site-footer .site-footer-wrap:before {
background-size: 220px;
-webkit-background-size: 220px;
height: 220px;
width: 220px;
}
.site-footer .widget_mc4wp_form_widget {
display: -ms-grid;
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer .widget_mc4wp_form_widget .widget-title {
margin-bottom: 10px;
}
.site-footer .widget_mc4wp_form_widget .newsletter-wrapper {
-webkit-padding-start: 0px;
padding-inline-start: 0px;
}
.site-footer .footer-navigation ul li {
padding: 0 15px;
}
}
@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(-3.2rem);
transform: translateY(-3.2rem);
}
.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;
}
}
@media (max-width: 767px) {
.cms-banner .elementor-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cms-banner .elementor-container .elementor-column {
margin: auto;
width: auto;
}
.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce .woosc-quick-table > h2 {
font-size: 22px;
margin: 0 0 15px;
}
.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;
}
#colophon .site-info-inner .footer-html {
margin: 15px 0px 15px 0px;
}
}
@media (max-width: 719px) {
#colophon .site-footer-wrap:before {
background-size: 130px;
-webkit-background-size: 130px;
height: 130px;
width: 130px;
}
}
@media (max-width: 540px) {
.site-header .custom-logo-link img, .site-header img.base-dark-mode-logo {
width: 100px;
}
.site-header .base-svg-iconset .base-search2-svg, .site-header .base-svg-iconset .thebase-account-svg, .site-header .base-svg-iconset .thebase-shopping-cart-svg {
font-size: 18px;
}
.cms-banner .elementor-column .title .elementor-heading-title {
font-size: 20px;
}
.cms-title .elementor-heading-title {
font-size: 20px;
}
.site-footer .footer-social-wrap .footer-social-inner-wrap {
font-size: 1.3em;
gap: 0.4em;
}
.site-footer .footer-navigation ul li {
padding: 0 1px;
}
.post-section .column-item {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}