/**
Theme Name: Mitra Toko
Author: mitratoko
Author URI: https://www.mitratoko.com/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mitra-toko
Template: astra
*/
.site-logo-img {
  max-width: 160px;
  display: block;
}
.ast-scroll-to-top-right {
    right: 20px;
    bottom: 80px;
}
@media (max-width: 921px) {
.site-logo-img {
  max-width: 135px;
  display: block;
}
}
.ast-site-title-wrap {
  display: none !important;
}
.woocommerce-js .woocommerce-breadcrumb {
  display: none;
}
@media (max-width: 650px) {
  .footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item, ol li {
    padding: 5px 0;
  }
}
/*============== GAYA KOTAK =================*/
body {
  background-color: #d5d9df !important;
}
#page {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 60px auto;
  background-color: #fff;
}
.ast-builder-menu-1 .menu-item>.menu-link {
    color: #fff;
    background: #1c2b36 !important;
    font-size: .9rem;
}
.main-header-bar {
  background-color: #1c2b36;
  border-bottom-color: #2c3840 !important;
  border-bottom-style: solid;
}
.ast-primary-header-bar {
  background-color: #1c2b36;
  background-image: none;
}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section svg {
  color: #fff;
}

.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
  color: #ff9600;
}

.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper {
  margin-top: 0;
  background-color: #1c2b36;
}
.main-header-bar {
  background-color: #1c2b36;
  border-bottom-color: var(--ast-border-color);
  border-bottom-style: solid;
}
.ast-breadcrumbs-wrapper .trail-items a {
  color: #e5ff00;
}
.ast-breadcrumbs-wrapper .trail-items li::after {
  color: #e5ff00;
}
.ast-breadcrumbs-wrapper .trail-items .trail-end {
  color: #fff;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #fff;
}
.site-primary-footer-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 993px) {
  .ast-right-sidebar #primary {
    padding-right: 20px;
  }
}
@media (min-width: 993px) {
  .ast-right-sidebar #secondary {
    padding-left: 20px;
  }
}
@media (min-width: 993px) {
  .ast-left-sidebar #primary {
    padding-left: 20px;
  }
}
@media (min-width: 993px) {
  .ast-left-sidebar #secondary {
    padding-right: 20px;
  }
}

@media (max-width: 921px) {
  #secondary {
    display: none !important;
  }
}
/*============== AKHIR GAYA KOTAK =================*/

/*=== MENU HEADER MOBILE ===*/
.site-header-section > * {
  padding: 0 10px;
}
.site-header-section > div:last-child {
  padding-right: 0;
  padding-left: 0;
}
/*=== AKHIR MENU HEADER MOBILE ===*/

