/* Themify Customize Styling */
body {	
	font-family: "Manrope";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	text-transform:none;	text-align:left;
	color: #474747; 
}
h1 {	
	font-family: "Sofia Sans";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:700;
	letter-spacing:0px;
	font-size:40px;
	line-height:45px;
	text-transform:none;	text-align:left; 
}
h2 {	
	font-family: "Sofia Sans";	font-weight:700;
	font-size:35px;
	line-height:40px;
	text-transform:none;	text-align:left; 
}
h3 {	
	font-family: "Sofia Sans";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:700;
	font-size:30px;
	line-height:35px;
	text-transform:none;	text-align:left; 
}
h4 {	
	font-family: "Sofia Sans";	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	font-weight:600;
	font-size:25px;
	line-height:30px;
	text-transform:none;	text-align:left; 
}
h5 {	
	font-family: "Sofia Sans";	font-weight:500;
	font-size:20px;
	line-height:25px;
 
}
#headerwrap {	background: none;
	background-color: #111111;
	border-bottom: 6px solid #dbb130; 
}
#header {	
	padding-bottom: 8px; 
}
#headerwrap a {	
	color: rgba(250,250,250,0.98); 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #111; 
}
body #site-logo a img {		width: 120px; 
}
#main-nav {	
	padding-top: 22px; 
}
#main-nav a {	
	color: rgba(255,255,255,0.85); 
}
#main-nav a:hover {	
	color: #ffffff; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #DBB130; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: rgba(255,255,255,0.11); 
}
#footerwrap {	background: none;
	background-color: #111; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body #site-logo a img {		width: 120px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 120px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body #site-logo a img {		width: 120px; 
}
 }
/* Themify Custom CSS */
@media only screen and (min-width: 900px) {
  .navbar-wrapper {
    border: none;
    padding-top: px;
  }
}
.mobile_menu_active #headerwrap .sidemenu-on #main-nav a {
    padding-left: 10px;}
.mobile_menu_active #headerwrap #main-nav a {
    border-bottom:1px solid #ddd;
	padding-left:3%;
}

@media only screen and (min-width: 48em){#main-nav li > .sub-menu {
  box-shadow: none;
  border-radius: 0px;
  margin-top: 27px;
	}}






.standard-frame .mfp-iframe {
    background: #ffffff00 !important;
    position: relative !important;
    padding-top: 30px;
}

table {
    width: 100%;
    border-collapse: collapse;
   
    overflow: hidden;
}


table th {
    text-transform: uppercase;
font-weight: 400;
	text-align: left;
}


input:read-write, input:read-only {
  margin: 0 0em 0em 0;
}



.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%; margin:0px;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{		width: 50%;	}}
input:read-write, input:read-only {
  margin: 0 0em -1PX 0;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}
textarea, select,input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
input[type="file"]{
   width: 100%;
  background: #fff;
  border-radius: 7px;
  border: none;
  font-weight: 400;
  font-size: 13px;
  color: #222;
  padding: 12px 20px;
  height: auto;
  display: block;
	border: solid 1px #4753553b;
}

input[type="submit"]{font-weight:400; letter-spacing:0px; border-radius:100px; text-transform:none; font-family:"poppins";  font-size:12px; padding:12px 30px;}



.post-meta a {
 text-transform: lowercase;
}

table {
    width: 100%;
    border-collapse: collapse;
  }

  table th, table td {
    border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
    padding: 10px 0px;
  }
.single .post-meta, .single .post-title {
  text-align: center;
}

#main-nav .current_page_item > a, #main-nav .current-menu-item > a {
  border-bottom: none;
}

.single .post-meta, .single .post-title {
  text-align: center;
}
.related-posts .post-title {font-size:15px; font-weight:500;}
.related-posts .post-title {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    text-align: center;

}
#sidebar .widget, #sidebar-alt .widget {
    background-color: #F7F7F7;
    padding: 12px;
    margin-bottom: 17px;
}

.comment-reply-title {
  font-weight: 400;}



