@font-face {
font-family: NotoSansThai-Regular;
src: url(//www.alltechshopping.com/wp-content/themes/bacola-child/fonts/NotoSansThai-Regular.ttf);
font-weight: normal;
}
body,div,html,h1, h2, h3, h4, h5, h6,
.discount-text,
.onsale,
.product-title{
font-family: "NotoSansThai-Regular", Arial, sans-serif !important;
}
.product-badges .badge.onsale::before{
content: "ลด";
padding-right: 5px;
font-weight: normal;
font-size: 12px;
} .header-switchers {display: none !important;}
.module-special-products .module-body{
background: #fff;
}
.module-blog .entry-meta .entry-comments,
.module-blog .entry-meta .entry-author{
display : none !important;
} .header-top .text-content a strong{
color : #dd3333 !important;
}
.header-top .text-content a:hover{
color : #dd3333 !important;
}
.site-header .primary-menu .menu-item a:hover{
background: rgba(255,240,240,1) !important;
}
.site-header .primary-menu .menu-item a:hover,
.site-header .primary-menu .menu-item.current-menu-item a{
color : #dd3333 !important;
}
.site-header .primary-menu .menu > .menu-item > a i{
opacity: 1;
}
.countdown span{
color: #fff;
}
.countdown .count-item{
display: flex;
flex-direction: column;
}
.countdown .count-item.days:before{
content: "Days";
font-size: 10px;
}
.countdown .count-item.hours:before{
content: "Hours";
font-size: 10px;
}
.countdown .count-item.minutes:before{
content: "Minutes";
font-size: 10px;
}
.countdown .count-item.second:before{
content: "Second";
font-size: 10px;
}
.order-review-wrapper .woocommerce-checkout-payment ul.payment_methods label{
margin-left:0;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
font-family: "NotoSansThai-Regular", Arial, sans-serif !important;
font-size: 1.35rem;
padding: 15px;
line-height: unset;
margin: 20px 0;
border: 2px solid green;
}
.wc-bacs-bank-details-heading{
border-top: 1px solid #eee;
padding: 15px 0 0 0;
}
.wc-bacs-bank-details-account-name:before{
content: "ชื่อบัญชี : ";
color: #dc0000;
}
.wc-bacs-bank-details-account-name{
padding: 5px 0 0 0;
}
ul.wc-bacs-bank-details{
padding: 0 20px 15px 20px;
border-bottom: 1px solid #eee;
}
.brand-description {
display:none !important;
}
.site-header .header-buttons .bordered .button-icon{
background: #fff;
}
.header-cart .cart-price bdi { color:#fff;}
.site-header .primary-menu .menu > .menu-item > a, .site-header .primary-menu .menu .sub-menu .menu-item > a {
color:#fff;
}
.site-header .header-nav {
border-bottom: none;
}
.woocommerce-account .registerpage .u-column1{
display: none !important;
}
.woocommerce-account .loginpage .u-column2{
display: none !important;
}
.slider-item .content-wrapper{
display: none !important}
.site-header .header-buttons .bordered .button-icon{
border-radius: 50px;
padding: 4px 5px;
}
.site-canvas .canvas-header {
background-color: #d71a21;
}
.site-menu.menu .menu-item a {
font-family: inherit !important;
}
.menu .dropdown.menu-item .sub-menu span.text{
color:#3e445a;
}
.menu-item-has-children:before {
display: none;
}
.site-header .header-main .site-brand img {
height: auto;
} @media (max-width:576px){
.site-footer .footer-widgets .col{
flex: 1 0 50%;
}
.klbfooterwidget .fb_iframe{
width:100% !important;
}
.klbfooterwidget .fb_iframe span{
width:100% !important;
}
.klbfooterwidget .fb_iframe span iframe{
width:100% !important;
}
.cart-dropdown{
display:none;
}
} .sticky-header .header-main{
border-bottom: none !important;
}
.sticky-header .header-nav{
position: fixed;
left: 0;
right: 0;
top: 78px;
border-bottom: 1px solid #e3e4e6;
} .woocommerce-error{
background: red;
color: #fff;
font-weight: bold;
}
abbr.required{
color: red;
}
.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
color: #fff;
background: red;
width: fit-content;
padding: 0px 5px;
line-height: 19px;
border-radius: 7px;
font-size: 10px;
display: block !important;
font-weight: bold;
}
.woocommerce-customer-details .col-1, .woocommerce-customer-details .col-2{
flex: 0 0 100% !important;
max-width: 100% !important;
} .usermanage-box{
display:none;
position: absolute;
min-width: 18.75rem;
max-width: 20rem;
padding-top: 25px;
opacity:0;
}
.usermanage-box.active{
display:block;
opacity:1;
}
.header-login:hover .usermanage-box{
display:block;
opacity:1;
}
.usermanage-box ul{
margin-bottom: 0;
list-style-type: none;
padding: 0;
padding: 1.25rem;
background-color: #fff;
-webkit-box-shadow: 0px 5px 10px rgb(62 68 90 / 10%);
box-shadow: 0px 5px 10px rgb(62 68 90 / 10%);
border: 1px solid #edeef5;
border-radius: var(--size-border-radius);
top: 52px;
right: 0;
transition: 300ms;
}
.usermanage-box ul li a{
padding: 7px 0;
width: 100%;
}
.usermanage-box ul li a:hover {
color: red;
}
.add_to_cart_button:focus{
animation: zoom-in-zoom-out 500ms ease-out;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.13, 1.13);
}
100% {
transform: scale(1, 1);
}
}
.canvas-main{
background : #ffffff !important;
}@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}