/*==========MENU FOOTER MELAYANG============*/
.site-below-footer-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.site-footer-below-section-1.site-footer-section.site-footer-section-1 a {
    color: #000000;
}
.site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-full.ast-builder-grid-row-tablet-full.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  max-width: 1200px;
}
.site-below-footer-wrap[data-section=section-below-footer-builder] {
    background-color: var(--ast-global-color-5);
    background-image: none;
    min-height: 60px;
    border-style: solid;
    border-width: 0;
    border-top-width: 1px;
    border-top-color: #eaeaea;
    max-height: 60px;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner section {
    width: 20%;
	margin-bottom: 0 !important;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-media-text__media img {
    height: auto;
    max-width: 20px;
    vertical-align: middle;
    width: 100%;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: block;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner p {
    margin-bottom: 0 !important;
}

aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-woocommerce-customer-account a {
    align-items: center;
    color: currentColor !important;
    display: grid;
    text-decoration: none !important;
	margin: 0 auto;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
    box-sizing: content-box !important;
    height: 1.7em;
    padding: 0;
    width: 1.7em;
    margin: 0px auto 2px auto;
}
aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner .wp-block-woocommerce-customer-account .label {
    margin-bottom: -4px;
}
.wp-block-media-text.is-stacked-on-mobile.is-vertically-aligned-center.ikonberanda img {
  width: 22px !important;
}
.wp-block-media-text.is-stacked-on-mobile.tambah.has-background {
  padding: .7em;
  width: max-content;
  margin: -4px auto 0 auto;
  border-radius: 4px;
}
.wp-block-media-text.is-stacked-on-mobile.tambah.has-background img {
  max-width: 25px !important;
  width: 25px !important
}
@media (max-width: 921px) {
  .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
    display: block;
    margin-bottom: 0;
  }
}
@media (max-width: 544px) {
  .site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
    display: block;
    margin-bottom: 0;
  }
}
/*==========AKHIR MENU FOOTER MELAYANG============*/

/*======== WCFM ===========*/
#wcfm-main-content {
    padding: 0 !important;
    max-width: 1600px;
    margin: 0px auto;
    width: 100%;
}
.leaflet-pane {
  z-index: 98 !important;
}
/*==============DASBOR WCFM =====================*/
#wcfm-main-contentainer {
    width: 100%;
    margin: 0 auto !important;
    word-break: normal;
}
.description.wcfm_ele.simple.external.non-variable-subscription.non-auction.non-redq_rental.non-accommodation-booking.non-lottery.non-pw-gift-card.sales_schedule {
  background-color: #1c2b36;
  width: max-content !important;
  padding: 10px !important;
  font-size: 1em;
  text-decoration: none;
  font-style: normal;
  color: #fff !important;
  border-radius: 5px;
  margin-bottom: 20px;
}
#wcfm-main-contentainer .wcfm-page-headig {
  padding-left: 20px !important;
}
.wcfm-page-headig .wcfmfa {
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-top: 20px !important;
}
@media only screen and (max-width: 768px) {
  #wcfm-main-contentainer .wcfm_responsive_menu_toggler {
    display: inline-block;
    width: 25px;
    font-size: 25px !important;
    margin-top: 14px !important;
    margin-right: 15px !important;
  }
}
/*========== batas DASBOR WCFM ===================== */

/*HALAMAN SINGEL VENDOR*/
#wcfmmp-store {
  box-shadow: 0 0 4px 0 #ccc;
  height: auto !important;
  margin: 20px auto;
}
#wcfmmp-store .right_side {
  width: 75%;
  padding: 1.5% 1.5% 0 1.5% !important;
}
#wcfmmp-store .left_sidebar {
  width: 25%;
  padding: 1.5% !important;
  border: none !important;
}
@media (max-width: 1024px) {
	#wcfmmp-store .left_sidebar, #wcfmmp-stores-lists .left_sidebar {
		display: none !important
	}
}
@media (max-width: 480px) {
	#wcfmmp-store {
  		box-shadow: none !important;
	}
	#wcfmmp-store .right_side {
  		padding: 1.5% 0 0 0 !important;
	}
}
/*batas HALAMAN SINGEL VENDOR*/

/*=======TIMPA !important CSS==========*/
@layer {
	body {
  		background: #d5d9df !important;
	}
	#wcfmmp-store .add_review button, #wcfmmp-store .user_rated, #wcfmmp-store .bd_icon_box .follow, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-enquiry a.wcfm_catalog_enquiry, #wcfmmp-stores-wrap .store-footer a.wcfmmp-visit-store, .wcfm_vacation_msg, .wcfm_store_close_msg {
    	background: #1c2b36 !important;
	}
	#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-enquiry a.wcfm_catalog_enquiry, #wcfmmp-stores-wrap .store-footer a.wcfmmp-visit-store {
    	border-bottom-color: #1c2b36 !important;
	}
	.wcfmmp_sold_by_wrapper a {
  display: inline-block !important;
  color: #084048 !important;
  text-decoration: none !important;
  font-style: normal !important;
}
}
/*=======Akhir TIMPA !important CSS==========*/
/*======== AKHIR WCFM ===========*/

