/*
Theme Name: TERRA PONG
Theme URI: https://terrapong.my
Description: Website Restoran Terra Pong Batu 18 dengan sokongan Ordering System
Author: Jaring Digital
Author URI: https://jaringdigital.com
Version: 1.0
License: GPL
License URI: http://www.gnu.org/copyleft/gpl.html
*/

/* ================================================== 
BASIC STYLES
================================================== */
html, body {border: 0; margin: 0; padding: 0; width: 100%; height: 100%; position: relative;} a img {border: 0}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {background: #fff; padding: 0; margin: 0; font-family: 'Inter', Arial, Helvetica, sans-serif!important; font-size: 16px; line-height: 22px; color: #393939;}
img, object, embed {max-width: 100%; height: auto;} input:focus {outline: none;} *:focus {outline: none;} 
::selection {background: #fff2a8;}
::-moz-selection {background: #fff2a8;}
/* ================================================== 
LINK
================================================== */
a, input, #submit, textarea {text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
select, button, button:hover {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
textarea {font-family: 'Inter', sans-serif;}
a {-webkit-tap-highlight-color: transparent !important;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
/* ================================================== 
TYPOGRAPHY
================================================== */
h1, h2, h3, h4, h5, h6 {color: #000; margin: 0; padding: 0; font-weight: 700;}
ul, li, ol {list-style: none; margin: 0; padding: 0;}
p, li {font-size: 16px; line-height: 22px; padding: 0; margin: 0;}
::-webkit-input-placeholder {font-style: normal!important;}
::-moz-placeholder {font-style: normal!important;}
:-ms-input-placeholder {font-style: normal!important;}
:-moz-placeholder {font-style: normal!important;}
/* ================================================== 
LAYOUT CONTROL
================================================== */
.layout-control {max-width: 583px; margin: 0 auto; padding: 0 10px; position: relative;}
.o-menu .banner {max-width: 583px; margin: 0 auto;}
.woocommerce-breadcrumb {display: none;}
/* ================================================== 
HOME
================================================== */
.home-temp {width: 100%; float: left; padding-top: 10px;}
.home-temp .web-control {max-width: 1000px; position: relative; padding: 0 10px; margin: 0 auto;}
.home-temp .logo img {height: 50px; width: auto;}
.temp-title {margin: 10px 0 20px;}
.temp-title h1 {font-size: 2.6rem; color: #000;}
.h-mid {float: left; width: 100%; position: relative;}
.h-mid .row-one, .h-mid .row-two {float: left; position: relative;}
.h-mid .row-one {width: 70%;}
.h-mid .row-two {width: 30%;}
.cta {margin: 15px 0;}
.cta a {display: block; font-size: 30px; font-weight: bold; padding: 22px 0; max-width: 600px; background: #dd3333; color: #fff; border-radius: 50px;}
.social-media {position: absolute; top: 10px; right: 10px; z-index: 9999;}
.social-media a {font-size: 30px; display: inline-block; border-radius: 50%; width: 45px; height: 45px; padding-top: 9px; color: #fff;}
.social-media a.fb {background: #4267b2;}
.social-media a.ig {background: #f24d58;}
.h-map {overflow: hidden; padding-bottom: 30%; position: relative; height: 0; width: 100%; border-top: 1px solid #ddd;}
.h-map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.home-temp .flex-control-paging li a.flex-active {background: #dd3333!important;}
.home-temp .flex-control-paging li a {background: #959595!important;}
.info {max-width: 600px; position: relative; margin: 30px 0 20px;}
.info .box {padding: 20px 20px 20px 40px; border-radius: 8px; background: #fcfcdf; border: 2px solid #d5d56f; z-index: 1; position: relative;}
.info .box::before {content: ""; background: url("images/notice.svg") no-repeat; background-size: contain; width: 50px; height: 50px; position: absolute; left: -20px; top: 20px; display: block; z-index: 9;}
.info .box p {font-size: 0.9rem; line-height: 1.3;}
/* ================================================== 
SIDE CART
================================================== */
.mobile-fixUl {border-bottom: none!important;}
.pushy {position: fixed; width: 260px; height: 100%; top: 0; z-index: 9999; background: #fff; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; display: block;}
.pushy.pushy-left {left: 0;}
.pushy-left {-webkit-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0);}
.pushy-open-left #container,
.pushy-open-left .push {-webkit-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
.pushy-open-left .pushy {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
/* Site Overlay */
.site-overlay {display: none;}
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.7); -webkit-animation: fade 500ms; animation: fade 500ms;}
.sideCart h3 {padding: 10px 0; text-align: center; font-size: 16px; background: #000; color: #fff; text-transform: uppercase;}
.sideCart h3 span {background: #fff; font-size: 14px; padding-top: 5px; color: #000; border-radius: 50%; height: 30px; margin-left: 4px; vertical-align: 0px; width: 30px; display: inline-block;}
.sideCart li {padding: 12px 10px 10px; border-bottom: 1px solid #ddd; width: 100%; display: block; position: relative;}
.sideCart li a.t-side {font-size: 14px; line-height: 18px; font-weight: bold; color: #000; padding-right: 20px;}
.sideCart dl.tc-epo-metadata.variation {margin-block-start: 0!important; margin-block-end: 0!important; margin: 1px 0 3px!important;}
.sideCart .tc-epo-metadata.variation dt {display: none;}
.sideCart .tc-epo-metadata.variation dd {margin-inline-start: 0!important; width: 100%;} 
.sideCart .tc-epo-metadata.variation dd p {font-size: 12px; line-height: 16px; color: #363636;}
.sideCart li .side-qty {font-size: 14px; color: #000;}
.sideCart li a.remove {position: absolute; right: 15px; top: 10px; font-size: 14px; padding-right: 0!important;}
.sideCart li a.remove i {color: #000;}
.sideCart .total {margin: 30px 0 15px; text-align: center; color: #000; font-size: 18px; line-height: 18px;}
.minicart-button {padding: 0 15px;}
.minicart-button a {padding: 12px 0; width: 100%; display: block; text-align: center; border-radius: 4px; font-size: 15px; background: #e32847; color: #fff; font-weight: bold;}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {border-left: none!important; padding-left: 0!important;}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {padding: 10px 15px!important;}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {padding-bottom: 0!important; margin-bottom: 0!important;}
/* ================================================== 
ORDER SYSTEM
================================================== */
.o-logo {background: url('images/logo.svg') no-repeat; width: 211px; height: 50px; display: block; text-indent: -9999px; background-size: contain; margin: 10px 0;}
.o-menu.dpn .o-logo {margin-bottom: 0;}
.o-note {margin: 10px 0;}
.o-note p {font-size: .85rem; line-height: 1.3; font-weight: 400;}
.o-menu .banner .metaslider .flexslider {margin-bottom: 20px;}
.o-menu .banner .metaslider .flex-control-nav {bottom: -24px;}
.o-menu .banner .metaslider .flex-control-nav li a {margin: 0 3px!important; width: 8px!important; height: 8px!important;}
.o-menu .banner .metaslider .flex-control-paging li a {background: rgba(0,0,0,.3);}
.o-menu .banner .metaslider .flex-control-paging li a.flex-active {background: rgba(0,0,0,.9);}
.o-search {margin: 30px 0 15px;}
.aws-container .aws-search-field {font-size: 13px!important; padding: 10px!important;}
.aws-search-result .aws_result_title {font-size: 13px!important; font-weight: bold!important; margin-bottom: 0!important; color: #000!important;}
.aws-search-result .aws_result_price {font-size: 13px!important; line-height: 12px!important;}
.o-list {padding-bottom: 60px;}
.o-list ul {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: calc(100% + 0.55rem); margin: 0 -0.25rem;}
.o-list li {width: 50%; padding: 5px; position: relative;}
.o-list li img {width: 100%; height: auto; margin-bottom: -6px;}
.xoo-wsc-basket {padding: 6px!important; border-radius: 50%!important;}
.xoo-wsc-bki {font-size: 22px!important;}
.w-op {margin: 10px 0;}
.w-op h4 {font-size: 13px; line-height: 14px; margin-bottom: 6px; text-transform: uppercase; color: #cb1616;}
.w-op h3 {font-size: 13px; line-height: 15px;}
/* ================================================== 
CARA HOME
================================================== */
.h-title {margin-bottom: 10px;}
.h-title h1 {font-size: 1.2rem; line-height: 1.1; text-transform: uppercase; color: #fff; background: #8b5e3c; padding: 10px 0;}
.h-title .sep img {height: 25px; width: 100%;}
.cara {padding-bottom: 70px;}
.cara {float: left; width: 100%; position: relative;}
.cara .row {float: left; width: 50%; padding: 0 5px; margin-bottom: 15px;}
.cara .row img {width: 140px; height: auto;}
.cara .row .no {color: #fff; width: 30px; height: 30px; background: #8b5e3c; border-radius: 50%; font-weight: bold; font-size: 1.4rem; padding-top: 5px;}
.cara .row h3 {font-size: 16px; line-height: 18px; text-transform: uppercase; color: #8b5e3c; margin: 10px 0;}
.cara .row p {font-size: 14px; line-height: 18px;}
.cara .button {margin-top: 20px;}
.cara .nota {background: #fffde1; margin-bottom: 10px; position: relative; padding: 10px 10px 5px;}
.cara .nota p {font-size: 13px; line-height: 16px; text-align: center; font-weight: bold; margin-bottom: 10px;}
.cara .nota p strong {color: #FF0000;}
.cara .button a {width: 100%; border-radius: 4px; background: #fff; border: 2px solid #000; color: #000; font-size: 16px; text-transform: uppercase; font-weight: bold; display: block; padding: 14px 0;}
.cara .button a i {margin-right: 5px;}
.f-content {padding-top: 40px;}
.f-content h1 {font-size: 3rem; line-height: 1; color: #ff090e; margin-bottom: 10px;}
.f-content p {font-size: 1.4rem; line-height: 1.2;}
/* ================================================== 
MAIN CATEGORY MENU
================================================== */
.co-note.cme {margin-bottom: 0; padding-bottom: 0;}
.cat-main {margin-bottom: 15px;}
.cat-main .c-title {margin-bottom: 10px;}
.m-cat {display: flex; flex-wrap: wrap; margin: 0 -5px;}
.m-cat .row {width: 33.333333%; padding: 0 5px; margin-bottom: 10px;}
.m-cat .row img {width: 100%; height: auto; border-radius: 6px;}
.m-cat a h4 {font-size: .76rem; line-height: 1.2; text-transform: uppercase; margin-top: 4px;}
/* ================================================== 
POPULAR MENU
================================================== */
.popular h3 {margin-bottom: 10px;}
.popular .layout-control {padding-right: 0;}
.popular .row {padding-right: 15px;}
.popular .thumb {width: 108px; height: 108px; background: #ececec; border-radius: 6px; overflow: hidden; margin-bottom: 10px;}
.popular .thumb img {min-width: 180px; height: auto; margin-top: -5%; margin-left: -35%;}
.popular a h4 {font-size: .78rem; line-height: 1.2;}
.popular a .price {color: #ff0000!important; font-weight: 700!important; font-size: .78rem!important;}
/* ================================================== 
ARCHIEVES
================================================== */
.back {margin-bottom: 20px;}
.back a {font-size: 12px; font-weight: bold; padding-left: 22px; color: #000; text-transform: uppercase; vertical-align: 1px;}
.back a::before {content:""; background: url("images/back.svg") no-repeat; position: absolute; top: 2px; left: 10px; width: 18px; height: 18px;}
.m-list {padding-top: 10px; position: relative; padding-bottom: 40px;}
.w-loop {width: 100%; float: left; margin: 10px 0 15px;}
.woocommerce .woocommerce-ordering {margin-bottom: 0!important;} 
.woocommerce .woocommerce-result-count {margin-bottom: 0!important; padding-top: 3px;}
.woocommerce-result-count {font-size: 13px; color: #656565;}
.woocommerce .woocommerce-ordering select {font-size: 11px; padding: 4px; width: 140px;}
.m-list h1 {font-size: 1.3rem; line-height: 1.1; font-weight: 700;}
.c-title h2 {font-size: .85rem; line-height: 1; text-transform: uppercase;}
.mn-list ul li {width: 100%!important; display: block; border-bottom: 1px solid #cacaca; margin-bottom: 0!important; padding: 15px 0!important; float: none!important; position: relative!important;}
.mn-list ul li a h2 {font-size: .9rem!important; line-height: 1.2; margin-top: 0!important; padding: 0!important;}
.mn-list ul li a {display: flex;}
.mn-list ul li .thumb {min-width: 180px!important; height: 180px; border-radius: 6px!important; overflow: hidden; background: #ececec;}
.mn-list ul li .m-one {padding-left: 15px; width: 100%; position: relative;}
.mn-list ul li .price {margin: 2px 0!important; color: #ff0000!important; font-weight: 700!important; font-size: .9rem!important; display: block;}
.mn-list ul li .c-txt p {font-size: .85rem; line-height: 1.1; margin-top: 5px; color: #6e6e6e;}
.mn-list ul li .qib-container {margin-top: 6px;}
.mn-list ul li.outofstock .c-txt p {display: none;}
.mn-list ul li.outofstock .price {color: #000!important;}
.mn-list ul li.outofstock a h2, .mn-list ul li.outofstock .price, .mn-list ul li.outofstock .thumb img {opacity: .3;}
.mn-list ul li.outofstock .thumb img {filter: grayscale(1)}
.mn-list ul li.outofstock .c-txt::after {content: "OUT OF STOCK"; position: absolute; bottom: 15px; right: 15px; font-size: 1rem; text-transform: uppercase; color: #FF0000; font-weight: bold;}
.woocommerce table.cart .product-thumbnail {display:none;}
.woocommerce-page #content div.product div.summary {width:100%;}
.xoo-wsc-sum-col {padding-left: 0!important;}
span.xoo-wsc-pname a {font-weight: bold!important;}
.xoo-wsc-qty-price, .xoo-wsc-qty-price span {font-size: 14px!important;}
.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout {font-size: 15px!important; padding: 14px 0!important; background: #e32847!important; border-radius: 4px!important; color: #fff!important; border: none!important;}
.xoo-wsc-body a, span.xoo-wsc-pname {font-size: 14px!important; line-height: 18px!important;}
.xoo-wsc-product dl.variation dt {display: none!important;}
.xoo-wsc-product dl.variation dd {font-style: normal!important;}
.m-list .b-pesan {position: absolute; right: 0; top: 15px;}
.m-list .b-pesan a {font-size: 13px; line-height: 13px; color: #fff; background: #dd3333; border-radius: 2px; padding: 10px; display: block;}
.m-list .b-pesan a:first-child {display: none;}
.woocommerce-message {padding: 10px 10px 10px 30px!important; font-size: 12px; line-height: 14px; display: flex; align-items: center;}
.woocommerce-message a.button.wc-forward {display: none;}
.woocommerce-message::before {left: 10px!important;}
.custom-add-to-cart-message {margin-left: 6px;}
.custom-add-to-cart-message .menu-btn {font-weight: bold;}

.tcart {overflow: hidden;}
.tcart .variation .variation-Yourextrafieldtext {display: none!important;}
.cart-menu {margin-bottom: 15px;}
.cart-menu a {display: block; color: #ff0000; font-size: 1rem; line-height: 1.2; font-weight: 500;}
.tcart .product-name {display: flex; justify-content: space-between; font-size: .9rem;}
.tcart .product-name a {font-size: .9em; line-height: 1.2; color: #000!important;}
.tcart .product-name a.tm-cart-edit-options {color: #0042b2!important;}
.tcart dl {margin: 4px 0!important;}
.tcart .variation dt {font-weight: 500;}
.tcart .variation dt, .tcart .variation dd p {font-size: .8rem!important;}
.tcart .c-price {font-size: .9rem;}
.tcart a.remove {font-size: .7rem!important; height: inherit!important; width: inherit!important; text-align: left!important; margin-top: 8px; background: none!important; border-radius: none!important; width: 100%!important; color: #ff0000!important;}
.tcart .row-one {width: 100%;}
.tcart .row-two {max-width: 50px!important; margin-left: 10px;}
.tcart .qib-container {border: 1px solid #CBD5E0; border-radius: 6px;}
.tcart .qib-button:not(#qib_id):not(#qib_id) {width: 100%!important; height: 26px!important; font-size: .8rem; line-height: 1; color: #222; background: none!important; border: none!important;}
.tcart .qib-button:not(#qib_id):not(#qib_id):focus {background: none!important;}
.tcart .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {width: 100%!important; height: 30px!important; font-size: .8rem!important; line-height: 1; border: none!important;}  
.tcart .actions button {background: #000!important; color: #fff!important; font-size: .85rem!important; line-height: 1; font-weight: 500!important; padding: 12px 0!important;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {padding: 14px 0!important; text-align: center; font-size: 1rem!important; line-height: 1!important; background: #fff!important; color: #000!important; border: 2px solid #000; font-weight: 600;}
.cart-collaterals h2, .cart-collaterals table {display: none;}
.cart-collaterals .wc-proceed-to-checkout {padding: 0!important;}
/* ================================================== 
WOO PAGINATION
================================================== */
.woocommerce nav.woocommerce-pagination {margin-bottom: 30px!important;}
.woocommerce nav.woocommerce-pagination ul {border: none!important;}
.woocommerce nav.woocommerce-pagination ul li {border: none!important; margin: 0 2px!important;}
.woocommerce nav.woocommerce-pagination ul li span.current {background: #dd3333!important; color: #fff!important; border: 1px solid #dd3333!important;}
.woocommerce nav.woocommerce-pagination ul li a {border: 1px solid #969696!important; background: none!important; font-size: 0.95rem; color: #333;} 
.woocommerce nav.woocommerce-pagination ul li a:hover {border: 1px solid #333!important;}
/* ================================================== 
SINGLE PRODUCT
================================================== */
.woocommerce-product-gallery__image--placeholder {display: none;}
.woo-single {padding: 10px 0 60px;}
.woo-single a.post-edit-link {position: absolute; right: 10px; top: 0; display: block; padding: 4px 6px; border-radius: 2px; border: 1px solid #ccc; background: #ececec; color: #000; font-size: .7rem; line-height: 1; text-transform: uppercase; font-weight: bold;}
.woo-single .woo-product-gallery-slider .wpgs-for {height: 240px;}
.woo-single .woocommerce-product-gallery.images {float: none!important; max-width: 400px; width: inherit!important; margin-bottom: 10px!important;}
.woo-single .woocommerce-product-gallery img {border-radius: 6px;}
.woocommerce div.product div.summary {float: none!important; width: 100%!important; margin-bottom: 15px!important;}
.woocommerce .summary h1 {font-size: 1.1rem; line-height: 1.2; font-weight: bold;}
.fix-summary {margin-top: 4px;}
.fix-summary .price bdi {font-size: 1rem; letter-spacing: .3px; color: #ff0000; font-weight: bold;}
.woocommerce .summary .c-txt {font-size: 14px; line-height: 18px; color: #6e6e6e; margin: 10px 0 15px;}
.woo-single div.product p.stock.out-of-stock {font-size: 1.1rem!important; font-weight: 600;}
.woo-single .stock.in-stock {display: none!important;}
.woo-single div.product .woovr-variation-availability p.stock.out-of-stock, .woo-single .woovr-variation-availability p.stock.in-stock {font-size: .8rem!important; text-transform: uppercase!important; font-weight: bold!important; display: block!important;}
.woocommerce div.product form.cart {margin: 10px 0!important;}
.woocommerce .more-info p {font-size: 14px; line-height: 20px; margin-bottom: 25px;}
.woocommerce .summary button.button.alt {background: #dd3333!important; border-radius: 2px!important; padding: 0 15px!important; font-size: .9rem; font-weight: 600;}
.e-note {margin-bottom: 15px;}
.e-note label {display: block; width: 100%; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 6px;}
.tm-extra-product-options textarea.tm-epo-field {width: 100%; padding: 10px; font-size: 14px, Helvetica, sans-serif; height: 70px;}
.woocommerce .summary .thwepo-extra-options {margin-bottom: 25px;}
.woocommerce .summary .thwepo-extra-options.thwepo_simple label {font-size: 14px;}
.woocommerce .summary .label-tag {font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.tm-extra-product-options .tm-epo-field.tmcp-checkbox {margin: 0!important; margin-right: 2px!important; vertical-align: -1px!important;}
.tc-section-inner-wrap label.tm-epo-element-label {font-weight: bold; font-size: 12px; margin-bottom: 2px; text-transform: uppercase;}
.tc-label-wrap .tc-label.tm-label {font-size: 14px;}
.tm-extra-product-options .tc-row, .tc-row {margin: 0!important;}
.tm-extra-product-options .tc-cell, .tc-cell, .tm-extra-product-options .tc-container, .tc-container {padding: 0!important;}
.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap {margin-bottom: 0!important;}
.e-menu-notes {margin-bottom: 15px;}
.e-menu-notes label, .e-menu-notes textarea {display: block; width: 100%;}
.e-menu-notes label {font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 4px;}
.e-menu-notes textarea {width: 100%; padding: 10px; font-size: 14px; height: 70px;}
.woovr-variation-name {font-size: 14px; line-height: 12px;}
.woovr-variation-radio .woovr-variation-info .woovr-variation-price {font-size: 13px!important;}
.woovr-variation-selector input {margin: 0!important;}
.woovr-variation-radio .woovr-variation-selector {flex: 0 0 25px!important;}
/* ================================================== 
CHECKOUT
================================================== */
.wrapper-page {padding-top: 10px;}
.pages {padding: 0 0 60px;}
.pages .title h1 {margin-bottom: 15px; font-size: 26px; line-height: 30px;}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {width: 100%!important;}
.woocommerce .col2-set .col-1 h3, .woocommerce-additional-fields h3 {display: none;}
.woocommerce form .form-row-first {width: 100%!important;}
.woocommerce form .form-row label {font-size: 12px; font-weight: bold; text-transform: uppercase;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {padding: 10px; font-size: 15px; line-height: 20px!important; width: 100%!important; border: 1px solid #333;}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {border: 1px solid #dd3333!important;}
.woocommerce form .form-row.woocommerce-validated input.input-text {border: 1px solid #333;}
.pages .woocommerce .checkout .row-two {margin-top: 20px;}
.pages .woocommerce .checkout .row-two h3 {text-transform: uppercase; margin-bottom: 10px; font-size: 16px;}
.pages .woocommerce .checkout .row-two table.shop_table th {font-size: 13px; text-transform: uppercase;}
.pages .woocommerce .checkout .row-two table.shop_table td {font-size: 0.9em;}
.pages .woocommerce .checkout .row-two .variation {margin-top: 0!important;}
.pages .woocommerce .checkout .row-two .variation dt {display: none;}
.pages .woocommerce .checkout .row-two .variation dd p {font-size: 12px;}
.pages .woocommerce .checkout .form-row.place-order .woocommerce-terms-and-conditions-wrapper {display: none;}
.woocommerce-checkout #payment div.form-row {padding: 0!important;}
.woocommerce #payment #place_order {margin-bottom: 0!important; width: 100%!important; background: #fff!important; border: 2px solid #000; color: #000; border-radius: 2px!important; padding: 14px!important; font-size: 1rem!important; font-weight: 600; float: none!important;}
.woocommerce-thankyou-order-details.order_details li {width: 50%!important; padding-right: 0!important; margin-right: 0!important; border-right: 0!important; border-bottom: 1px dashed #ddd; padding-bottom: 10px; padding-top: 15px;}
.woocommerce ul.order_details, .woocommerce .woocommerce-order-details {margin-bottom: 20px!important;}
.woocommerce ul.order_details li:last-of-type {border-bottom: 1px dashed #ddd;}
.woocommerce ul.order_details li strong {font-size: 1.25em!important;}
.woocommerce-order-details h2, .woocommerce-customer-details h2 {margin-bottom: 10px; font-size: 20px; line-height: 24px;}
.woocommerce-order-details table.shop_table td, .woocommerce-order-details table.shop_table td a {font-size: 0.9em; line-height: 18px!important; color: #000;}
.woocommerce-order-details table.shop_table td a {font-weight: bold;}
.woocommerce-order-details .wc-item-meta-label {display: none!important;}
.woocommerce-order-details li p {font-size: 13px; line-height: 18px; color: #6a6a6a; margin-top: 5px;}
.woocommerce-order-details table.shop_table td li {font-size: 0.9em; line-height: 18px!important;}
.woocommerce-order .woocommerce-customer-details address {padding: 0!important; border: none!important; border-radius: 0!important; line-height: 24px!important;}
.woocommerce-customer-details address p {position: relative;}
.woocommerce-customer-details--phone::before {top: -4px;}
.woocommerce-customer-details--email::before {top: -3px;}
.woocommerce-checkout #payment ul.payment_methods li img {margin: 0!important;}
li.wc_payment_method.payment_method_toyyibPay label {text-indent: -9999px;}
.payment_box.payment_method_toyyibPay p {font-size: 14px; line-height: 18px;}
.pages .woocommerce .checkout .row-two tr.fee {display: none;}
.co-note {background: #fffde1; margin-bottom: 10px; position: relative; padding: 20px 20px 15px;}
.co-note p {font-size: 13px; line-height: 16px; margin-bottom: 5px; font-weight: bold;}
.co-note p strong {color: #FF0000;}
.woocommerce-checkout #payment div.payment_box::before {border: 1em solid #fff!important; border-right-color: transparent!important; border-left-color: transparent!important; border-top-color: transparent!important;}
.woocommerce-checkout #payment div.payment_box {background: #fff!important;}
.woocommerce form .form-row {position: relative;}
#billing_field_480_field::after {content: ""; background: url("images/calendar.svg") no-repeat; position: absolute; top: 38px; right: 15px; width: 20px; height: 20px; background-size: contain;}
.select2-container--default .select2-selection--single {border: 1px solid #000!important; border-radius: 0!important;}
.select2-container .select2-selection--single {height: 42px!important;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-top: 7px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 7px!important;}
.woocommerce-error {display: none!important;}
.checkout #order_review a.remove {font-size: .7rem; background: none; width: inherit; height: inherit; border-radius: 0; text-align: left;}
.screen-reader-text {width: inherit!important; height: inherit!important; position: relative!important;}
/* ================================================== 
HELP
================================================== */
.b-note {margin: 15px 0 20px;}
.b-note p {font-size: 14px; line-height: 18px;}
.bantuan .box .row {margin-bottom: 8px;}
.bantuan .box .row a {display: block; width: 100%; border: 1px solid #ccc; color: #333; padding: 18px 15px; border-radius: 4px; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; position: relative;}
.bantuan .box .row a i {font-size: 18px; margin-right: 5px; vertical-align: -1px;}
.bantuan .box .row a::after {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 22px; position: absolute; right: 15px; top: 18px;}
.wpcf7-form .b-row-ws .b-row {margin-bottom: 10px;}
.wpcf7-form .b-row input, .wpcf7-form .b-row textarea, .wpcf7-form .b-row select {width: 100%; padding: 10px; border: 1px solid #333; font-size: 14px; line-height: 18px; background: #fff!important;}
.wpcf7-form .b-row textarea {height: 140px;}
.wpcf7-form .submit input {padding: 14px 0; width: 100%; text-transform: uppercase; font-weight: bold; color: #000; border: 2px solid #000; display: block; background: #fff; cursor: pointer;}
.c-p-note h3 {margin-bottom: 15px; font-size: 20px;}
.c-p-note p {margin-bottom: 15px; font-size: 14px; line-height: 18px;}
.c-p-note p a {color: #d10e0e;}
.wpcf7 form .wpcf7-response-output {margin: 0!important; padding: 10px!important; font-size: 12px; line-height: 16px; text-align: center!important; color: #fff; background: rgba(78,194,26,1.00);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border: none!important; background: #ff0000;}
.wpcf7 form.sent .wpcf7-response-output {background: #54b300;}
.wpcf7-not-valid-tip {font-size: 12px!important;}
.wpcf7-validates-as-required.wpcf7-not-valid {border: 1px solid #ff0000!important;}
.wpcf7 form.sent .wpcf7-response-output {border: none!important;}
/* ================================================== 
BOTTOM BAR
================================================== */
.f-woo {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999; background: #dd3333;}
.f-woo .box {display: flex; justify-content: space-around; align-items: center;}
.f-woo .box a {display: none;}
.f-woo .row {float: left; width: 25%; display: block;}
.f-woo .row a {display: block;}
.f-woo .row img {width: 20px; height: auto; margin-bottom: 4px; display: block;}
.f-woo .row a h4, .f-woo .row h4 {font-size: .8rem; line-height: 1.1; text-transform: uppercase; color: #fff; font-weight: 500;}
.f-woo .row .menu-btn {padding: 6px 0 4px; width: 88.8px; position: relative;}
.f-woo .row .menu-btn .qty-count {position: absolute; top: 2px; right: 20px; background: #000; color: #fff; border-radius: 50%; font-weight: bold; text-align: center; font-size: 11px; display: block; width: 20px; height: 20px; z-index: 3;}
/* ================================================== 
404
================================================== */
.notfound {padding: 180px 0;}
.notfound h1 {font-size: 15rem; line-height: 1.1;}
.notfound p {font-size: 1.2rem; line-height: 1.2;}
.notfound .button {margin-top: 25px;}
.notfound .button a {padding: 16px 0; width: 260px; display: block; font-size: 1rem; line-height: 1; border-radius: 4px; background: #000; color: #fff;}
/* ================================================== 
ADD ON
================================================== */
.clearfix {clear: both;}
.fb {color: #4267b2;}
.twitter {color: #55acee;}
.ig {color: #f24d58;}
.youtube {color: #ff0000;}
.pin {color: #cc2127;}
.whatsapp {color: #00a500;}
.fb-ico {background: #4267b2;}
.twitter-ico {background: #55acee;}
.gplus-ico {background: #f3511e;}
.ig-ico {background: #f24d58;}
.pin-ico {background: #cc2127;}
.in-ico {background: #0077b5;}
.youtube-ico {background: #ff0000;}
.whatsapp-ico {background: #00a500;}
/* ================================================== 
SLICK
================================================== */
.slick-loading .slick-list {background: #fff url('images/ajax-loader.gif') center center no-repeat;}
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none;}
.slick-prev:before, .slick-next:before {line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots {position: relative; display: block; width: 100%; padding: 0; margin-top: 5px; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 8px; margin: 0 2px; padding: 0; cursor: pointer;}
.slick-dots li button {display: block; cursor: pointer; color: transparent; margin: 0; padding: 0; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-size: 1rem; line-height: 1; position: absolute; top: 0; left: 0; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75; color: black;}
/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 400px) { 
.temp-title {margin: 0;}
.temp-title h1 {font-size: 1.8rem;}
.cta a {font-size: 24px; padding: 16px 0;}
.h-mid .row-two {display: none;}
.h-mid .row-one {width: 100%;}
.social-media a {font-size: 20px; width: 34px; height: 34px; padding-top: 7px;}
.h-map {padding-bottom: 60%;}
.notfound h1 {font-size: 8rem;}
.popular .thumb img {min-width: 180px; height: auto; margin-top: -5%; margin-left: -35%;}
}