/*
Theme Name: Argital MY
Description: Custom theme for Argital Malaysia (Child theme of Uncode)
Author: Atelier Labo
Author URI: https://atelierlabo.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
:root {
    --color-white: #ffffff;
    --color-text-gray: #333333;
    --color-gray: #999999;
    --color-greige: #edece7;
    --color-clay: #a99d86;
    --color-yellow: #faf5e7;
    --color-mint: #e7f9e2;
    --color-green: #00693e;
    --gap1: 36px;
    --gap2: 56px;
    --gap18: calc(var(--gap1)/2);
    --font-body: 'Barlow', sans-serif;
    --font-size-body: 16px;
}

p,
li,
dt,
dd,
dl,
address,
label,
small,
pre,
code,
span.tab-excerpt {
    line-height: 1.5;
}

.main-container .row-container .row-parent .column_child.half-internal-gutter.gap10 .uncont>*:not(.uncode-owl-nav-wrap):not(:first-child),
.main-container .row-container .row-parent .column_child.half-internal-gutter.gap10 .uncont>.uncode-owl-nav-wrap:not(:first-child)>* {
    margin-top: 10px;
}

.carousel {
    width: 100%;
}

.carousel .carousel-box .banner {
    display: block;
}

.carousel .carousel-box .banner img {
    display: block;
    width: 100%;
}

.carousel .carousel-box:not(.slick-initialized) {
    position: relative;
}

.carousel .carousel-box:not(.slick-initialized) > .banner:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eeeeee;
    width: 100%;
    z-index: 2;
    visibility: hidden;
}

.product-grid {
    display: flex;
    flex-wrap: wrap;
    --grid-col: 4;
    gap: var(--gap2);
    --grid-gap: var(--gap2);
}
.product-grid.carousel-box {
    display: block;
    --grid-col: 4;
    gap: var(--gap2);
    --grid-gap: var(--gap2);
    margin-left: calc(var(--gap2)/2*-1);
    margin-right: calc(var(--gap2)/2*-1);
}
.product-grid.center {
    justify-content: center;
}
.product-grid .product {
    display: flex;
    flex-direction: column;
    gap: calc(var(--gap1)/2);
    justify-content: stretch;
    flex-basis: calc((99% - (var(--grid-gap)*(var(--grid-col) - 1)))/var(--grid-col) - 1px);
}

.product-grid.carousel-box .slick-track {
    display: flex !important;
}

.product-grid.carousel-box .slick-slide {
    height: inherit !important;
    display: flex;
    padding-left: calc(var(--gap2)/2);
    padding-right: calc(var(--gap2)/2);
}
/* .product-grid.carousel-box .slick-slide > div { height: 100%; } */

.product-grid .product .product-top {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    gap: calc(var(--gap1)/2);
}

.product-grid .product .product-thumbnail {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

.product-grid .product .product-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    object-fit: cover;
}