/*GALERI PRODUK*/
.woocommerce ul.products, .woocommerce-page ul.products {
  display: grid;
  grid-gap: 20px 20px;
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: .5em;
    padding: 0;
    font-size: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.86rem;
    line-height: 1.5;
}
.woocommerce-js ul.products li.product a img, .woocommerce-page ul.products li.product a img {
  margin-bottom: 0;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  line-height: 1.3;
  font-weight: 700;
  font-size: 1.1em;
}
.astra-shop-summary-wrap .ast-woo-product-category {
  color: #000 !important;
}
.woocommerce-js ul.products li.product .button, .woocommerce-page ul.products li.product .button {
    margin-top: .5em;
    margin-bottom: .5em;
    white-space: normal;
    display: none;
}
.astra-shop-summary-wrap {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    vertical-align: middle;
    height: auto;
    width: 100%;
    padding: 8px;
    overflow: hidden;
    background-color: var(--NN0, #FFFFFF);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    position: relative;
    display: flex;
    flex-direction: column;
    -moz-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 1px 4px;
    border-radius: 9px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.woocommerce-js ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: left;
    margin-bottom: 0;
}

#wcfmmp-store .product_area .products-wrapper ul li.product {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.products.columns-4 .wcfmmp_sold_by_container {
  display: none;
}
/*BATAS GALERI PRODUK*/

/*============ Pengaturan Halaman Akunku ============*/
/* Mengubah tata letak menu My Account menjadi tab horizontal */
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
  display: none;
}
.woocommerce-MyAccount-navigation {
    display: flex;
    justify-content: space-around;
	margin-bottom: 10px;
    border-bottom: 3px solid #386893;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 0;
  font-size: 0.8em;
}