.social-links .icon-medium em {font-size:10px; color:#fff; padding:6px; margin-right:-2px;; background:#008001;}

.social-links a:hover em {
  color:#fff; background:#009900;
}

	p {
  line-height: 1.5;
	}

@media only screen and (min-width: 900px){.headmo{
   display:none;
	}
	.module-accordion .accordion-title i {
  position: absolute;
  top: auto;
  left: 10px;

}

.ui.minimal ul.tab-nav li a {
  color: inherit;
  padding: 10px 10px;
}
.themify_builder_content-82 .tb_wfc88.module-tab.ui .tab-nav li {
  border-radius: 3px;
}
select {
  padding-right: 30px;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 12px;
  float: left;
  position: relative;
  padding: 0.65rem;
  width: auto;
  box-sizing: border-box;
  border: none;
  margin-left: 10px;
  background: #fff;
	border-radius:0px;
	color:#666;
}
main-nav-wrap #main-nav > .current_page_item > a, #main-nav-wrap #main-nav > .current-menu-item > a {
  border-radius: 0px;
}
#main-nav-wrap #main-nav a:hover, #main-nav-wrap #main-nav > li > a:hover {
  border-radius: 5px;
}


.header-bar {
	width:23%;
}
.header-widget {
	width: 60%;
	margin-top:10px;
	margin-bottom:0;
}
.header-widget .widget {
		
}

#main-nav {

}

.navbar-wrapper {
  border:none;
}


}
#commentform p label {
    display: inline-block;
    font-size: .9em;
    text-transform: none;
    transform: translate(0px,0px);
} #footerwrap {
  border: none;
  padding-top: 80px;
}

@media only screen and (min-width: 1024px){
#main-nav {    padding: 0;
    margin: 0px 10px 0px 0px;}}