.product-grid .product .product-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-grid .product .product-info .product-title {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-grid .product .product-info .product-title .product-heading {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
}

.product-grid .product .product-info .product-title .product-main-title {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 600 !important;
    font-family: var(--font-body) !important;
}

.product-grid .product .product-info .product-desc {
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.product-grid .product .product-info .product-info-link {}

.product-grid .product .product-info .product-info-link a {}

.product-grid .product .product-info .product-action a {}

/* .product-grid.carousel-box .product .product-bottom {
    position: absolute;
    bottom: 0;
    width: calc(100% - var(--grid-gap));
} */
.btn-container .btn {
    padding: 10px 36px !important;
}

.btn-link.cta-more {
    font-size: 18px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 1em;
    padding: 0 !important;
}

.btn-link.cta-more:after {
    display: block;
    content: ' ';
    width: 28px;
    height: 14px;
    background: transparent url(images/btn-more-arrow.svg) center center/auto no-repeat;
    flex-shrink: 0;
    flex-grow: 0;
}

.btn-link.cta-more.more-black:after {
    background-image: url(images/btn-more-arrow-black.svg);
}

.badge-status {
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 1em;
    text-transform: uppercase;
    color: #333333;
    padding: 6px 14px;
    border-radius: 4px;
    background-color: var(--color-gray);
    border: 1px solid var(--color-gray);
}

.badge-status.promo {
    color: var(--color-text-gray);
    border: 1px solid var(--color-text-gray);
    background-color: transparent;
}

.badge-status.instock {
    color: var(--color-green);
    border: 1px solid var(--color-green);
    background-color: transparent;
}

.featured-journal-list .t-entry-text-tc.single-block-padding {
    padding: 24px;
}
.featured-journal-list .cssgrid-px-gutter .cssgrid-container {
    row-gap: 9px;
}

footer .widget-collapse .widget-style .widget-title {
    text-transform: none;
    font-size: 26px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}
.widget-container.widget_nav_menu li, .widget-container.widget_custom_menu li {
    text-transform: none;
}
.widget-container.widget_nav_menu li a, .widget-container.widget_custom_menu li a {
    font-size: 14px;
    padding: 0;
}
.featured-faq .panel {
    border-color: #ffffff !important;
}
.featured-faq .wpb_heading.wpb_accordion_heading {
    text-align: center;
    margin-bottom: var(--gap18);
    color: var(--color-green);
}
.menu-bloginfo-inner.style-dark {
    color: #ffffff !important;
    line-height: 18px !important;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-bloginfo {
    padding: 9px 0 !important;
}
.product-category-listing ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
/* .product-category-listing:not(.vertical) ul {
    display: grid;
    grid-template-columns: minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr) minmax(max-content, 1fr);
    column-gap: var(--gap2);
    row-gap: var(--gap18);
} */
.product-category-listing:not(.vertical) ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gap2);
    row-gap: var(--gap18);
}
.product-category-listing.vertical ul {
    display: flex;
    flex-direction: column;
    gap: var(--gap18);
}
.product-category-listing .widget ul li a {
    font-size: 18px;
    font-weight: 600;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}
body.textual-accent-color .post-content > div .product-category-listing ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn) {
    color: var(--color-text-gray) !important;
}
.product-category-listing ul li a:before {
    content: ' ';
    display: block;
    width: 18px;
    height: 14px;
    background: transparent url(images/icon-bullet-arrow.svg) center center/auto no-repeat;
    flex-shrink: 0;
    flex-grow: 0;
}
.featured-journal-list .tmb-content-vertical-middle.tmb-content-lateral.tmb > .t-inside {
    align-items: stretch !important;
}
.featured-journal-list .tmb-content-size-2:not(.tmb-linear).tmb-content-lateral.tmb > .t-inside > .t-entry-visual {
    width: 100px !important;
    flex-basis: 100px !important;
    flex-shrink: 0;
}
.featured-journal-list .tmb-img-ratio.tmb .t-entry-visual .t-entry-visual-cont > a > img {
    object-fit: cover;
}
.post-content > p:empty {
    margin: 0;
}
div.product .price-container {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: 600;
    margin: var(--gap1) 0 0 0 !important;
    line-height: 1em;
}
.price-container .h3 {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: 600;
}
form.cart {
    display: flex;
    align-items: center;
    margin: 0 !important;
}
div.product form.cart:not(.dynamic-button) {
    margin: var(--gap1) 0 0 !important;
}
form.cart .quantity input[type="number"].qty:not(.btn-block) {
    background-color: transparent;
    border: 1px solid var(--color-text-gray);
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 1em;
}
form.cart button.add_to_cart_button {
    flex-basis: 100%;
    background-color: var(--color-green) !important;
    border-color: var(--color-green) !important;
}
h1.product_title.entry-title {
    font-family: var(--font-body);
    color: var(--color-green) !important;
    font-weight: 600;
    margin: var(--gap18) 0 0 !important;
}
.product-breadcrumb {
    display: flex;
    flex-wrap: wrap;
}
.product-breadcrumb li {

}
.product-breadcrumb > li:not(:last-of-type):after {
    content: '/';
    font-size: 13px;
    line-height: 1em;
    margin: 0 0.5em;
    font-weight: 400;
}
.product-breadcrumb li a {
    
}
.comment {
    margin-top: var(--gap1);
    margin-bottom: var(--gap1);
}
.woocommerce-product-details__short-description {
    margin-top: var(--gap1);
}
.woocommerce-product-details__short-description ul {
    list-style-type: disc;
    margin-left: 1.4em;
}
.woocommerce-product-details__short-description ol {
    list-style-type: decimal;
    margin-left: 1.4em;
}
.woocommerce-product-details__short-description ul > li:not(:last-of-type),
.woocommerce-product-details__short-description ol > li:not(:last-of-type) {
    margin-bottom: 0.4em;
}
.comment-text .star-rating {
    float: right;
    color: #dddddd;
}
.comment-text .star-rating span {
    color: #F6DA75;
}
.comment-content .gravatar {
    display: none;
}
div.comment-meta.post-meta {
    margin-left: 0 !important;
    padding-left: 0;
}
.comment-content .comment-meta-item, .comment-content .comment-reply-link span {
    font-size: 14px;
    margin: 0px;
}
.comment-author {
    font-weight: 600;
}
.comment-content {
    padding: 0;
}
.commentlist > .review {
    padding: var(--gap1) 0;
    border-bottom: 1px solid white;
}
.commentlist > .review:first-of-type {
    padding-top: 0;
}
.commentlist > .review:last-of-type {
    
}
#review_form_wrapper {
    padding: var(--gap1);
    border: 1px solid white;
    margin-top: var(--gap1);
}
#review_form #respond #reply-title {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    text-transform: none;
    letter-spacing: 0;
    margin: 0;
}
.force-hide {
    display: none !important;
}
.t-entry-meta .t-entry-category a {
    font-size: 13px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: var(--color-gray) !important;
    text-transform: uppercase;
}
body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) .t-entry-category a:not(.btn) {
    color: var(--color-gray) !important;
}
.u-columns.col2-set {
    display: flex;
    align-items: start;
    gap: var(--gap1);
    margin: 0 !important;
}
.u-columns.col2-set .u-column1,
.u-columns.col2-set .u-column2 {
    flex-basis: 100%;
    width: 100%;
}
.woocommerce-notices-wrapper:empty {
    margin: 0 !important;
}
.u-columns.col2-set h2 {
    margin-top: 0 !important;
}
.my-account-box {

}
.navbar-nav-last a, .navbar-nav-last ul {
    font-family: var(--font-body) !important;
}
.certifications {

}
.certifications .banner {
    text-align: center;
    padding-left: var(--gap18);
    padding-right: var(--gap18);
}
.certifications .banner .banner-image {
    
}
.certifications .banner .banner-image img {
    display: block;
    max-height: 56px;
    margin: 0 auto;
    width: auto;
}
.certifications .banner .banner-name {
    font-size: 14px;
    font-weight: 600;
    margin: 9px 0;
}
.certifications .banner .banner-desc {
    font-size: 13px;
    line-height: 18px;
}
.carousel .slick-next:before,
.carousel .slick-prev:before {
    content: '';
}
.carousel .slick-next {
    background-color: transparent !important;
    background-image: url(images/icon-carousel-arrow-right.svg) !important;
    background-position: center center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    right: 0;
}
.carousel .product-grid.carousel-box .slick-next {
    transform: translateX(50%);
}
.carousel .slick-prev {
    background-color: transparent !important;
    background-image: url(images/icon-carousel-arrow-left.svg) !important;
    background-position: center center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    left: 0;
}
.carousel .product-grid.carousel-box .slick-prev {
    transform: translateX(-50%);
}
.featured-journal-list .t-entry-title.font-handwriting a {
    color: var(--color-green) !important;
}
.journal-content-block h1,
.journal-content-block h2,
.journal-content-block h3,
.journal-content-block h4,
.journal-content-block h5,
.journal-content-block h6 {
    font-family: var(--font-body);
}
.journal-content-block .tmb .t-entry .t-entry-title,
.journal-content-block .tmb .t-entry-text .t-entry-text-tc .t-entry > *:not(hr):last-child {
    font-family: var(--font-body);
}
.main-container .row-container .row-parent .single-internal-gutter .uncont span.price del, 
.main-container .row-container .row-parent .single-internal-gutter .uncont p.price del {
    font-size: 1em;
    display: inline;
}
.main-container .row-container .row-parent .single-internal-gutter .uncont > .stock {
    margin-top: var(--gap18) !important;
}