.woocommerce-MyAccount-navigation li.is-active {
    background-color: #fff; /* Warna tab aktif */
    font-weight: bold; /* Atur tebal tulisan untuk tab aktif */
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 100%;
}
.woocommerce-MyAccount-navigation ul li {
  width: 20%;
  flex-grow: 1;
  text-align: center;
  background-color: #f0f0f0;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wcfm-store-manager a::before, body.storefront .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wcfm-store-manager a::before {
  content: "\f54e" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a::before {
  content: "\f290";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a::before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--inquiry a::before {
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a::before {
  content: "\f4fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  width: 100%;
  display: block;
  font-size: 25px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wcfm-store-manager a {
    font-size: 0;
	padding: 10px 0 5px 0;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wcfm-store-manager a::after {
    content: "Tokoku";
    font-size: 12px;
}
/*============ Batas Pengaturan Halaman Akunku ============*/

/*========= SINGLE PAGE WOOCOMMERCE =================*/
.woocommerce-js div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0;
    display: flex;
    column-gap: 0.3em;
}
.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 24%;
    width: calc(25% - .75em);
    margin-right: 0;
    margin-bottom: 1em;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  display: inline-block;
  background-color: #fbfafa;
  padding: 0 15px;
  margin: 0;
  border-right: 1px solid #f0efed;
}
.woocommerce-product-details__short-description p {
  margin-bottom: .8em;
}
a.wcfm_catalog_enquiry {
  background: #1c2b36 !important;
  border-bottom: #1c2b36;
}
.woocommerce-js div.product .product_meta {
  border-top: 1px solid var(--ast-border-color);
  padding: .5em 0;
  font-size: .9em;
  margin: 0.8em 0 .8em;
  border-bottom: 1px solid var(--ast-border-color);
}
.product_meta a {
  color: #1c2b36;
  font-weight: bold !important;
  font-style: italic;
}
.wcfm_ele_wrapper.wcfm_catalog_enquiry_button_wrapper {
  border-top: 1px solid var(--ast-border-color);
}
@media (max-width: 625px) {
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    display: block;
    margin-right: 0;
    background-color: #f9f9f9;
    margin-bottom: 12px;
    padding-left: 10px;
    height: 40px;
    border: 1px solid #dbd6d0;
  }
}
/*========= AKHIR SINGLE PAGE WOOCOMMERCE =================*/

/*===BERANDA===*/
/*===Banner1===*/
.wp-block-columns.banner1.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
  padding: 0;
  margin-bottom: 30px;
}
.wp-block-column.banner1-kiri.is-layout-flow.wp-block-column-is-layout-flow {
    background-color: #f0f8ff;
    height: 350px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
	text-align: center;
	background-image: linear-gradient(to bottom right, #1c2b362e, #fff);
}
.wp-block-column.banner1-kanan.is-layout-flow.wp-block-column-is-layout-flow {
  height: 350px;
  background-color: aliceblue;
  overflow: hidden;
}
.wp-block-cover.sampul-banner1-kanan .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    margin-top: -70px;
}
p.has-text-align-center.teks-banner1-kanan.has-ast-global-color-7-color.has-ast-global-color-5-background-color.has-text-color.has-background.has-link-color.has-medium-font-size.wp-elements-b8352c4f2bf4948a6263f78b13d57d45 {
    margin-bottom: 0;
}
.wp-block-buttons.tombol-banner1-kanan.is-layout-flex.wp-block-buttons-is-layout-flex {
    margin-top: 0;
}
@media (max-width: 544px) {
    .wp-block-column.banner1-kiri.is-layout-flow.wp-block-column-is-layout-flow {
        margin-bottom: 0px;
    }
}
/*===Banner2===*/
.wp-block-columns.banner2.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
  padding: 0;
  margin-bottom: 15px;
}
.wp-block-column.banner2-kiri.is-layout-flow.wp-block-column-is-layout-flow {
  background-color: #1c2b36;
  padding: 20px 20px 5px 20px;
}
.wp-block-column.banner2-kiri ul.products.columns-2 li {
    display: flex;
    flex-direction: row;
    padding: 10px;
    background: #fff;
	border-radius: 0;
}
.wp-block-column.banner2-kiri .astra-shop-thumbnail-wrap {
    width: 30%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.wp-block-column.banner2-kiri .astra-shop-thumbnail-wrap .ast-on-card-button {
    right: 70%;
    top: 1.2em;
}
.wp-block-column.banner2-kiri .astra-shop-summary-wrap {
    justify-content: center;
}
.wp-block-column.banner2-kiri h2.woocommerce-loop-product__title {
    font-size: 1rem !important;
    line-height: 1.3 !important;
}
.wp-block-column.banner2-kiri .star-rating, .wp-block-column.banner2-kiri .wcfmmp_sold_by_container {
    display: none;
}
@media (min-width: 922px) {
	.wp-block-column.banner2-kiri .astra-shop-thumbnail-wrap {
    	width: 20%;
	}
	.wp-block-column.banner2-kiri .astra-shop-thumbnail-wrap .ast-on-card-button {
    	right: 80%;
    	top: 20%;
	}
	.wp-block-column.banner2-kiri .astra-shop-summary-wrap {
    	justify-content: center;
	}
	.wp-block-column.banner2-kiri h2.woocommerce-loop-product__title {
    	font-size: 1.3rem !important;
    	line-height: 1.3 !important;
	}
}
@media (max-width: 921px) {
.wp-block-column.banner2-kiri .woocommerce ul.products:not(.elementor-grid).columns-2, .wp-block-column.banner2-kiri .woocommerce-page ul.products:not(.elementor-grid).columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 544px) {
.wp-block-column.banner2-kiri .woocommerce ul.products:not(.elementor-grid).columns-2, .wp-block-column.banner2-kiri .woocommerce-page ul.products:not(.elementor-grid).columns-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.wp-block-column.banner2-kiri span.ast-woo-product-category {
    display: none !important;
}
}
/*===Banner2 end===*/
/*===Kategori===*/
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex {
    margin: 0 0px 30px;
    border-top: 1px solid #e1e5e8;
    border-bottom: 1px solid #e1e5e8;
    box-shadow: rgba(0, 0, 0, .12) 0px 1px 4px;
    padding: 0 20px;
    border-radius: 9px;
    background: #fdfdfd;
}
.wp-block-columns.judul-kategorihome.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
    padding: 10px 0;
    border-bottom: 2px solid #868c8c30;
    text-transform: uppercase;
}
.wp-block-column.judul-kategorihome-kanan.is-layout-flow.wp-block-column-is-layout-flow a {
    text-decoration: none !important;
    color: #000;
    font-weight: 700;
	float: right;
	font-size: 14px;
}
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex ul li a {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	padding: 10px;
}
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex ul li a:hover {
    background-color: #ebebeb6b;
}
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex h2.woocommerce-loop-category__title {
    position: relative;
    bottom: unset;
    left: unset;
    right: unset;
	background-color: transparent !important;
}
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex ul li a img {
    display: none;
}
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex .product-category.product {
  background-color: #fff;
}
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex mark.count {
    display: none;
}
@media (min-width: 768px) {
.wp-block-columns.kategorihome.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex .woocommerce ul.products:not(.elementor-grid) {
  grid-template-columns: repeat(6,1fr);
}
}

