/* Themify Customize Styling */
body {	
	font-family: "Poppins";	font-weight:400;
	letter-spacing:0px;
	font-size:15px;
	line-height:21px;

	color: #000000; 
}
a {	
	color: #000000; 
}
a:hover {	
	color: #000000; 
}
h1 {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:45px;
	line-height:50px;

	color: #000000; 
}
h2 {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:40px;
	line-height:45px;

	color: #000000; 
}
h3 {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:35px;
	line-height:40px;

	color: #000000; 
}
h4 {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:30px;
	line-height:35px;

	color: #000000; 
}
h5 {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:25px;
	line-height:30px;

	color: #000000; 
}
h6 {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:20px;
	line-height:25px;

	color: #000000; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #000000;
	border: none !important;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #000000;
	color: #ffa600; 
}
#headerwrap {	background: none;
	background-color: #000000;
	border: none !important;
	margin-right: 0px;
	padding-right: 35px;
	padding-left: 35px; 
}
#header {	
	padding-top: 5px;
	padding-bottom: 5px; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #000000; 
}
body #site-logo a img {	
	height: 60px; 
}
#site-logo {	
	margin-top: 10px;
	margin-bottom: 5px; 
}
#main-nav {	
	margin-top: -25px;
	margin-right: 0px;
	padding: 0px; 
}
#main-nav a {	
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-family: "Outfit";	font-weight:500;
	letter-spacing:0px;
	font-size:12px;
	line-height:17px;
 
}
#main-nav a:hover {	
	background-color: transparent;
	color: #ffa600; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	background-color: transparent;
	color: #ffa600; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	background-color: transparent;
	color: #ffffff; 
}
#main-nav ul a {	
	border-bottom: 1px solid #ddd;	font-size:14px;
 
}
#main-nav ul a:hover {	
	color: #ffa600; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #3f7be4; 
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product h3, .wc-products .product h3 {	
	font-family: "Outfit";	font-weight:400;
	letter-spacing:0px;
	font-size:17px;
	line-height:22px;
 
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title a, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-category__title a, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h3 a, .wc-products .product h3 a {	
	color: #000000; 
}
.woocommerce ul.products li.product .price {	
	color: #303030; 
}
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale {	
	color: #000000; 
}
.single-product div.product .product_title {	
	font-family: "Outfit";	font-weight:500;
	letter-spacing:0px;
	font-size:35px;
	line-height:40px;

	color: #1c1c1c; 
}
.single-product div.product p.price {	
	font-family: "Outfit";	font-weight:600;
	letter-spacing:0px;
	font-size:20px;
	line-height:25px;

	color: #ff0000; 
}
.single-product #content input.button, .single-product #respond input#submit, .single-product #content input.button.alt, .single-product #respond input#submit.alt, .single-product a.button, .single-product button.button, .single-product input.button, .single-product a.button.alt, .single-product button.button.alt, .single-product input.button.alt, .single-product button.button.alt.disabled, .single-product button.button:disabled, .single-product button.button:disabled[disabled] {	background: none;
	background-color: #0f0f0f;
	color: #ffffff; 
}
.single-product #content input.button:hover, .single-product #respond input#submit:hover, .single-product #content input.button.alt:hover, .single-product #respond input#submit.alt:hover, .single-product a.button:hover, .single-product button.button:hover, .single-product input.button:hover, .single-product a.button.alt:hover, .single-product button.button.alt:hover, .single-product input.button.alt:hover, .single-product button.button.alt.disabled:hover, .single-product button.button:disabled:hover, .single-product button.button:disabled[disabled]:hover {	
	color: #ffffff;background: none;
	background-color: #000000; 
}
.single-product span.onsale {	
	color: #000000; 
}
.post-title {	
	font-family: "Outfit";	font-weight:500;
	letter-spacing:0px;
	font-size:25px;
	line-height:30px;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ffa600; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {		font-size:25px;
	text-align:left; 
}
.loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a {		font-size:16px;
 
}
.post-meta {	
	color: #292929; 
}
.post-meta, .loops-wrapper.list-post .post-meta, .single-post .post-meta, .loops-wrapper.grid6 .post-meta, .loops-wrapper.grid5 .post-meta, .loops-wrapper.grid4 .post-meta, .loops-wrapper.grid3 .post-meta, .loops-wrapper.grid2 .post-meta {		text-align:left; 
}
.post-meta a {	
	color: #2b2b2b; 
}
.post-meta a:hover {	
	color: #000000;	text-align:left; 
}
.post-date, .post .post-date .day,.post-date .month, .post .post-date .year, .loops-wrapper.list-post .post .post-date, .single #pagewrap .post-content .post-date, .single-post #pagewrap .post-date-inline .post-date .year {		text-transform:capitalize;	text-align:left; 
}
.post-nav a {		font-size:14px;
 
}
.post-nav a:hover {	
	color: #ffa600; 
}
.post-nav a:hover .arrow {	
	color: #ffa600; 
}
.page-title {	
	border-bottom: 3px solid #2e2e2e;
	padding: 10px;
	font-family: "Outfit";	font-weight:500;
	letter-spacing:0px;
	font-size:35px;
	line-height:40px;
 
}
#sidebar, #sidebar-alt {		font-size:13px;

	color: #000000; 
}
#sidebar a, #sidebar-alt a {		font-size:13px;

	color: #000000; 
}
#sidebar .widget, #sidebar-alt .widget {	background: none;
	background-color: #f5f5f5;
	border-bottom: 6px solid #292929;
	padding: 25px; 
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {	
	font-family: "Outfit";	font-weight:400;
	letter-spacing:0px;
	font-size:15px;
	line-height:20px;
 
}
#sidebar .widget li, #sidebar-alt .widget li {	
	border-bottom: 1px solid #ddd; 
}
#footerwrap {	background: none;
	background-color: #03693f;
	border: none !important;
	padding-top: 50px; 
}
#footer {	
	color: #eee; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		font-size:13px;
 
}
#footer a {		font-size:13px;

	color: #eee; 
}
#footer a:hover {	
	color: #ffffff; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #ffa600; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #000000; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body #site-logo a img {	
	height: 60px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {	
	height: 60px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body {	
	font-family: "Poppins";	font-weight:400;
	font-size:14px;
	line-height:20px;

	color: #000000; 
}
a {	
	color: #000000; 
}
a:hover {	
	color: #000000; 
}
h1 {	
	font-family: "Outfit";	font-weight:600;

	color: #000000; 
}
h2 {	
	font-family: "Outfit";	font-weight:600;

	color: #000000; 
}
h3 {	
	font-family: "Outfit";	font-weight:600;

	color: #000000; 
}
h4 {	
	font-family: "Outfit";	font-weight:600;

	color: #000000; 
}
h5 {	
	font-family: "Outfit";	font-weight:600;

	color: #000000; 
}
h6 {	
	font-family: "Outfit";	font-weight:600;

	color: #000000; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #000000;
	border: none !important;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #000000;
	color: #ffa600; 
}
#headerwrap {	background: none;
	background-color: #ffffff;
	border: none !important; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
body #site-logo a img {	
	height: 35px; 
}
#main-nav a {	
	color: #000000;
	font-family: "Raleway";	font-weight:500;
 
}
#main-nav a:hover {	
	color: #ffa600; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	background: none;
	background-color: #000000;
	color: #ffa600; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	background: none;
	background-color: #000000;
	color: #ffffff; 
}
#main-nav ul a:hover {	
	color: #ffa600; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #3f7be4; 
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product h3, .wc-products .product h3 {		font-weight:500;
	font-size:15px;
	line-height:20px;
 
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title a, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-category__title a, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h3 a, .wc-products .product h3 a {	
	color: #000000; 
}
.woocommerce ul.products li.product .price {		font-weight:500;
	letter-spacing:0px;
	font-size:14px;
	line-height:20px;

	color: #000000; 
}
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale {	
	color: #000000; 
}
.single-product div.product .product_title {	
	font-family: "Outfit";	font-weight:500;

	color: #1c1c1c; 
}
.single-product div.product p.price {	
	font-family: "Outfit";	font-weight:600;

	color: #ff0000; 
}
.single-product #content input.button, .single-product #respond input#submit, .single-product #content input.button.alt, .single-product #respond input#submit.alt, .single-product a.button, .single-product button.button, .single-product input.button, .single-product a.button.alt, .single-product button.button.alt, .single-product input.button.alt, .single-product button.button.alt.disabled, .single-product button.button:disabled, .single-product button.button:disabled[disabled] {	background: none;
	background-color: #0f0f0f;
	color: #ffffff; 
}
.single-product #content input.button:hover, .single-product #respond input#submit:hover, .single-product #content input.button.alt:hover, .single-product #respond input#submit.alt:hover, .single-product a.button:hover, .single-product button.button:hover, .single-product input.button:hover, .single-product a.button.alt:hover, .single-product button.button.alt:hover, .single-product input.button.alt:hover, .single-product button.button.alt.disabled:hover, .single-product button.button:disabled:hover, .single-product button.button:disabled[disabled]:hover {	
	color: #ffffff;background: none;
	background-color: #000000; 
}
.single-product span.onsale {	
	color: #000000; 
}
.post-title {	
	font-family: "Outfit";	font-weight:500;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ffa600; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {		font-size:21px;
 
}
.post-meta {	
	color: #292929; 
}
.post-meta a {	
	color: #2b2b2b; 
}
.post-meta a:hover {	
	color: #000000; 
}
.post-nav a:hover {	
	color: #ffa600; 
}
.post-nav a:hover .arrow {	
	color: #ffa600; 
}
.page-title {	
	font-family: "Outfit";	font-weight:500;
 
}
#sidebar, #sidebar-alt {	
	color: #000000; 
}
#sidebar a, #sidebar-alt a {	
	color: #000000; 
}
#sidebar .widget, #sidebar-alt .widget {	background: none;
	background-color: #f5f5f5; 
}
#sidebar .widgettitle, #sidebar-alt .widgettitle {	
	font-family: "Roboto";	font-weight:500;
 
}
#footerwrap {	background: none;
	background-color: #03693f;
	border: none !important; 
}
#footer {	
	color: #eeeeee; 
}
#footer a {	
	color: #eeeeee; 
}
#footer a:hover {	
	color: #ffffff; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #ffa600; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #000000; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background: none;
	background-color: #000000; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a { 	font-weight:500;
	font-size:13px;
 }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #ffffff; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { background: none;
	background-color: #ffa600; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #000000; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { background: none;
	background-color: #ffa600; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { 
	color: #000000; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { background: none;
	background-color: #ffba30; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { 
	color: #000000; }.mobile_menu_active #menu-icon { background: none;
	background-color: #000000; }.mobile_menu_active #menu-icon { 
	color: #ffa600; }