#main-nav .highlight-link:last-child>a {
    margin-right: 0;
		border-radius: 5px;
}
.table-container {
  width: 100%;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

th {
  background-color: #f9f9f9;
  font-weight: bold;
}

tr:hover {
  background-color: #f9f9f9;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

td {
  border-right: 1px solid #ddd;
}

td:last-child {
  border-right: none;
}
input:read-write, input:read-only {
  margin: 0 0em 0em 0;
}

.module.ui.minimal ul.tab-nav li a
{
	padding : 10px 15px 10px 15px;
}
nav ul {
  list-style-type: none;
  padding: 0;
  display: inherit;
}

nav li {
  margin: 0 20px;
}

nav a {
  text-decoration: none;
  position: relative;
  color: #DBB130;
  transition: color 0.3s;
}

nav a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -5px;
  left: 0;
  background-color: #DBB130;
  visibility: hidden;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out, visibility 0.3s;
}

nav a:hover {
  color: #DBB130;
}

nav a:hover::before {
  visibility: visible;
  transform: scaleX(1);
}
ul.ui.module-accordion .accordion-title a {

  font-weight: 500;
}
.menu-icon-inner {
  border-bottom: 1px solid;
  height: 18px;
  transform: rotate(360deg);
  width: 25px;
}
.menu-icon-inner::before {
  border-top: 1px solid;
  width: 100%;
}
.menu-icon-inner::after {
  border-top: 1px solid;
  width: 75%;
}
.loops-wrapper.list-thumb-image .post-image {
  float: left;
  margin: 0 1.4em 1em 0;
  width: 50%;
}
.builder-posts-wrap.list-thumb-image .post-image {
  float: left;
  margin: 0 1.5em 1em 0;
  max-width: 40%;
}
	.standard-frame .mfp-iframe {
  background: none !important;
  position: relative !important;
}
.module-accordion .accordion-title i {
  position: absolute;
  top: auto;
  left: 10px;
}
.ui.module-accordion, .module-accordion > li {
  border: none;
}
.comment-reply-title, .comment-title {
  font-size: 1.5em;
  margin: 0 0 0.3em;
  padding: 0;
  text-transform: lowercase;
}

.loops-wrapper.products.grid4 > .product:nth-of-type(4n+1), .loops-wrapper.grid4 > .post:nth-of-type(4n+1) {

    margin-left: 0;
    clear: left;

}
.loops-wrapper > .post, .woocommerce ul.loops-wrapper.products > li.product {

    float: left;

}
.woocommerce ul.products li.product {
    text-align: left;

}

.woocommerce ul.products li.product .woocommerce-loop-product__title {

}
.woocommerce ul.products li.product .price {
    margin: 0;
}
.woocommerce ul.products li.product .button {
    margin: 0 10% 2em;
	border:none;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images {
	border:1px solid #ddd;
}

.woocommerce ul.products li.product a img {
  margin: 0 0 -10px;
}
.themify_builder_content-84 .tb_kttk998.module-slider.module .slide-title {
	
	font-size:12px;
	line-height: 17px;
		letter-spacing: 0px;
  width: 100%;
  float: left;
  text-align: left;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
	padding-top:5px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current {
  border: 1px solid;
  color: #E7212A;
}
.woocommerce ul.products[class*="grid"] li.product .price {
  width: 100%;
	text-align: center;
	padding-top:5px;
}
.woocommerce .woocommerce-breadcrumb {
  text-align: left;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: Inter;
  font-size: 1.125em;
  font-weight: 400;
  color: #333F50;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: solid 2px #DBB130;
}

.themify_builder_content-84 .tb_in80361.module-post.module .post-title, .themify_builder_content-84 .tb_in80361.module-post.module .post-title a {
   word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}



@media (max-width: 680px) {
.module-products.module-slider li h3, .module-products .wc-products[class*="grid"]:not(.grid2-thumb) .product h3, .woocommerce ul.products[class*="grid"] li.product h3, .woocommerce ul.products[class*="grid"] li.product .woocommerce-loop-product__title {
  font-size: 13px;
	line-height: 19px;
  font-weight: 500;
  letter-spacing: 0px;
  width: 100%;
  float: left;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-top: 15px;
}
}
.loops-wrapper > .post, .woocommerce ul.loops-wrapper.products > li.product {
	background:#fff;
	border-radius: 4px;
}
.woocommerce ul.products li.product a img {
  margin: 0 0 -10px;
  box-shadow: none;
  padding: 0px;
	padding-bottom:5px;
  border-bottom: 1px solid rgba(168, 168, 168, .32);
}
@media only screen and (min-width: 1024px){.module-products.module-slider li h3, .module-products .wc-products[class*="grid"]:not(.grid2-thumb) .product h3, .woocommerce ul.products[class*="grid"] li.product h3, .woocommerce ul.products[class*="grid"] li.product .woocommerce-loop-product__title {
  font-size: 15px;
	line-height: 20px;
  font-weight: 500;
  letter-spacing: 0px;
  width: 100%;
  float: left;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-top: 15px;
  
	}}

.woocommerce ul.loops-wrapper.products > li.product {
  padding: 8px;
  background: #fff;
  border: none;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
}




.woocommerce ul.products li.product .price {
    margin-bottom: 10px;
		margin-top: -10px;
}
.woocommerce ul.products li.product .button {
    margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width:100%;
	border:none;
}



.woocommerce div.product {
  margin-bottom: 0;
  position: relative;
  margin-top: 40px;
}



.single-product div.product .product_title {
  margin-bottom: 20px;
}




.single-product div.product p.price {
  margin-bottom: 20px;
}



.woocommerce div.product form.cart {
  margin-bottom: 2em;
  display: none;
}



.woocommerce ul.products li.product a.button, .woocommerce ul.products li.product button.button, .woocommerce ul.products li.product input.button, .woocommerce ul.products li.product a.button.alt, .woocommerce ul.products li.product button.button.alt, .woocommerce ul.products li.product input.button.alt, .woocommerce ul.products li.product button.button.alt.disabled, .woocommerce ul.products li.product button.button:disabled, .woocommerce ul.products li.product button.button:disabled[disabled] {
  background: none;
    background-color: rgba(0, 0, 0, 0);
  background-color: #008001;
  font-family: "Roboto";
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 11px;
  line-height: 18px;
  text-transform: capitalize;
  text-align: center;
  color: #ffffff;
  display: none;
}

/* Paksa container produk rata kiri */
.woocommerce ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important; /* INI KUNCI */
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Item produk */
.woocommerce ul.products li.product {
  float: none !important;
  clear: none !important;
  margin-left: 0 !important;
  margin-right: 20px !important;
  text-align: left !important;
}