@media (max-width: 544px) {
    .wp-block-columns .wp-block-column:not(:last-child) {
        margin-bottom: 0px;
    }
}
/*===== KATEGORI end =====*/

/* === UNTUK ANDA === */
.wp-block-columns.untuk-anda {
    background-image: linear-gradient(to bottom right, #14af9957, #fff);
    padding: 30px;
    border-radius: 5px;
}
.wp-block-column.kiri-untuk-anda.is-layout-flow.wp-block-column-is-layout-flow {
    background-color: #e4f5f4;
    padding: 20px;
}
.wp-block-column.kiri-untuk-anda.is-layout-flow.wp-block-column-is-layout-flow h2 {
    border-bottom: 2px solid #b1e1de59;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0px 10px 30px 0px #b1e1de4a;
    font-size: 1.5em;
}
.wp-block-column.kiri-untuk-anda.is-layout-flow.wp-block-column-is-layout-flow h2:before {
    content: "\f0a1";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    font-size: 0.9em !important;
    color: #a9dfdb;
	float: left;
}
.wp-block-columns.untuk-anda ul.products.columns-2 {
    margin-bottom: 0;
}
.wp-block-columns.untuk-anda ul.products.columns-2 li {
    display: flex;
    flex-direction: row;
    padding: 10px;
    background: #fff;
}
.wp-block-columns.untuk-anda .astra-shop-thumbnail-wrap {
    width: 30%;
    display: flex;
    align-items: center;
}
.wp-block-columns.untuk-anda .astra-shop-thumbnail-wrap .ast-on-card-button {
    right: 70%;
    top: 1.2em;
}
.wp-block-columns.untuk-anda .astra-shop-summary-wrap {
    justify-content: center;
}
.wp-block-columns.untuk-anda h2.woocommerce-loop-product__title {
    font-size: 1rem !important;
    line-height: 1.3 !important;
}
.wp-block-columns.untuk-anda .star-rating, .wp-block-columns.untuk-anda .wcfmmp_sold_by_container {
    display: none;
}
@media (max-width: 921px) {
.wp-block-columns.untuk-anda .woocommerce ul.products:not(.elementor-grid).columns-2, .wp-block-columns.untuk-anda .woocommerce-page ul.products:not(.elementor-grid).columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 544px) {
.wp-block-columns.untuk-anda .woocommerce ul.products:not(.elementor-grid).columns-2, .wp-block-columns.untuk-anda .woocommerce-page ul.products:not(.elementor-grid).columns-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
/* === UNTUK ANDA end === */

/* === PRODUK BARU === */
.wp-block-columns.produk-baru {
    margin-bottom: 30px;
}
.wp-block-columns.produk-baru h2.wp-block-heading {
    color: #fff;
}
.wp-block-columns.produk-baru ul {
    margin: 0;
}
/* === PRODUK BARU end === */

/*===== CSS SHORTCODE ARTIKEL =====*/
.wp-block-columns.artikel-terbaru.is-layout-flex.wp-container-core-columns-is-layout-7.wp-block-columns-is-layout-flex {
    padding: 30px;
    background-image: linear-gradient(to bottom right, #e7e7e74d, #fff);
    margin-bottom: 30px;
}
.custom-post-list .post-item {
    display: flex;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .22) 0px 1px 4px;
    border-radius: 9px;
    padding: 10px;
}

.custom-post-list .kiri {
    flex: 1 1 20%; /* Adjust the width as needed */
	display: inline-flex;
}
p.kanan-artikel-terbaru-keterangan {
    margin-bottom: 0;
    border-bottom: 2px solid #e9e9e9;
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 3px;
}
.custom-post-list .kanan {
    flex: 3 1 80%; /* Adjust the width as needed */
    padding-left: 20px;
}
.custom-post-list .kanan h2 {
    margin-bottom: .3em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.5em;
}
.custom-post-list .kanan h2 a {
    text-decoration: none;
}
.rincian {
  font-size: .9em;
  line-height: 1.3em;
  color: #0f7b0b;
  font-weight: 600;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.custom-post-list .kanan p {
    margin-bottom: 0;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.custom-post-list .kiri img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 781px) {
.custom-post-list .kiri {
  flex: 1 1 45%;
}
}
@media (max-width: 544px) {
.wp-block-columns.produk-baru {
  background-image: linear-gradient(to bottom, #7cabcd7d, #f3fdfc30, #fff, #fff, #fff, #fff);
  border-radius: 5px 5px 0 0;
  margin-bottom: 20px;
  border-top: none;
  border-bottom: none;
}
.wp-block-columns.produk-baru {
        background-image: linear-gradient(to bottom, #1c2b36, #1c2b3600, #ffffff, #ffffff, #fff);
        border-radius: 5px 5px 0 0;
        margin-bottom: 20px;
        border-top: none;
        border-bottom: none;
}
.wp-block-column.kiri-produk-baru {
    background-color: transparent !important;
}
.wp-block-column.kiri-produk-baru.is-layout-flow.wp-block-column-is-layout-flow {
  padding: 10px;
}
.wp-block-columns.untuk-anda {
  padding: 10px;
}

.wp-block-columns.artikel-terbaru.is-layout-flex.wp-container-core-columns-is-layout-7.wp-block-columns-is-layout-flex {
  padding: 0;
  background-image: none;
  margin-bottom: 20px;
  gap: 0;
}
.wp-block-column.kiri-artikel-terbaru.is-layout-flow.wp-block-column-is-layout-flow {
  background-image: linear-gradient(to bottom right, #14af994d, #eaf8f6);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
}
p.kanan-artikel-terbaru-keterangan {
    background-image: linear-gradient(to bottom right, #cfefea, #def4f1, #e9f8f61f, #fff);
    padding: 10px;
}
.custom-post-list .kanan h2 {
  margin-bottom: .3em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.2em;
}
.rincian {
  font-size: .8em;
  line-height: 1.3em;
  color: #0f7b0b;
}
}
/*===AKHIR BERANDA===*/

/*=== MENU HEADER DESKTOP ===*/
.header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
  display: contents;
}
.header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner section {
  margin-bottom: 0;
  vertical-align: middle;
  display: inline-flex;
}
.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 500px;
  height: 32px;
  border-radius: 5px;
}
@media (min-width: 922px) {
.ast-site-header-cart-li {
  background-color: #fff;
  border-radius: 2px;
  margin: 0 10px;
}
.ast-site-header-cart-li:hover{
	background-color:#d5d9df;
}
.ast-addon-cart-wrap.ast-desktop-cart-position-.ast-cart-mobile-position-.ast-cart-tablet-position- {
  padding: .35em .65em;
}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section svg {
  color: #1c2b36;
}
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
  background-color: #fff;
  color: #000;
  font-weight: 550;
  border-radius: 3px;
  font-size: 14px;
  padding: 9px 15px;
  text-transform: uppercase;
  letter-spacing: .1rem;
  border: 1px solid;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover {
  background-color: #d5d9df;
}
/* ATAS HEADER */
.ast-above-header-bar .site-above-header-wrap {
  max-height: 30px;
  min-height: 30px;
}
.ast-above-header.ast-above-header-bar {
  background-color: #1c2b36;
}
.ast-above-header-bar {
  border-bottom-width: 1px;
  border-bottom-color: #2c3840;
  border-bottom-style: solid;
}
.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item {
  line-height: 30px;
}
#ast-hf-menu-1 {
  background: inherit;
}
.ast-builder-menu-1 .menu-item > .menu-link {
  color: #fff;
  background: inherit;
  font-size: .9rem;
}
.main-header-menu .menu-link, .main-header-menu > a {
  text-decoration: none;
  padding: 0 1em 0 0;
  display: inline-block;
  transition: all .2s linear;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle {
  color: #ff9600;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
  color: #fff;
}
/* AKHIR ATAS HEADER */
/*=== AKHIR MENU HEADER DESKTOP ===*/

/* PENGATURAN KHUSUS MOBILE */
@media (max-width: 921px) {
.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
  min-height: 60px;
}
.site-header {
    z-index: 99;
    position: fixed;
    width: 100%;
}
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after {
    color: #fff;
    background-color: #1c2b36;
}
.main-header-bar.ast-header-breadcrumb {
    margin-top: 60px;
}
.ast-plain-container.ast-no-sidebar #primary {
  margin-top: 20px;
  margin-bottom: 0;
}
article#post-79 {
    margin-top: 75px;
}
}
@media (max-width: 544px) {
    .footer-widget-area[data-section=section-footer-menu] .astra-footer-mobile-vertical-menu {
        display: flex;
    }
}
/* Menu MOBILE */
.ast-mobile-header-content a.ast-custom-button-link {
    display: block;
    margin-left: 20px;
    margin-top: 5px;
}
.ast-mobile-header-content .ast-custom-button {
    background-color: #046bd2 !important;
    color: #fff !important;
}
ul#ast-hf-mobile-menu {
    margin-top: 15px;
}
ul#ast-hf-mobile-menu li {
    border-top: 1px dotted #d9d9d9;
}
ul#ast-hf-mobile-menu li a:before {
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    margin-right: 5px;
    color: #046bd2;
}
/* Menu MOBILE end */
/* AKHIR PENGATURAN KHUSUS MOBILE */