/* Themify Custom CSS */
#headerwrap {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}
.header-widget {
    padding: 5px 0;
}


#main-nav .highlight-link:last-child > a {
    border-radius:20px;
	font-size:13px;
}

#main-nav a {
	border-radius:5px;
}

#main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav ul a:hover {
   
}

input:read-only, input:read-write {
  margin: 0 .2em 0em 0;
  width: 100%;
	border: 1px Solid #1e1e1e;
	border-radius:10px;
}

.product_meta {
  font-size: .9em;
  letter-spacing: .05em;
  text-transform: capitalize;
}

#main-nav .highlight-link:last-child > a:hover{
	background:C3932F;
	color:#fff;
}

#menu-icon {
	margin-top:10px;
}

#content, #sidebar, #sidebar-alt {
    padding-top: 5%;
}
.themify_builder_slider .slide-content {
    padding: 0;
}

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

    margin-left: 0;
	clear: left;}

	.woocommerce .woocommerce-breadcrumb {
  font-family: Outfit;
  font-size: .8em;
  font-weight: 500;
  letter-spacing: .01em;
  text-transform: capitalize;
}
	

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

    float: left;
    background:#fff;
		box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
	  padding:20px 2%;

}
.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;
}


.related-posts .post-title {
    font-size: 1em;
    font-weight: 500;
}