.uncode_text_column h1,
.uncode_text_column h2,
.uncode_text_column h3,
.uncode_text_column h4,
.uncode_text_column h5,
.uncode_text_column h6 {
    font-family: var(--font-body);
    font-weight: 600;
}
.uncode_text_column ol {
    list-style-type: decimal;
    margin-left: 1.4em;
}
.uncode_text_column ul {
    list-style-type: disc;
    margin-left: 1.4em;
}
.uncode_text_column ol > li:not(:first-of-type),
.uncode_text_column ul > li:not(:first-of-type) {
    margin-top: 0.5em;
}
.product-certificates {
    display: flex;
    gap: var(--gap18);
    align-items: center;
    margin-top: var(--gap1);
}
.tmb-woocommerce span.price, :not(.enhanced-atc).tmb-woocommerce.tmb .t-entry-visual .add-to-cart-overlay a, span.price, p.price {
    font-family: var(--font-body);
}
.uncode_text_column table td {
    font-weight: 400;
}
.uncode_text_column li a,
.uncode_text_column p a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.3em;
}
#reviews .woocomments .commentlist > li.comment:first-of-type {
    margin-top: 0;
}
#reviews > p:first-of-type:last-of-type {
    margin-top: 0;
    margin-bottom: 0;
}
.mobile-menu-button {
    padding: 0 24px;
}
.mobile-additional-icons {
    right: 68px;
}
.certifications-listing {
    display: flex;
    flex-wrap: wrap;
    --grid-col: 3;
    gap: var(--gap2);
    --grid-gap: var(--gap2);
}
.certifications-listing .listing {
    display: flex;
    flex-direction: column;
    gap: calc(var(--gap1)/2);
    justify-content: stretch;
    flex-basis: calc((99% - (var(--grid-gap)*(var(--grid-col) - 1)))/var(--grid-col) - 1px);
    text-align: center;
}
.certifications-listing .listing .banner-image {

}
.certifications-listing .listing .banner-image img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
}