/* === BLOG === */
.ast-blog-layout-5-grid .ast-article-post {
    margin-bottom: 20px !important;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .22) 0px 1px 4px;
    border-radius: 9px;
    padding: 10px !important;
}
.ast-blog-layout-5-grid .ast-article-inner {
    box-shadow: none !important;
}
.ast-excerpt-container.ast-blog-single-element p {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* === BLOG end === */

/* === POST TUNGGAL (ARTIKEL) === */
/* === judul subjudul === */
.entry-content h4 {
    font-size: 1.3rem;
}
.entry-content h3, .entry-content h4 {
  display: flex;
  align-items: center;
}
.entry-content h3:before {
    content: '\f12a';
    font-family: 'dashicons';
    color: #046bd2;
    margin-right: 5px;
    margin-top: 3px;
    line-height: normal;
    font-size: 90%;
}
.entry-content h4:before {
    content: '\f502';
    font-family: 'dashicons';
    color: #b9036e;
    margin-right: 5px;
    line-height: normal;
    font-size: 90%;
}
/* === judul subjudul end === */

/* Artikel Terkait bawaan */
.site .ast-single-related-posts-container {
    margin-top: 2em;
    padding: .8em 0 0 0 !important;
}
.ast-related-post-content {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .22) 0px 1px 4px;
    border-radius: 9px;
    padding: 10px;
}
.ast-related-post-featured-section.post-has-thumb {
    width: 40%;
    float: left;
    margin-right: 10px;
}
.ast-page-builder-template .ast-related-post .entry-header, .ast-related-post-content .entry-header, .ast-related-post-content .entry-meta {
    margin: 0 auto !important;
    padding: 0;
}
.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a {
    color: var(--ast-global-color-2);
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: inherit !important;
    margin-bottom: 10px !important;
}
.ast-related-post-content .entry-meta, .ast-related-post-content .entry-meta * {
    font-size: .750rem !important;
    line-height: 1.5em !important;
}
/* Artikel Terkait bawaan end */
/* === POST TUNGGAL (ARTIKEL) end === */