@font-face {
font-family: "FastPrint Sans";
src: url(//fastprint.in.th/wp-content/themes/fastprint-modern/assets/fonts/Anuphan.ttf) format("truetype");
font-style: normal;
font-weight: 100 700;
font-display: swap;
}
body.fp-refreshed {
--fp-ink: #1b2a6b;
--fp-accent: #2148b0;
--fp-line: #dde0e9;
--fp-soft: #f4f5f9;
color: var(--fp-ink);
background: #fff;
font-family: "FastPrint Sans", Tahoma, sans-serif;
font-size: 14px;
line-height: 1.75;
-webkit-font-smoothing: antialiased;
}
body.fp-refreshed :is(h1, h2, h3, h4, h5, h6, p, a, li, button, input, select, textarea, label, th, td, summary, blockquote, figcaption),
body.fp-refreshed :is(.my_product_price, .mCSB_container, .my_product_title_inner) {
font-family: "FastPrint Sans", Tahoma, sans-serif;
}
.fp-refreshed h1, .fp-refreshed h2, .fp-refreshed h3,
.fp-refreshed h4, .fp-refreshed h5, .fp-refreshed h6 {
font-family: inherit;
color: var(--fp-ink);
line-height: 1.45;
}
.fp-refreshed a { text-underline-offset: 4px; }
.fp-refreshed a:hover { color: var(--fp-accent); }
.fp-refreshed :is(a, button, input, select, textarea, summary):focus-visible {
outline: 3px solid #2148b0;
outline-offset: 4px;
}
.fp-refreshed .zadora-header-v2 {
background: #fff;
border-bottom: 1px solid var(--fp-line);
box-shadow: 0 4px 24px #1b2a6b08;
}
.fp-refreshed .mainmenu-area { border-top: 1px solid var(--fp-line); }
.fp-refreshed .menu_nav > li > a { font-weight: 600; }
.fp-refreshed #jws_header .sticky-wrapper .menu_nav .mainmenu .nav > li > a,
.fp-refreshed #jws_header .right-header .icon-header a,
.fp-refreshed #jws_header .right-header .icon-header i { color: var(--fp-ink) !important; }
.fp-refreshed #jws_header .sticky-wrapper .menu_nav .mainmenu .nav > li:hover > a,
.fp-refreshed #jws_header .sticky-wrapper .menu_nav .mainmenu .nav > li.current-menu-item > a,
.fp-refreshed #jws_header .right-header .icon-header a:hover,
.fp-refreshed #jws_header .right-header .icon-header a:hover i { color: var(--fp-accent) !important; }
.fp-refreshed #jws_header.zadora-header-v2 .mainmenu-area { background: #fff; }
.fp-refreshed #jws_header.zadora-header-v2 .right-header {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
}
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header {
display: flex;
align-items: center;
margin: 0 !important;
}
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a {
position: relative;
display: grid;
place-items: center;
width: 40px;
height: 40px;
padding: 0;
border: 1px solid #e6e8f0;
border-radius: 12px;
background: #f5f6fa;
line-height: 1;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a:hover {
background: #e8ebf6;
border-color: #bbd7f2;
transform: translateY(-2px);
}
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a:focus-visible {
outline: 2px solid var(--fp-accent);
outline-offset: 3px;
}
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a > i,
.fp-refreshed #jws_header.zadora-header-v2 .right-header .menu-sidebar a > span { display: none !important; }
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a::before {
content: "";
display: block;
width: 21px;
height: 21px;
background: currentColor;
-webkit-mask: var(--fp-header-icon) center / contain no-repeat;
mask: var(--fp-header-icon) center / contain no-repeat;
}
.fp-refreshed #jws_header .count-wishlist > a { --fp-header-icon: url(//fastprint.in.th/wp-content/themes/fastprint-modern/assets/icons/heart.svg); }
.fp-refreshed #jws_header .search-form .action-search > a { --fp-header-icon: url(//fastprint.in.th/wp-content/themes/fastprint-modern/assets/icons/search.svg); }
.fp-refreshed #jws_header .zadora-icon-cart > a { --fp-header-icon: url(//fastprint.in.th/wp-content/themes/fastprint-modern/assets/icons/bag.svg); }
.fp-refreshed #jws_header .menu-sidebar > a,
.fp-refreshed #jws_header .button_menu > a { --fp-header-icon: url(//fastprint.in.th/wp-content/themes/fastprint-modern/assets/icons/menu.svg); }
.fp-refreshed #jws_header.zadora-header-v2 .right-header :is(.count-number, .zadora-menu-cart-count) {
top: -5px;
right: -5px;
min-width: 17px;
width: auto;
height: 17px;
padding: 0 3px;
border: 2px solid #fff;
border-radius: 999px;
background: var(--fp-accent);
color: #fff;
font-size: 10px;
line-height: 13px;
} @media (min-width: 1200px) {
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu {
display: grid;
grid-template-columns: minmax(150px, 1fr) auto minmax(250px, 1fr);
align-items: center;
column-gap: 18px;
min-height: 76px;
margin: 0;
padding: 0 clamp(24px, 3vw, 48px);
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu > div {
width: auto;
min-width: 0;
float: none;
padding: 0;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu > div:nth-child(3) {
grid-column: 1;
grid-row: 1;
justify-self: start;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu > div:nth-child(2) {
grid-column: 2;
grid-row: 1;
justify-self: center;
text-align: center;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu > div:nth-child(4) {
grid-column: 3;
grid-row: 1;
justify-self: end;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .logo-center {
text-align: left;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .regular-logo {
display: block;
width: auto;
max-width: 138px;
max-height: 54px;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(16px, 1.8vw, 32px);
margin: 0;
padding: 0;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li:not(.trp-language-switcher-container) > a {
display: flex;
align-items: center;
min-height: 76px;
padding: 0 2px;
line-height: 1.4;
white-space: nowrap;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li:not(.trp-language-switcher-container) > a::before {
height: 3px;
bottom: 18px;
border-radius: 999px;
background: var(--fp-accent);
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li.current-menu-item:not(.trp-language-switcher-container) > a::before,
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li.current-menu-ancestor:not(.trp-language-switcher-container) > a::before { width: 100%; }
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li.trp-language-switcher-container {
right: calc(clamp(24px, 3vw, 60px) + 200px);
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li.trp-language-switcher-container > a {
display: flex;
align-items: center;
min-height: 36px;
padding: 0 10px;
border: 1px solid #e6e8f0;
border-radius: 10px;
background: #f5f6fa;
line-height: 1;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav #nav > li.trp-language-switcher-container > a::before {
display: none;
}
}
@media (max-width: 1199px) {
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .regular-logo { max-width: 124px; max-height: 50px; }
}
@media (max-width: 767px) {
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .no_container { padding-inline: 14px; }
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 66px;
margin: 0;
}
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .row.mainmenu > div { width: auto; padding: 0; }
.fp-refreshed #jws_header.zadora-header-v2 .menu_nav .regular-logo { max-width: 108px; }
.fp-refreshed #jws_header.zadora-header-v2 .right-header { gap: 4px; }
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a { width: 34px; height: 34px; border-radius: 10px; }
.fp-refreshed #jws_header.zadora-header-v2 .right-header .icon-header a::before { width: 19px; height: 19px; }
}
.fp-refreshed .sub-menu-dropdown {
border: 1px solid var(--fp-line);
border-radius: 12px;
box-shadow: 0 16px 40px #1b2a6b14;
}
.fp-refreshed .header-contact { font-size: 13px; }
.fp-refreshed .wpb_text_column p { line-height: 1.85; }
.fp-refreshed .main-content :is(.wpb_text_column, .entry-content, .woocommerce) a:not(.button) { color: var(--fp-accent); }
.fp-refreshed :is(.bt-color-main, .woocommerce .star-rating) { color: var(--fp-accent) !important; }
.fp-refreshed .ro-bg-main,
.fp-refreshed .woocommerce span.onsale { background-color: var(--fp-accent) !important; color: #fff; }
.fp-refreshed :is(input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="search"], input[type="number"], select, textarea) {
border: 1px solid #cfd3e0;
border-radius: 8px;
color: var(--fp-ink);
background-color: #fff;
font-family: inherit;
}
.fp-refreshed :is(input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="search"], select) { min-height: 44px; }
.fp-refreshed .woocommerce :is(a.button, button.button, input.button),
.fp-refreshed .wpcf7-submit {
background: var(--fp-accent);
color: #fff;
border-radius: 8px;
border-color: var(--fp-accent);
font-family: inherit;
font-weight: 600;
min-height: 44px;
transition: background-color .18s ease, box-shadow .18s ease;
}
.fp-refreshed .woocommerce :is(a.button, button.button, input.button):hover,
.fp-refreshed .wpcf7-submit:hover {
background: #18378a;
color: #fff;
box-shadow: 0 4px 12px #2148b020;
}
.fp-refreshed .tb-products-grid article {
background: #fff;
border: 1px solid var(--fp-line);
border-radius: 14px;
padding: 12px;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
transition: border-color .18s ease, box-shadow .18s ease;
}
.fp-refreshed .tb-products-grid article:hover {
border-color: #a9cbe9;
box-shadow: 0 10px 28px #1b2a6b0d;
}
.fp-refreshed .tb-products-grid:not(.product-list-item):has(> article) {
display: flex;
flex-direction: column;
}
.fp-refreshed .tb-products-grid:not(.product-list-item) > article { flex: 1 1 auto; min-width: 0; }
.fp-refreshed .product-list.zadora-masonry {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-rows: 1fr;
gap: 20px;
height: auto !important;
}
.fp-refreshed .product-list.zadora-masonry > .grid-sizer { display: none; }
.fp-refreshed .product-list.zadora-masonry > .tb-products-grid {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
width: auto !important;
min-width: 0;
margin: 0;
padding: 0;
float: none;
}
.fp-refreshed .tb-products-grid article .product-thumb > a > img {
width: 100%;
height: 260px;
object-fit: contain;
}
.fp-refreshed .tb-products-grid:not(.product-list-item) article .product-thumb { flex: 0 0 auto; }
.fp-refreshed .product-thumb { border-radius: 10px; }
.fp-refreshed .tb-products-grid article .product-content {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
padding: 16px 4px 6px;
}
.fp-refreshed .tb-products-grid article .item-bottom { margin-top: auto; }
.fp-refreshed .product-title { font-size: 16px; line-height: 1.6; }
.fp-refreshed .woocommerce .price { color: var(--fp-accent); font-weight: 700; }
.fp-refreshed .woocommerce div.product .product_title { font-size: clamp(21px, 2.64vw, 32.5px); }
.fp-refreshed .woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--fp-line); }
.fp-refreshed .woocommerce div.product .woocommerce-tabs .panel { line-height: 1.85; }
.fp-refreshed .woocommerce table.shop_table {
border: 1px solid var(--fp-line);
border-radius: 12px;
border-collapse: separate;
}
.fp-refreshed .woocommerce table.shop_table th { background: var(--fp-soft); }
.fp-refreshed .woocommerce :is(.woocommerce-info, .woocommerce-message) {
background: var(--fp-soft);
border-top-color: var(--fp-accent);
border-radius: 8px;
color: var(--fp-ink);
}
.fp-refreshed .woocommerce form .form-row { margin-bottom: 16px; }
.fp-refreshed .woocommerce form .form-row label { font-weight: 600; }
.fp-refreshed .woocommerce-MyAccount-navigation li {
border-bottom: 1px solid var(--fp-line);
padding-block: 10px;
} .fp-refreshed #footer-jws.footer-v3 {
padding-top: 0 !important;
background: #e9ecf6 !important;
color: #3a4677 !important;
border-top: 1px solid #d3d7e4;
}
.fp-refreshed #footer-jws .footer-top,
.fp-refreshed #footer-jws .footer-top > .vc_row {
padding-top: 18px !important;
padding-bottom: 12px !important;
background: transparent !important;
}
.fp-refreshed #footer-jws .footer-top > .vc_row { padding: 0 !important; margin-bottom: 0 !important; }
.fp-refreshed #footer-jws .footer-top .row { display: flex; flex-wrap: wrap; gap: 16px; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column { flex: 1 1 190px; width: auto; float: none; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column:nth-child(2) { display: none; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column:first-child { flex: 1.6 1 360px; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column:first-child .vc_column-inner > .wpb_wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 5px 12px;
}
.fp-refreshed #footer-jws .vc_column-inner { padding-top: 0; }
.fp-refreshed #footer-jws .footer-top .widget { margin-bottom: 0; }
.fp-refreshed #footer-jws .widgettitle,
.fp-refreshed #footer-jws .widget-title {
color: #1b2a6b;
font-size: 14px;
font-weight: 700;
margin: 0 0 6px;
}
.fp-refreshed #footer-jws :is(p, li, a) { font-size: 12px; line-height: 1.45; }
.fp-refreshed #footer-jws a { color: #3a4677; }
.fp-refreshed #footer-jws .menu li a,
.fp-refreshed #footer-jws .vc_message_box a { color: #3a4677 !important; }
.fp-refreshed #footer-jws a:hover { color: #2148b0; }
.fp-refreshed #footer-jws .menu li a:hover,
.fp-refreshed #footer-jws .vc_message_box a:hover { color: #2148b0 !important; }
.fp-refreshed #footer-jws .menu li { margin-bottom: 2px; padding: 0; line-height: 1.45; }
.fp-refreshed #footer-jws .menu { margin-bottom: 0; }
.fp-refreshed #footer-jws .vc_wp_custommenu { margin-bottom: 0; }
.fp-refreshed #footer-jws .vc_message_box {
padding: 0 0 0 24px;
margin-bottom: 0;
background: transparent;
border: 0;
color: #3a4677;
}
.fp-refreshed #footer-jws .vc_message_box-icon { width: 18px; color: #2148b0; }
.fp-refreshed #footer-jws .vc_message_box p { margin: 0; }
.fp-refreshed #footer-jws .fp26f-copyright {
margin: 0;
padding: 9px 14px;
border-top: 1px solid #d3d7e4;
background: #dceeff;
color: #3a4677;
font-size: 11px;
line-height: 1.4;
opacity: 1;
}
.fp-refreshed #footer-jws .footer-bottom {
border-top: 1px solid #d3d7e4;
background: #dceeff;
color: #3a4677;
padding: 10px 0;
font-size: 12px;
}
@media (max-width: 767px) {
body.fp-refreshed { font-size: 14px; }
.fp-refreshed .tb-products-grid article { padding: 8px; border-radius: 10px; }
.fp-refreshed .product-title { font-size: 14px; }
.fp-refreshed .tb-products-grid article .product-content { padding: 12px 2px 4px; }
.fp-refreshed .tb-products-grid article .product-thumb > a > img { height: 190px; }
.fp-refreshed :is(input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="search"], select, textarea) { font-size: 15px; }
.fp-refreshed #footer-jws .footer-top { padding: 16px 0 12px !important; }
.fp-refreshed #footer-jws .footer-top .row { gap: 14px; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column { flex-basis: 100%; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column:first-child { flex-basis: 100%; }
.fp-refreshed #footer-jws .footer-top .row > .wpb_column:first-child .vc_column-inner > .wpb_wrapper { grid-template-columns: 1fr; gap: 4px; }
}
@media (max-width: 991px) {
.fp-refreshed .product-list.zadora-masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
.fp-refreshed .tb-products-grid article,
.fp-refreshed .woocommerce :is(a.button, button.button, input.button) { transition: none; }
} .fp-refreshed .main-content .wpb_single_image.wpb_content_element {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
.fp-refreshed .main-content .wpb_single_image.wpb_content_element img {
display: block;
} .fp-refreshed :is(.dpdpa--popup-button, .dpdpa--popup a.dpdpa--popup-button) { border-color: #2148b0 !important; background: #2148b0 !important; color: #fff !important; }
.fp-refreshed .dpdpa--popup a:not(.dpdpa--popup-button) { color: #2148b0 !important; } html body.fp-refreshed, html body.fp-refreshed :is(div, p, span, a, li, h1, h2, h3, h4, h5, h6, label, input, select, textarea, button, td, th, strong, b, small, em):not([class*="fa-"]):not([class*="pe-7s"]):not([class*="icon"]):not(.add_to_wishlist):not(.product-quick-view):not(.yith-wcwl-add-button a) { font-family: "FastPrint Sans", Tahoma, sans-serif !important; } .fp-refreshed .zadora-push-menu { padding: 24px !important; }
.fp-refreshed .zadora-push-menu :is(h3, h4, .title, .widget-title) { color: #1b2a6b !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; }
.fp-refreshed .zadora-push-menu .woocommerce-mini-cart__empty-message { padding: 32px 0 16px; color: #6b7280; font-size: 15px; text-align: center; }
.fp-refreshed .zadora-push-menu :is(a.button, .button, .btn, a[class*="shop"]) { display: flex !important; align-items: center; justify-content: center; min-height: 48px; border: 0 !important; border-radius: 10px !important; color: #fff !important; background: #2148b0 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
.fp-refreshed .zadora-push-menu :is(a.button, .button, .btn):hover { background: #18378a !important; }
.fp-refreshed .zadora-push-menu .woocommerce-mini-cart-item { padding: 14px 0; border-bottom: 1px solid #dfe2ea; }
.fp-refreshed .zadora-push-menu .woocommerce-mini-cart-item a:not(.remove) { color: #1b2a6b !important; font-size: 14.5px; font-weight: 600; }
.fp-refreshed .zadora-push-menu .amount { color: #e5391f; font-weight: 700; } html body.fp-refreshed { font-weight: 400; }
.fp-refreshed :is(.fw300, .vc_custom_heading.fw300, .woocommerce-Price-amount, .price, input, textarea, select, .product-content, .tb-products-grid .product-title) { font-weight: 400; } .fp-refreshed .zadora-push-menu :is(h3, .title) { display: flex !important; gap: 6px; justify-content: flex-start !important; }
.fp-refreshed .zadora-push-menu :is(h3, .title) > * { margin: 0 !important; }