.certifications-listing .listing .banner-name {
    font-weight: 600;
    color: var(--color-green);
}
.certifications-listing .listing .banner-desc {
    line-height: 1.4em;
}
#menu-top-menu .drop-menu li a {
    font-family: 'Barlow';
    font-weight: 600;
}
.woocommerce-MyAccount-navigation-link--wc-smart-coupons a:before {
    font-family: uncodeicon;
    position: absolute;
    font-size: 1.2em;
    top: 4px;
    content: '\f145';
}

.form-box {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap1)/2);
}
.form-box.form-box-wrap {
	flex-wrap: wrap;
	flex-direction: row;
}
.form-box .hide {
	display: none;
}
.form-box label {
    display: block;
    font-weight: 600;
}
.form-box label.error {
	color: red;
	font-size: 0.8rem;
	font-weight: 600;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	display: block;
}

.form-box select.error,
.form-box input.error,
.form-box textarea.error {
}

.form-box .row.flex {
    display: flex;
	gap: calc(var(--gap1)/2);
}

.form-box .flex .col:first-child,
.form-box .flex .col:last-child {
	flex-basis: 100%;
}

.form-box .form-row label {
	display: none;
}

.form-box .row.submit {
	margin-top: calc(var(--gap1)/2);
}

.form-box .form-row.form-row-first,
.form-box .form-row.form-row-last {
	flex-basis: calc(50% - (var(--gap1)/2));
}