.social-links .icon-medium em {
	font-size:14px;
}

.social-links .icon-medium img {
    max-width: 25px;
    max-height: 25px;
	padding-bottom:2%;
	margin-right:5%;
}

@media screen and (max-width: 768px){
body #site-logo a img {
    height: 35px;
	}
	.fixed-header #site-logo img:not(.tf_sticky_logo) {
    max-height: 40px;
}

input[type="search"] {
	width:100%;
}
.social-links .icon-medium em {
	font-size:10px;
}
}

@media (max-width: 1024px){
.footer-widgets .col4-1 {
    width: 100%;
	}}

.mobile_menu_active #headerwrap #main-nav a {
    border-bottom:1px solid #ddd;
	padding-left:5%;
}
.mobile_menu_active #headerwrap #main-nav .highlight-link:last-child > a {
	margin-top:10px;
  color:#fff;
	background:#07264E;
	padding-left:0;
	text-align:center;
	border-bottom:none;
}

#main-nav > li > a {
  border-left: 1px solid hsla(0,0%,71%,.2);
  padding: .225em .6em;
}

#headerwrap, 
#header {
    width: 100% !important;
    max-width: 100% !important;
}

#headerwrap, 
#header {
    width: 100% !important;
    max-width: 100% !important;
}

/* Header fullwidth */
.headerwrap, 
.site-header {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tambahkan padding kiri kanan */
.headerwrap, 
.site-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box;
}