.form-box .form-row.form-row-wide {
	flex-basis: 100%;
}
.form-box .form-row .iti {
	display: block;
}
.form-box input[type=text],
.form-box input[type=number],
.form-box input[type=email],
.form-box input[type=tel],
.form-box input[type=url],
.form-box select, 
.form-box textarea {
    display: block;
    width: 100%;
}

.form-box input[type=submit] {
    min-width: 30%;
}

.custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 3001;
  }
  
  .custom-popup .custom-popup-overlay {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--gap1);
  }
  
  .custom-popup .custom-popup-box {
    background-color: #ffffff;
    padding: var(--gap1);
    max-width: 50%;
    max-height: 100%;
  }
  .custom-popup .custom-popup-box.fluid {
    max-width: 100%;
  }
  
  .custom-popup .custom-popup-box .close-section {
    text-align: right;
    position: relative;
  }
  .custom-popup .custom-popup-box .close-section .btn-close {
    display: inline-flex;
    font-weight: 400;
    gap: calc(var(--gap1)/2);
    align-items: center;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX( calc(var(--gap1)/2) ) translateY( calc(var(--gap1)/2*-1) );
  }
  .custom-popup .custom-popup-box .close-section .btn-close:before {
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    background: transparent url(images/icon-close-menu.svg) center center/contain no-repeat;
  }
  .custom-popup-close {
    display: inline-flex;
    font-weight: 400;
    gap: calc(var(--gap1)/2);
    align-items: center;
    line-height: 1em;
    position: absolute;
    right: calc(var(--gap1)/2);
    top: calc(var(--gap1)/2);
    color: #ffffff;
  }
  .custom-popup-close:before {
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    background: transparent url(images/icon-close-menu-white.svg) center center/contain no-repeat;
  }
  .custom-popup .custom-popup-box .custom-popup-title {
    padding-bottom: calc(var(--gap1)/2);
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
  }
  
  .custom-popup .custom-popup-box .custom-popup-content {
    overflow-y: auto;
    max-height: calc(100vh - (var(--gap1)));
  }


.custom-form .iti {
    display: block;
  }
  
  .custom-form .el {
    position: relative;
  }
  
  .please-wait-submit {
    font-weight: 400;
    margin-top: 1em;
  }
  
  .el.el-file .file-upload-wrap {
    padding: var(--gap10) var(--gap24);
    width: 100%;
  }
  
  .el.el-file label {
    font-weight: 600;
  }
  
  .el.el-file input[type=file] {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .el.el-file .cta {
    position: absolute;
    right: var(--gap24);
    top: var(--gap12);
  }
  
  .selected-file {
    font-size: 0.8em;
    line-height: 1.4em;
    padding-top: 0.5em;
  }
  
  .selected-file span {
    display: block;
  }
  
  .selected-file span.name {
    word-break: break-all;
    display: inline-block;
  }
  
  .selected-file span.size {
    display: inline-block;
    margin-left: 1em;
  }
  
  .selected-file span.action {
    
  }
  
  .selected-file .progress {
    margin-top: 5px;
    line-height: 1em;
  }
  
  .selected-file:not(.uploading):not(.uploaded) .progress {
    display: none;
  }
  
  .selected-file .progress .progress-line {
    height: 3px;
  }
  
  .selected-file.uploading .progress .progress-line,
  .selected-file.uploaded .progress .progress-line {
    
  }
  
  .selected-file.error {
    color: #ff0000 !important;
  }
  
  .selected-file.error .progress .progress-line {
    background-color: #ff0000;
  }
  
  .selected-file .progress span.progress-bar {
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
  }
  
  .selected-file.error .progress {
    color: #ff0000 !important;
  }
  body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open) .menu-horizontal-inner > .nav > .menu-smart > li.menu-promo > a {
    color: #ea9731 !important;
  }