/*
Theme Name: Theme JamuPedia V1
Theme URI: https://www.jamupedia.com/
Author: Rendy
Author URI: https://rendy.site/
Description: Theme for JamuPedia
Version: 1.0
License: Commercial
License URI: https://rendy.site/
Tags: orange, green, white
Text Domain: JamuPedia

*/
/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,500i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@font-face { 
	font-family: SFProDisplay; 
	src: url(fonts/SFProDisplay/SF-Pro-Display-Regular.otf); 
	font-weight: normal; 
}

@font-face { 
    font-family: Avenir; 
    src: url(fonts/Avenir/avenir-lt-std-65-medium.otf); 
    font-weight: normal; 
}

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }
.floatright { float: right; }
.floatleft { float: left; }
.floatnone { float: none; }

/* GENERAL */
body {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 14px;
	color: #363636;
	background: #ffffff;
}
a { text-decoration: none;
    cursor: pointer; transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease;
}
a:hover { text-decoration: underline; color: #000; }
sup { font-size: 60%; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
small { font-size: 12px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* GENERAL */
.wrapper { position: relative; width: 100%; margin: 0 auto; }
.wrap { position: relative; width: 1200px; margin: 0 auto; }
.wrap-content { position: relative; display: block; }
.wrap-content .wrap { position: relative; padding: 10px 0px 15px; }
.wrapper-grey { background: #fff; }

.thecontent h1 { font-family: 'Raleway', sans-serif; font-size: 32px; line-height: 40px; font-weight: bold; color:#006838; margin-bottom: 20px; font-style: italic; }
.thecontent h2 { font-family: 'Raleway', sans-serif; font-size: 28px; line-height: 34px; font-weight: bold; color:#006838; margin-bottom: 15px; }
.thecontent h3 { font-family: 'Raleway', sans-serif; font-size: 26px; line-height: 32px; margin-bottom: 15px; color:#000000; font-weight: bold; }
.thecontent h4 { font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 24px; margin-bottom: 15px; color:#000000; }
.thecontent h5 { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 15px; color:#000000;  }
.thecontent h6 { font-family: 'Raleway', sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 15px; color:#000000; }
.thecontent p { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 15px; color:#000000; word-wrap: break-word; }
.thecontent a { font-family: 'Raleway', sans-serif; color: #f8ad40; font-size: 16px; cursor: pointer; font-style: italic; font-weight: bold; }
.thecontent a:hover { color: #006838; text-decoration: underline; }
.thecontent img { max-width: 100%; height: auto; }
.thecontent img, .thecontent img.alignleft {float: left; display: block; margin: 0px 30px 17px 0px; }
.thecontent img.aligncenter {float: none; margin: 0 auto 17px;  }
.thecontent img.alignright { float: right; margin: 0px 0px 17px 30px;}
.thecontent ul { /*list-style: upper-alpha;*/ list-style: circle; margin-bottom: 15px; padding-left: 40px; }
.thecontent ol { list-style: decimal; margin-bottom: 15px; padding-left: 40px; }
.thecontent ul li, .thecontent ol li { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 20px; color:#000000; padding-left: 8px; }
.thecontent h1 span { display: block; font-size: 24px; }
.thecontent h3 span { display: block; }
.wrap-home-rec .div-post .div-content h3 span { display: block; }
.thecontent iframe { max-width: 100%; }

.wp-pagenavi { font-family: 'SFProDisplay', sans-serif; display: block; position: relative; margin: 30px auto 20px; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: bold; text-align: center; }
.wp-pagenavi, .wp-pagenavi a { font-family: 'SFProDisplay', sans-serif; color: #006838; border: 0px; font-style: normal; font-weight: normal; font-size: 14px; padding: 10px 17px; }
.wp-pagenavi a:hover { background: #006838; color: #fff; text-decoration: none; }
.wp-pagenavi span.current { background: #006838; color: #fff; border: 0px; padding: 10px 17px; }
.wp-pagenavi span.pages { background: #006838; color: #fff; border: 0px; padding: 10px 17px; }



h2.title-error { color: red; }

/* HEADER */
.head-top { padding: 25px 0px 30px; text-align: center; }
.header #logoweb { display: inline-block; vertical-align: middle; float: left; max-width: 250px; height: auto; }
.header #logoweb img { max-width: 100%; height: auto; }
.hashtags-title { font-size: 30px; font-weight: bold; width: 500px; text-align: center; display: inline-block; margin: 15px auto 0px; vertical-align: middle; }
.hashtags-title a { color: #000000;}
.hashtags-title a:hover{ text-decoration: none !important; color: #000000; }
.icon-sosmed { position: relative; display: inline-block; vertical-align: middle; float: right; text-align: left; top: -12px; }
.icon-sosmed span {  font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: bold; color: #006c38; display: block; margin-bottom: 10px; text-align: center; }
.icon-sosmed a { color: #ffffff; background: #006c38; border-radius: 50%; font-size: 20px; width: 40px; height: 40px; position: relative; display: inline-block; margin-right: 10px; }
.icon-sosmed a i.fa { position: absolute; width: 20px; height: 20px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; text-align: center; }
.icon-sosmed a i.fa-rss { font-size: 22px; width: 17px; height: 22px; }
.icon-sosmed a:hover { background: #F8AD40; color: #fff; }
.box-search { position: relative; width: 90%; display: block; margin: 20px auto 0px; max-width: 650px; }
#searchform { position: relative; display: block; width: 100%; }
.searchform { position: relative; display: block; }
.searchform:after { font-family: FontAwesome; content: "\f002"; font-size: 18px; color: #808080; width: 18px; height: 18px; position: absolute; top: 0px; bottom: 0px; left: 12px; margin: auto; padding: 3px; border-radius: 50%; }
.searchform .text { font-size: 16px; padding: 14px 18px 14px 40px; border-radius: 8px; width: calc(100% - 60px); box-shadow: none; border: 0px; background: #f4f4f4; color: #888888; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.searchform .text:active, .searchform .text:focus { background: #f5f5f5; }
.searchform input[type="submit"] { position: absolute; left: 6px; top: 0px; height: 48px; z-index: 5; background: transparent; color: transparent; border: none; cursor: pointer; }

.wrap-header-tags { position: relative; display: block; margin: 10px 0px 25px; }
.wrap-header-tags span { width: 124px; display: inline-block; font-size: 20px; font-weight: bold; line-height: 30px; color: #147448; padding: 7px 0px; }
.list-tags { width: calc(100% - 125px); display: block; float: right; text-align: right; white-space: nowrap; overflow: auto; padding-bottom: 2px; }
.list-tags a { font-size: 18px; font-weight: bold; line-height: 25px; background: #006838; color: #fff;  padding: 10px 20px; border-radius: 8px; display: inline-block; margin-left: 5px;}
.list-tags a:hover { text-decoration: none; color: #444142; background: #ced0d1; }

.wrap-header-tags.tag-grey { margin-bottom: 35px; }
.wrap-header-tags.tag-grey a { background: #c9cace; color: #3e3e40; }
.wrap-header-tags.tag-grey a:hover { background: #006838; color: #fff; }

.wrapsidebar { position: relative; display: inline-block; width: 380px; float: left; }
.menu-primary { position: relative; display: inline-block; width: 100%; margin-bottom: 25px; }
.menu-primary .main-menu { position: relative; display: block; width: 100%; text-align: center; }
.main-menu li { position: relative; display: inline-block; }
/* .main-menu li a { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: bold; line-height: 14px; color: #006838; padding: 16px 30px; display: block; } */
.main-menu li a { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: bold; line-height: 14px; color: #006838; padding: 16px 28px; display: block; }
.main-menu li.current-menu-item a { color: #f8ad40; text-decoration: none; }
.main-menu li a:hover { color: #f8ad40;  text-decoration: none; }
.main-menu li.menu-item-has-children { padding-right: 5px; }
.main-menu li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f0d7"; font-size: 20px; color: #006838; width: 25px; height: 25px; position: absolute; right: 0px; top: 8px; bottom: 0px; margin: auto; cursor: pointer; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.main-menu li.menu-item-has-children > a:hover:after { color: #f8ad40; }
.main-menu ul li ul { display: none; position: absolute; z-index: 10; background: #eeeeee; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.main-menu ul li:hover ul { display: block;
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.main-menu ul ul > li a { display: block; width: 150px; }
.main-menu li.current-menu-ancestor > a { color: #f8ad40; text-decoration: none; }
.main-menu li.current-menu-ancestor > a:after { color: #f8ad40; }
.main-menu > ul ul > li { text-align: left; }
/* Last End Menu - Cart */
/*
.main-menu > ul > li:last-child { padding-left: 0px; margin-left: 15px; }
.main-menu > ul > li:last-child > a:before { font-family: FontAwesome; content: "\f07a"; font-size: 24px; color: #006838; width: 24px; height: 24px; position: absolute; left: 0px; top: 8px; bottom: 0px; margin: auto; cursor: pointer; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.main-menu > ul > li:last-child > a:hover:before { color: #f8ad40; }
.main-menu > ul > li.current-menu-item:last-child > a:before { color: #f8ad40; }
*/

/* CONTENT */
.wrapcontent { position: relative; display: block; width: 100%; }
.wrapcontent-right { position: relative; display: inline-block; width: calc(100% - 410px); float: right; text-align: right; }
.wrapcontent-right.spantop { padding-top: 45px;}
.list-post { position: relative; display: block; width: 100%; text-align: left; }
.div-post { position: relative; display: inline-block;  max-width: 380px; text-align: left; vertical-align: top; margin-bottom: 15px; }
.wrapcontent .div-post { width:calc(33% - 15px); }
.wrapcontent-right .div-post { width:calc(49% - 15px); }
.wrapcontent-slideLR { text-align: center; }
.wrapcontent-slideLR .div-post { float: none; margin: 0px auto; }
/*
.wrapcontent .div-post:nth-of-type(3n) { margin-right: 0px; }
.wrapcontent .div-post:nth-of-type(3n+1) { clear: both;  } */
.wrapcontent-right .div-post:nth-of-type(2n) { margin-left: 30px; }
.wrapcontent-right .div-post:nth-of-type(2n+1) { clear: both; }

.wrapcontent-full { position: relative; display: inline-block; width: 100%; text-align: right; }
.wrapcontent-full .div-post { margin-right: 15px; width:calc(33% - 15px); }
.wrapcontent-full .div-post:nth-of-type(3n) { margin-right: 0px; }
.wrapcontent-full .div-post:nth-of-type(3n+1) { clear: both; }

.div-post .div-img img { float: none; margin: 0px 0px 17px 0px; width: 100%; height: auto; border-radius: 10px 10px 0px 0px; }
.div-post .div-content { position: relative; padding: 0px 30px; }
.div-post .div-content h3 { font-size: 18px; line-height: 24px; margin-bottom: 10px; color: #006838; }
.div-post .div-content h3 a { font-size: unset; }
.div-post .div-content a { color: #006838; }
.div-post .div-content a:hover { color: #f8ad40; }
.tag-date { font-family: 'SFProDisplay', sans-serif; }
.div-post .div-content .tag-date { font-size: 12px; line-height: 16px; color: #6d6e70; margin-bottom: 8px; }
.div-post .div-content .tag-date a { font-size: 12px; line-height: 16px; color: #6d6e70; font-style: normal; }

/* Slick and Slide */
.wrap-slide-post-iklan { position: relative; display: block; width: 100%; margin-bottom: 30px; }
.slick-prev:before, .slick-next:before { color: #000; }
.wrap-slide-post-iklan .slick-prev, .wrap-slide-post-iklan .slick-next { display: none; visibility: hidden; }
.slick-dots { bottom: -35px; }
.slick-dots li button:before { font-family: FontAwesome; content: "\f0c8"; font-size: 12px;  }
.wrap-slide-post { position: relative; display: inline-block; max-width: 780px; float: left; }
.wrap-slide-post .slick-slide { background: #eeeef0; border-radius: 10px 10px 0px 0px; padding-bottom: 20px; }
.slide-post .div-img img { float: none; margin: 0px 0px 17px 0px; width: 100%; height: auto; border-radius: 10px 10px 0px 0px; }
.slide-post .div-content { position: relative; padding: 0px 30px; }
.slide-post .div-content h3 { font-size: 18px; line-height: 24px; margin-bottom: 10px; color: #006838; }
.slide-post .div-content a { color: #006838; }
.slide-post .div-content a:hover { color: #f8ad40; }
.slide-post .div-content .tag-date { font-size: 12px; line-height: 16px; color: #6d6e70; margin-bottom: 8px; }
.slide-post .div-content .tag-date a { font-size: 12px; line-height: 16px; color: #6d6e70; font-style: normal; }

/* Home Recomendasi Post */
.mainwrap-home-rec { position: relative; width: 360px; float: right; display: block;  }
.wrap-home-rec { position: relative; width: 360px; height: 450px; float: right; display: block; margin-bottom: 20px; overflow-x: auto; }
.wrap-home-rec .div-post { max-width: 100%; margin-bottom: 20px;  }
.wrap-home-rec .div-post .div-img { position: relative; display: inline-block; margin-right: 10px; }
.wrap-home-rec .div-post .div-img img.attachment-blogthumbsmall { width: auto; border-radius: 0px; margin: 0px; }
.wrap-home-rec .div-post .div-content { position: relative; display: inline-block; width: calc(100% - 195px); padding: 0px; vertical-align: top; }
.wrap-home-rec .div-post .div-content h3 { font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; }
.wrap-home-rec .div-post .div-content .tag-date { margin-bottom: 3px; }
h3.maintitle-post { font-size: 20px; line-height: 26px; color: #006838; font-weight: bold; margin-bottom: 10px; text-align: left; }
h3.maintitle-post.lines { display: grid; grid-template-columns: auto auto minmax(20px, 1fr); align-items: center; text-align: left; grid-gap: 20px 0px; width: 100%; }
h3.maintitle-post.lines:before { content: ''; border-top: 2px solid; }
h3.maintitle-post.lines:after { content: ''; border-top: 2px solid; margin-left: 20px; }

/* Iklan */
.wrap-iklan { position: relative; display: block; width: 100%; }
.wrap-iklan img { width: 100%; height: auto; margin: 0px auto 20px; }
img.img-iklan { position: relative; width: 100%; height: auto; display: block; margin: 0px auto 15px; padding: 10px 0px; float: none; }
.wrap-iklan.iklan-3 { margin-bottom: 25px; }
.wrap-iklan.iklan-4 { margin-bottom: 25px; }
.wrap-iklan.iklan-1.home { width: 360px; float: right; display: inline-block;}

/* Sidebar */
h3.sidebar-title { font-size: 20px; line-height: 26px; color: #006838; font-weight: bold; margin-bottom: 10px; text-align: left; }
.sidebar-popular-post { position: relative; display: block; margin-bottom: 25px; }
.sidebar-popular-post ol { background: #efeff0; padding: 18px 25px 18px 30px; list-style: decimal; max-height: 380px; overflow-x: auto; }
.sidebar-popular-post ol li { padding-left: 10px; margin-bottom: 10px; font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 24px; color: #006838; font-weight: bold; }
.sidebar-popular-post ol li a { color: #006838;  }
.sidebar-popular-post ol li p { font-size: 16px; line-height: 22px; margin-bottom: 15px; color: #000000; font-weight: normal; }
.wrap-ig-sidebar { position: relative; display: block; margin: 0px auto 25px; }
.wrap-ig-sidebar #sb_instagram .sb_instagram_header { width: calc(100% - 20px); }
.wrap-ig-sidebar .sbi_header_text h3 { font-size: 18px; line-height: 24px; color: #006838; font-weight: bold; margin-bottom: 10px; }
.wrap-ig-sidebar .sbi_header_text p { font-size: 16px; line-height: 22px; color: #006838;  }
.wrap-ig-sidebar #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover, 
.wrap-ig-sidebar #sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover { opacity: 0.8; }
.sidebar-youtube { width: 100%; display: block; margin: 0px auto 20px; text-align: center; }
.sidebar-youtube iframe { max-width: 100%; }
.sidebar-facebook { width: 100%; display: block; margin: 0px auto 30px; text-align: center; }
.sidebar-facebook iframe { max-width: 100%; }
.btn-subscribe { font-size: 16px; padding: 10px 25px; color: #fff; background: #FF0000; border-radius: 5px; margin: 10px auto 15px; display: inline-block; text-align: center;}
.btn-subscribe:hover { background: #CC0000; text-decoration: none; color: #fff; }
/* FOOTER */
.footer { background: #006838; color: #ffffff; padding: 60px 0px; font-family: 'Raleway', sans-serif; }
.col-footer { position: relative; width: calc(25% - 20px); display: block; float: left; margin-right: 25px; }
.col-footer.col2 { width: calc(50% - 20px); }
.col-footer:nth-child(3) { margin-right: 0px; float: right; max-width: 540px; }
.sub-wrap-footer { width: 200px; max-width: 100%; display: block; margin: 0 auto; }
.title-sub-footer { font-size: 16px; line-height: 22px; margin-bottom: 25px; }
.content-sub-footer { font-family: 'SFProDisplay', sans-serif; color: #c3b061; font-size: 16px; line-height: 22px; }
.icon-sosmed.sosmed-footer { float: none; margin: 15px auto; }
.icon-sosmed.sosmed-footer a { color: #c3b061; width: 37px; height: 37px; font-size: 18px; margin-left: 0px; margin-right: 10px; }
.icon-sosmed.sosmed-footer a i.fa { width: 18px; height: 18px; }
.icon-sosmed.sosmed-footer a:hover { background: #fff; color: #006838; }

.wrap-menu-footer { position: relative; width: 100%; }
.bottom-menu li { font-size: 16px; line-height: 22px; margin-bottom: 25px; width: calc(50% - 20px); display: inline-block; margin-right: 20px;}
.bottom-menu li:nth-child(2n) { margin-right: 0px; }
.bottom-menu li a { color: #ffffff; }

/* Page Contact */
.singlepost-contact { text-align: left; }
.singlepost-contact input[type="text"],
.singlepost-contact input[type="email"],
.singlepost-contact textarea { width: calc(100% - 20px); padding: 5px 8px; }
.contact-maps { position: relative; display: block; width: 100%; margin: 0px auto 20px;}
.contact-maps iframe { max-width: 100%; }
.contact-desc { width: calc(50% - 10px); float: left; }
/* .contact-form { width: calc(50% - 10px); float: right; } */
.contact-form { width: 100%; display: block; }
.singlepost-contact input[type="submit"] { font-size: 18px; font-weight: bold; line-height: 25px; background: #006838; color: #fff; padding: 10px 20px; border-radius: 8px; min-width: 120px; display: inline-block; margin-left: 5px; cursor: pointer; 
	transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 
}
.singlepost-contact input[type="submit"]:hover { text-decoration: none; color: #444142; background: #ced0d1; }
.singlepost-contact .contact-form label { margin-bottom: 5px;}
.singlepost-contact input[type="text"],
.singlepost-contact input[type="password"],
.singlepost-contact textarea { margin-top: 5px; font-family: 'Raleway', sans-serif; }
.contact-form span.wpcf7-not-valid-tip { font-style: italic; }
.contact-form div.wpcf7-validation-errors, 
.contact-form div.wpcf7-acceptance-missing { border: 2px solid #10673a; background: #f7e700; padding: 8px 12px; line-height: 16px; }
.contact-form div.wpcf7-mail-sent-ng, 
.contact-form div.wpcf7-aborted { background: #ff0000; color: #ffffff; padding: 8px 12px; line-height: 16px; }
.contact-form div.wpcf7-mail-sent-ok { background: #398f14; color: #ffffff; padding: 8px 12px; line-height: 16px; }
.singlepost-contact label.wpforms-error { line-height: 20px; }
.singlepost-contact .wpforms-submit { font-size: 18px !important; font-weight: bold; line-height: 25px; background: #006838!important; color: #fff!important; padding: 10px 40px!important; border-radius: 8px!important; display: inline-block!important; }
.singlepost-contact .wpforms-submit:hover { background: #f7ac40 !important; }

/* Single Post */
.single_content { position: relative; display: block; width: 100%; margin-bottom: 35px; }
.title-single { text-align: center; margin-bottom: 20px; }
.singlepost-content { text-align: left; }
.single-thumb { position: relative; display: block; margin: 0px auto 15px; }
.single-thumb img { float: none; width: 100%; height: auto; }
.tagline-single { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 22px; font-style: italic; text-align: center; display: block; margin-bottom: 20px; }
.tag-date.singlepage { width: 100%; display: block; text-align: center; margin-bottom: 20px; }
.tag-date.singlepage span { padding: 8px 10px; border-radius: 5px; background: #c9cace; margin: 0px 5px 10px; font-weight: normal; display: inline-block; }
.tag-date.singlepage span a { font-weight: normal; color: #000000; }
.tag-date.singlepage span a:hover { color: #000000; text-decoration: none; }
/*
.info_post { position: relative; display: block; background: #f4f4f4; border-radius: 5px; padding: 10px 15px; margin-bottom: 15px; }
.info_post p { font-family: 'SFProDisplay', sans-serif; margin-bottom: 0px; }
.info_post a { font-family: 'SFProDisplay', sans-serif; color: #000000; font-style: normal; font-weight: normal; }
.info_post a:hover { color: #000000; } */
.info_post { position: relative; display: block; margin-bottom: 15px; }
.info_post p { font-family: 'SFProDisplay', sans-serif; margin-bottom: 0px; color: grey; font-size: 12px; line-height: 16px; font-style: italic; }
.info_post a { font-family: 'SFProDisplay', sans-serif; color: grey; font-size: 12px; line-height: 16px; font-style: italic; font-weight: normal; }
.info_post a:hover { color: #000000; }

.wrap-single-relatedpost { position: relative; display: block; width: 100%; margin-bottom: 20px; }
.wrap-single-relatedpost .div-post { width: 100%; float: none; display: block; max-width: 100%; margin: 0px auto 15px !important; }
.wrap-single-relatedpost .div-img { width: 180px; max-width: 100%; display: inline-block; }
.wrap-single-relatedpost .div-img img { border-radius: 0px; }
.wrap-single-relatedpost .div-content { width: calc(100% - 200px); float: right; display: inline-block; padding: 0px; }

/* Blog Tag */
.wrapcontent.blogwith-tag { text-align: left; }
h1.title-pagearc { color:#006838; text-align: center; margin-bottom: 40px; }
.oops { text-align: left; }

/* Author */
.wrap_profil_author { background: #f4f4f4; border: 1px solid #c9cace; padding: 15px 10px; border-radius: 5px; margin-bottom: 25px; }
img.author_photo { border-radius: 50%; margin: 0px 30px 0px 0px; }
.author_desc { text-align: left; }
.author_desc h3 { margin-bottom: 10px; }

/* Scroll */
.scroll-thin::-webkit-scrollbar { width: 5px; height: 5px; }
.scroll-thin::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #dadada; border-radius: 10px; visibility: hidden; }
.scroll-thin::-webkit-scrollbar-thumb { background: transparent;  border-radius: 10px; }
.scroll-thin:hover::-webkit-scrollbar-thumb { background: #afafaf; visibility: visibility; }

.scroll-thin-hr::-webkit-scrollbar { height: 5px; }
.scroll-thin-hr::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #dadada;  border-radius: 10px; visibility: hidden; }
.scroll-thin-hr::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; }
.scroll-thin-hr:hover::-webkit-scrollbar-thumb { background: #afafaf; visibility: visibility; }

/* Shop */
.singlepost-shop { text-align: left; }
.singlepost-shop .title-single { margin-bottom: 30px; }
h2.woocommerce-loop-product__title { font-size: 20px !important; line-height: 26px; text-align: left; font-style: normal; height: 52px; display: inline-block; }
.woocommerce ul.products li.product h2.woocommerce-loop-product__title span, 
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.woocommerce ul.products li.product .price { font-family: 'SFProDisplay', sans-serif; font-size: 18px; line-height: 24px; text-align: left; font-style: normal; font-weight: normal; color: #006837; }
.singlepost-shop .price,
.related.products .price { text-align: center; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-bottom: 60px; }
.woocommerce-product-gallery img.emoji { display: none !important; }
.related.products { margin-top: 15px; }
.woocommerce .fa-expand:before { font-family: FontAwesome; color: #006838; font-size: 18px; padding: 8px 10px; border-radius: 50%; background: #ffffff; }
.woocommerce .woocommerce-ordering select { padding: 4px 8px; }

/* Single Product */
.singlepost-product { text-align: left; }
.wrap-marketplace { position: relative; width: 100%; }
.wrap-marketplace a{ width: calc(50% - 15px); margin-right: 20px; margin-bottom: 15px; display: inline-block; vertical-align: middle; max-width: 160px; }
.wrap-marketplace a:nth-child(2n+1) { margin-right: 0px; }
.wrap-marketplace a img { width: 100%; height: auto; float: none; margin: 0px auto; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: none; }

.wrap-ensiklopedi .thecontent h1 { font-style: normal; }
.wrap-ensiklopedi .list-tags { width: 100%; }


.page-template-page-ensiklopediform #user-submitted-posts fieldset[type="submit"],
.page-template-page-saranmasukan #user-submitted-posts fieldset[type="submit"]{ font-size: 18px; font-weight: bold; line-height: 25px; background: #006838; color: #fff; padding: 10px 20px; border-radius: 8px; min-width: 120px; display: inline-block; margin-left: 5px; cursor: pointer; 
	transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 
}
.page-template-page-ensiklopediform #user-submitted-posts fieldset[type="submit"]:hover,
.page-template-page-saranmasukan #user-submitted-posts fieldset[type="submit"]:hover
    { text-decoration: none; color: #444142; background: #ced0d1; }
.page-template-page-ensiklopediform #user-submitted-posts fieldset label,
.page-template-page-saranmasukan #user-submitted-posts fieldset label
    { margin-bottom: 5px; display: none;  }
.page-template-page-ensiklopediform #user-submitted-posts fieldset input[type="text"],
.page-template-page-ensiklopediform #user-submitted-posts fieldset input[type="password"],
.page-template-page-ensiklopediform #user-submitted-posts fieldset input[type="email"],
.page-template-page-ensiklopediform #user-submitted-posts fieldset textarea,
.page-template-page-ensiklopediform #user-submitted-posts fieldset select,
.page-template-page-saranmasukan #user-submitted-posts fieldset input[type="text"],
.page-template-page-saranmasukan #user-submitted-posts fieldset input[type="password"],
.page-template-page-saranmasukan #user-submitted-posts fieldset input[type="email"],
.page-template-page-saranmasukan #user-submitted-posts fieldset textarea,
.page-template-page-saranmasukan #user-submitted-posts fieldset select
    { font-size: 16px; margin-top: 5px; font-family: 'Raleway', sans-serif; width: 100%; padding: 10px 12px; border-radius: 8px; background-color: #f3f3f3; border: 1px solid #f3f3f3; color: #363636; }
.page-template-page-ensiklopediform #user-submitted-posts a#usp_add-another,
.page-template-page-saranmasukan #user-submitted-posts a#usp_add-another
    { position: relative; font-style: normal; font-size: 16px; color: #363636; padding-left: 25px; font-weight: normal; margin-top: 20px; }
.page-template-page-ensiklopediform #user-submitted-posts a#usp_add-another:hover,
.page-template-page-saranmasukan #user-submitted-posts a#usp_add-another:hover
    { text-decoration: none; }
.page-template-page-ensiklopediform #user-submitted-posts #usp_add-another:before,
.page-template-page-saranmasukan #user-submitted-posts #usp_add-another:before
    { font-family: FontAwesome; content: "\f0fe"; font-size: 20px; color: #f8ad40; width: 25px; height: 25px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; cursor: pointer; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.page-template-page-ensiklopediform #user-submitted-image .usp-input,
.page-template-page-saranmasukan#user-submitted-image .usp-input
    { margin-bottom: 5px !important; }
.page-template-page-ensiklopediform #usp_add-another,
.page-template-page-saranmasukan #usp_add-another
    { display: block !important; }
.page-template-page-ensiklopediform #user-submitted-image img,
.page-template-page-saranmasukan #user-submitted-image img
    { margin-bottom: 20px !important; }
.page-template-page-ensiklopediform #user-submitted-posts fieldset input.usp-input.usp-clone,
.page-template-page-saranmasukan #user-submitted-posts fieldset input.usp-input.usp-clone
    { font-size: 14px; }
	
.ensi_abjad { position: relative; margin: 0px auto; display: block; padding-bottom: 20px; border-bottom: 1px solid #076437; margin-bottom: 30px; }
a.ensi_huruf { font-style: normal; color: #fff; box-sizing: border-box; display: inline-block; width: 54px; height: 54px; position: relative; margin: 0px 15px 15px 15px; font-size: 24px; text-align: center; border-radius:5px; }
a.ensi_huruf:hover { color: #fff; }
.ensi_huruf:nth-child(2n+1) { background-color: #076437; }
.ensi_huruf:nth-child(2n) { background-color: #f5ab4c; }
.ensi_huruf span { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; height: 24px; text-transform: uppercase; }
a.ensi_huruf:hover span { top: -5px; }
.list_ensi_title { position: relative; display: block; padding-bottom: 20px; border-bottom: 1px solid #076437; margin-bottom: 30px; }
.list_ensi_title .ensi_content a { font-style: normal; font-size: 18px; line-height: 24px; font-weight: 600; color: #000; display: block; margin: 0px auto 15px;  }
.list_ensi_title .ensi_content a:hover { text-decoration: none; }

.ensi-bthlist { position: relative; display: block; }
.ensi-bthlist a { display: block; font-style: normal; margin-bottom: 25px; position: relative; }
.ensi-bthlist a:hover { text-decoration: none; top: -1px; }
.ensi-bthlist .add_ensibtn { color: #076437;  padding-left: 25px; }
.ensi-bthlist .add_ensibtn:before { font-family: FontAwesome; content: "\f0fe"; font-size: 20px; color: #076437; width: 25px; height: 25px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto; cursor: pointer; }
.ensi-bthlist .backlist_ensi { background: #076437; padding: 10px 12px; color: #fff; display: inline-block; border-radius: 4px; }
.ensi-bthlist .backlist_ensi:hover { color: #fff; }
.ensi-bthlist.bordertop { padding-top: 20px; border-top: 1px solid #076437; margin: 30px auto; }

/* Single Ensiklopedi */
.single-ensiklopedi .thecontent h1 { font-style: normal; }
.singlecontent_kontributor { position: relative; display: block; width: 100%; margin-bottom: 35px; }


/* Popup */
.popup-background{background:rgba(0,0,0,0.5);z-index:90}
.popup-wildcard{background:#FFF;z-index:90;border-radius:5px;box-shadow:2px 2px 10px #000}
.popup-background {
transition:0.6s ease-out;
-webkit-transition:0.6s ease-out;
-moz-transition:0.6s ease-out;
-o-transition:0.6s ease-out;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
opacity:0;
visibility:hidden
}
.popup-background.open {visibility:visible;opacity:1}   
.panel-mobi { display: none; }
.menu-mobi { left: -260px; display: none; }

/* Header Language */
.iconlang { display: inline-block; margin-right: 3px; }
.iconlang:nth-child(3) { margin-right: 8px; }
.iconlang .imglang { margin: 0px auto; background: transparent;  }
.iconlang .imglang img { width: 100%; height: auto; }
.iconlang .imglang:hover { background: transparent; }
.iconlang .imglang.disable { opacity: 0.6; }
.iconlang .imglang.disable:after { content: ""; background: #f4f4f4; width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius: 50%; opacity: 0.5; }
.iconlang .textlang { font-family: 'Avenir', Arial, sans-serif; font-size: 14px; color: rgba(128,128,128,0.7); text-align: center; margin: 4px auto 0px; }
.icon-sosmed a { margin-right: 3px; vertical-align: top; }

/* Pasar Jamu */
.main-menu li.navmain_pasarjamu { background: #006c38; border-radius: 15px 0px 15px 0px; }
.main-menu li.navmain_pasarjamu a { color: #fff; }
.main-menu li.navmain_pasarjamu a:hover { color: #f8ad40; }
.main-menu li.navmain_pasarjamu a .newnav,
.mob-main-menu li.navmain_pasarjamu a .newnav { border-top: 35px solid #f8ad40; border-left: 35px solid transparent; height: 0px; width: 0px; position: absolute; top: 0px; right: 0px; }
.main-menu li.navmain_pasarjamu a .newnav:before,
.mob-main-menu li.navmain_pasarjamu a .newnav:before { content: "NEW"; color: #ffffff; font-size: 10px; line-height: 12px; position: absolute; bottom: 16px; right: 0px; margin: auto; transform: rotate(45deg); }
.mob-main-menu li.navmain_pasarjamu { position: relative; }
.mob-main-menu li.navmain_pasarjamu a .newnav { border-top: 35px solid #006838; }
    
.wrapcontent-full.wrappasarjamu { text-align: left; margin: 20px auto 30px; }
.wrappasarjamu.pasarjamu-list .single_content { margin-bottom: 80px; }
.wrapmenu-pasarjamu { background: #006738; border-radius: 12px; }
.wrapmenu-pasarjamu .pasarjamu-menu { position: relative; display: block; width: 100%; text-align: left; }
.pasarjamu-menu ul { padding: 0px; }
.pasarjamu-menu li { position: relative; display: inline-block; }
.pasarjamu-menu li a { font-family: 'Raleway', sans-serif; font-size: 16px; font-style: normal; font-weight: bold; line-height: 14px; color: #ffffff; padding: 16px 30px; display: block; }
.pasarjamu-menu li.current-menu-item a { color: #f8ad40; text-decoration: none; }
.pasarjamu-menu li a:hover { color: #f8ad40;  text-decoration: none; }
.pasarjamu-menu li.menu-item-has-children { padding-right: 5px; }
.pasarjamu-menu li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f0d7"; font-size: 20px; color: #ffffff; width: 25px; height: 25px; position: absolute; right: 0px; top: 8px; bottom: 0px; margin: auto; cursor: pointer; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.pasarjamu-menu li.menu-item-has-children > a:hover:after { color: #f8ad40; }
.pasarjamu-menu ul li ul { display: none; position: absolute; z-index: 10; background: #f1f1f3; left: 0px; 
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.pasarjamu-menu ul li:hover ul { display: block;
	transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; -moz-transition: 0.4s ease; }
.pasarjamu-menu ul ul > li a { display: block; width: 250px; color: #006838; }
.pasarjamu-menu li.current-menu-ancestor > a { color: #f8ad40; text-decoration: none; }
.pasarjamu-menu li.current-menu-ancestor > a:after { color: #f8ad40; }
.pasarjamu-menu > ul ul > li { text-align: left; }
.pasarjamu-menu li.cartbtn { position: absolute; right: 10px; }
.pasarjamu-menu li.cartbtn a { padding: 11px 30px; }
.pasarjamu-menu li.cartbtn a i:before { font-size: 24px; }
.pasarjamu-menu li.back_pasarjamu { position: absolute; left: 0px; right: 0px; margin: 0px auto; text-align: center; display: none; }
.singlepost-product .pasarjamu-menu li.back_pasarjamu,
.pasarjamu-defaultpage .pasarjamu-menu li.back_pasarjamu { display: inline-block; }
.cart-contents-count { position: absolute; top: 22px; right: 10px; transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 18px;
	height: 18px; width: 18px; vertical-align: middle; text-align: center;
	color: #fff; background: #f8ad40; border-radius: 50%; padding: 1px;   }
.productlist-cf { margin: 8px auto; }
.productlist-cf p { font-weight: normal; font-style: normal; margin-bottom: 8px; font-size: 14px; line-height: 18px; }
.related.products .productlist-cf p,
.pasarjamu-list .productlist-cf p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.productlist-cf a { font-weight: normal; font-style: normal; margin-bottom: 8px; font-size: 14px; line-height: 18px; color: #000000 }
.productlist-cf a:hover { color: #f8ad40; text-decoration: none; }
.woocommerce .qib-button-wrapper { position: relative; margin: 20px auto 10px; border: 1px solid #d7d7df; border-radius: 15px; }
.woocommerce .qib-button-wrapper .quantity { width: 100%; display: block; height: auto !important; margin: 0px auto; }
.woocommerce .qib-button-wrapper .quantity input.input-text.qty.text { width: 100%; height: auto; font-size: 15px; line-height: 18px; padding: 6px 0px; box-sizing: border-box; border: 0px; border-radius: 15px;  }
.woocommerce .qib-button-wrapper button.qib-button { position: absolute; height: auto; padding: 6px 0px; font-size: 15px; line-height: 18px; top: 0px; border: 0px; background: transparent; }
.woocommerce .qib-button-wrapper button.minus { left: 0px; }
.woocommerce .qib-button-wrapper button.plus { right: 0px; }
.woocommerce ul.products li.product a.add_to_cart_button, 
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product .addtocart_button { background: #f6ac3f; width: 100%; padding: 10px 0px; font-style: normal; text-align: center; border: 0px; border-radius: 5px; cursor: pointer; }
.woocommerce ul.products li.product a.add_to_cart_button:hover, 
.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product .addtocart_button:hover{ background: #006738; color: #fff; }
.productlist_order { padding: 10px 15px; margin-bottom: 20px; background: #e1e1e1; }
.productlist_order a { padding: 8px 12px; font-size: 14px; font-style: normal; font-weight: normal; color: #000; background: #fff; display: inline-block; margin: 0px 5px; min-width: 110px; text-align: center; }
.productlist_order a:hover { text-decoration: none; background: #f5b04a; color: #fff;} 
.productlist_order a.active { text-decoration: none; background: #f5b04a; color: #fff;} 
    
.pasarjamu_ctform { position: relative; display: block; max-width: 650px; }
.pasarjamu_ctform h3.main { color: #006738; margin-bottom: 0px; }
.pasarjamu_ctform h3.sub { font-size: 18px; font-weight: normal; }
.pasarjamu_ctform .wpforms-container { margin: 35px auto 25px; }
.pasarjamu_ctform .wpforms-form .wpforms-field-label { font-weight: 500 !important; }
.pasarjamu_ctform .wpforms-form input[type=email],
.pasarjamu_ctform .wpforms-form input[type=number],
.pasarjamu_ctform .wpforms-form input[type=text], 
.pasarjamu_ctform .wpforms-form select,
.pasarjamu_ctform .wpforms-form textarea { border: 0px !important; border-bottom: 1px solid #ccc !important; }
.pasarjamu_ctform .wpforms-form input[type=submit], 
.pasarjamu_ctform .wpforms-form button[type=submit], 
.pasarjamu_ctform .wpforms-form .wpforms-page-button { background-color: #f6ac3f !important; color: #000 !important; padding: 10px 55px!important; border-radius: 10px; }
.pasarjamu_ctform .wpforms-form input[type=submit]:hover, 
.pasarjamu_ctform .wpforms-form button[type=submit]:hover, 
.pasarjamu_ctform .wpforms-form .wpforms-page-button:hover { background-color: #006738 !important; color: #fff !important; }
.pasarjamu_ctform .wpforms-error { line-height: 20px; }

.singlepost-product .wrapmenu-pasarjamu { margin-bottom: 50px; }
.woocommerce div.product .product_title { font-style: normal; }
.woocommerce .singlepost-product .summary { padding-top: 60px; }
.woocommerce .singlepost-product .summary .price { font-family: 'SFProDisplay', sans-serif; font-size: 18px; line-height: 24px; text-align: left; font-style: normal; font-weight: normal; color: #006837; }
.woocommerce-Price-currencySymbol { margin-right: 4px; }
.woocommerce-tabs .product_titletabs { background: #f6ac3f; color: #231f20; padding: 8px 35px; border-radius: 15px; font-size: 20px; line-height: 26px; }
.woocommerce-tabs .product_contenttabs { padding: 8px 35px; }
.singlepost-product .product_maincontent { padding: 0px 35px; }
.singlepost-product .related.products h2.related_products_title { background: #f6ac3f; color: #231f20; padding: 8px 35px; border-radius: 15px; font-size: 20px; line-height: 26px; }
.singleproduct_btncart .btncart { background-color: #f6ac3f; color: #006838; width:160px; padding: 6px 0px; font-style: normal; text-align: center; border: 0px; border-radius: 5px; cursor: pointer; font-size: 14px; line-height: 20px; float: none !important; display: inline-block; }
.singleproduct_btncart .btncart:hover { background: #006738; color: #fff; text-decoration: none; }
.singleproduct_btncart button.single_add_to_cart_button { background-color: #006738 !important; color: #fff !important; width:160px; padding: 5px 0px; font-style: normal; text-align: center; border: 0px; border-radius: 5px; cursor: pointer; font-size: 14px; line-height: 20px; float: none !important; display: inline-block;}
.singleproduct_btncart button.single_add_to_cart_button:hover {}
.singleproduct_btncart button.single_add_to_cart_button i { font-size: 20px; }
.singleproduct_btncart .qib-button-wrapper { max-width: 150px; float: none !important; }
.singlepost-product .added_to_cart.wc-forward { display: none; }

.woocommerce .woocommerce-cart-form { padding: 0px 35px; }
.woocommerce .woocommerce-cart-form table.shop_table { border: 0px; }
.woocommerce-cart-form .btn_beli_sekarang { background: #f6ac3f; width: 100%; padding: 10px 0px; font-size: 16px; font-style: normal; text-align: center; border: 0px; border-radius: 5px; cursor: pointer; text-align: center; }
.woocommerce-cart-form .btn_beli_sekarang:hover { color: #fff; background: #006838; }
.woocommerce-cart-form .addition_cartform { text-align: left; }
.woocommerce-cart-form .addition_cartform a:hover { text-decoration: none; }
.woocommerce-cart-form .addition_cartform a:hover p { color: #f8ad40; }
.woocommerce-cart-form .addition_cartform p { margin-bottom: 5px; font-size: 14px; font-style: normal; font-weight: normal; }
.woocommerce-cart-form .addition_cartform p i { margin-right: 5px; font-size: 16px; }
.woocommerce .woocommerce-cart-form table.shop_table td.noborder { border: 0px; }
.woocommerce .woocommerce-cart-form table.shop_table .cart_toptitle { font-family: 'Raleway', sans-serif; font-size: 20px; line-height: 26px; color: #006838; font-weight: bold; }
.woocommerce .woocommerce-cart-form table.shop_table .carttd_subtitle { color: #006838; font-weight: bold; }
.woocommerce .woocommerce-cart-form table.shop_table td.product-quantity .qib-button-wrapper { max-width: 150px; }
.woocommerce .woocommerce-cart-form table.shop_table .product-thumbnail { width: 150px; }
.woocommerce .woocommerce-cart-form table.shop_table img { width: 150px; margin: 0px auto; }
.woocommerce .woocommerce-cart-form table.shop_table td.product-name a { font-style: normal; text-align: left; color: #006838; }
.woocommerce .woocommerce-cart-form table.shop_table td.product-name a:hover { color: #f8ad40; text-decoration: none; }
.woocommerce .woocommerce-cart-form table.shop_table td.product-remove a { margin: 0px auto; }
.woocommerce .woocommerce-cart-form table.shop_table td.product-remove a:hover { text-decoration: none; }
.woocommerce .woocommerce-cart-form table.shop_table .order-total .tdtotal { font-size: 16px; }
.woocommerce .woocommerce-cart-form table.shop_table tr.cart_item td { padding: 20px 12px; }
.woocommerce .amount { font-family: 'SFProDisplay', sans-serif; }

.woocommerce #woo_cartform_mobile { padding: 0px; display: none; }
.shop_table_custom .shop_item_product { position: relative; display: block; margin: 0px auto; border-top: 1px solid rgba(0,0,0,.1); padding: 20px 0px; }
.shop_table_custom .product-thumbnail { width: 75px; margin: 0px 15px 0px auto; display: inline-block; vertical-align: middle;}
.shop_table_custom .product-thumbnail img { width: 100%; height: auto; float: none; margin: 0px auto; }
.shop_table_custom .product-name { width: calc(100% - 235px); display: inline-block; vertical-align: middle; margin: 0px 15px 0px auto; }
.shop_table_custom .product-name .productname { margin-bottom: 8px; }
.shop_table_custom .product-name .productname a { font-style: normal; text-align: left; color: #006838; }
.shop_table_custom .product-name .productname a:hover { color: #f8ad40; text-decoration: none; }
.shop_table_custom .product-name .productprice { font-family: 'SFProDisplay', sans-serif; font-size: 14px; line-height: 16px; }
.shop_table_custom .product-name .productprice .product-quantity { display: inline-block; vertical-align: middle; }
.shop_table_custom .shop_item_product > .product-quantity { width: 120px; margin: 0px auto; display: inline-block; vertical-align: middle; }
.shop_table_custom .shop_item_product > .product-quantity .qib-button-wrapper { margin: 0px auto; }

.shop_table_custom .shop_footer_product { position: relative; display: block; margin: 0px auto; border-top: 1px solid rgba(0,0,0,.1); padding: 20px 0px; }
.shop_table_custom .shop_footer_product .shop_footer_btn { width: calc(50% - 15px); float: left; }
.shop_table_custom .shop_footer_product .shop_footer_btn .foo_updatecart { margin: 0px auto 20px; }
.shop_table_custom .shop_footer_product .shop_footer_btn .foo_updatecart .none { display: none; }
.shop_table_custom .shop_footer_product .shop_footer_total { width: calc(50% - 15px); float: right; }
.shop_table_custom .shop_footer_product .shop_footer_total .foo_total { margin: 0px auto 20px; }
.shop_table_custom .shop_footer_product .shop_footer_total .carttd_subtitle { color: #006838; font-weight: bold; float: left; }
.shop_table_custom .shop_footer_product .shop_footer_total .tdtotal { font-size: 16px; float: right; }

/*
.woocommerce #woo_cartform_mobile { padding: 0px; display: none; }
.woocommerce #woo_cartform_mobile table.shop_table tr.cart_item td.product-thumbnail { width: 50px; border-top: 1px solid rgba(0,0,0,.1); }
.woocommerce #woo_cartform_mobile table.shop_table img  { width: 50px; }
.woocommerce #woo_cartform_mobile table.shop_table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; }
.woocommerce #woo_cartform_mobile table.shop_table tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.woocommerce #woo_cartform_mobile table.shop_table tr td { display: table-cell; vertical-align: inherit; padding: 10px 12px; vertical-align: middle; }
.woocommerce #woo_cartform_mobile table.shop_table tr td.tdupdatecart { text-align: left !important; }
.woocommerce table.shop_table tr td .none { display: none !important; }
.woocommerce #woo_cartform_mobile table.shop_table_responsive tr td::before, 
.woocommerce #woo_cartform_mobile table.shop_table_responsive tr td::before { content: "";  display: none;}
.woocommerce #woo_cartform_mobile table.shop_table tr.cart_item td.product-name { text-align: left !important; }
.woocommerce #woo_cartform_mobile table.shop_table tr.cart_item td.product-quantity { text-align: right !important; width: 190px; }
.woocommerce #woo_cartform_mobile .btn_beli_sekarang { max-width: 250px; }
*/

.woocommerce-notices-wrapper a.button { background-color: #006738; color: #fff; width: 180px; font-style: normal; text-align: center; border: 0px; border-radius: 5px; cursor: pointer; font-size: 14px; line-height: 20px;}
.woocommerce-notices-wrapper a.button:hover { background-color: #f6ac3f; color: #006838; }

.wrap_popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 10;}
.wrap_popup.open { visibility: visible; opacity: 1; }
.wrap_popup .overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; }
.wrap_popup .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 5s ease-in-out; z-index: 100; }
.wrap_popup .popup h3 { margin-top: 0; color: #333; text-align: center; }
.wrap_popup .popup .close { position: absolute; top: -5px; right: 10px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; font-size: 45px; }
.wrap_popup .popup .close:hover { color: #006838; }
.wrap_popup .popup .content {max-height: 30%; overflow: auto; }



/* ========  RESPONSIVE =========== */
@media screen and (max-width:1250px) {
	.wrap { width: calc(100% - 40px); padding: 0px 20px; }
	.slick-prev { z-index: 1; left : -20px; }
	.slick-next { z-index: 1; right : -20px; }
	.wrap-slide-post { max-width: calc(100% - 320px);}
	.mainwrap-home-rec { max-width: 300px; }
	.wrap-home-rec { width: 100%; }
	.wrap-iklan.iklan-1.home { max-width: 100%;}
	.wrapcontent-slideLR .div-post { max-width: 95%;}
	.div-post .div-content { padding: 0px 10px;}
}
@media screen and (max-width:1250px) {
    .main-menu li a { padding: 16px; }
}

@media screen and (max-width:1034px) {
	.menu-primary { display: none; visibility: hidden; }
	.wrap-slide-post { max-width: 700px; width: 100%; display: block; float: none; margin: 0px auto 50px !important; }
	.mainwrap-home-rec { width: 100%; max-width: 100%; }
	.wrap-home-rec { width: calc(50% - 15px); float: left; }
	.wrap-iklan.iklan-1.home { width: calc(50% - 15px); max-width: 360px;}

	.wrapcontent-right { width: 100%; float: none; margin-bottom: 20px; }
	.wrapsidebar { float: none; display: block; margin: 0px auto;}
	.hashtags-title { width: auto; text-align: left; float: left; margin-top: 25px; }
    .contact-maps iframe { width: 100%;}

	.header #logoweb { display: none; }
	header { margin-top: 70px; }
	.panel-mobi { background: #f4f4f4; display: block; position: fixed; top: 0; padding: 14px 10px; width: calc(100% - 20px); z-index: 100; }
    .panel-mobi #panel-menu-mobi { cursor: pointer; display: inline-block; width: 32px; height: auto; }
	/* Mobile Menu */
    .menu-mobi { position: fixed; top: 60px; height: calc(100% - 90px);  padding: 15px 0px; background: #f4f4f4; color: #fff; z-index: 110; width: 260px;  display: block; overflow: auto; 
        transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 
    }
    .menu-mobi.open { left: 0px; }
    .mob-main-menu { position: relative; display: block; margin-bottom: 15px; }
    .mob-main-menu li { display: block; }
    .mob-main-menu li a { font-family: 'Verdana', sans-serif; font-size: 16px; line-height: 14px; color: #006838; padding: 16px 15px 16px 20px; display: block; }
    .mob-main-menu li.current-menu-item a { background: #f8ad40; color: #ffffff; text-decoration: none; }
	.mob-main-menu li:hover a { background: #f8ad40; color: #ffffff; text-decoration: none; }
	.mob-main-menu>ul>li { margin-bottom: 1px; box-shadow: 0 0 0 1px #3e3e40; }
	.mob-main-menu ul.sub-menu { background: #e0e0e0; padding-left: 15px; }
	.mob-main-menu ul.sub-menu li a { font-size: 14px; }
	.menu-mobi #searchform { display: block; float: none; margin-left: 20px; width: 210px; }
    .menu-mobi #searchform .text { width: 170px; }
    #logomobi { position: absolute; display: block; width: 170px; height: 49px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; }
    #logomobi img { width: auto; height: 48px; }
    .icon-sosmed { top: 0px; }
    .menu-mobi .icon-sosmed { float: none; }
    .menu-mobi .icon-sosmed a { margin-left: 7px; background: #ee802f; }
    .menu-mobi .icon-sosmed a:first-child { margin-left: 15px; }
    
    .singleproduct_btncart .qib-button-wrapper { display: block !important; margin: 20px 0px 10px; }
}

@media screen and (max-width:790px) {
	.list-tags { width: 100%; display: block; white-space: normal; float: none; text-align: left; }
	.list-tags a { margin-bottom: 5px; }
	.wrapcontent-full .div-post { width: calc(49% - 15px); margin-right: 30px !important; clear: none; }
	.wrapcontent-full .div-post:nth-of-type(2n) { margin-right: 0px !important; }
	.wrapcontent-full .div-post:nth-of-type(2n+1) { clear: both; }

	.wrap-marketplace a { margin-right: 15px; }
	.wrap-marketplace a:nth-child(2n+1) { margin-right: 15px; }
	.singleproduct_btncart .qib-button-wrapper { display: inline-block !important; }
	.woocommerce #woo_cartform_desktop { display: none; }
	.woocommerce #woo_cartform_mobile { display: block; }
	.wrap_popup .popup { width: 80%; max-width: 400px; top: 70px; }
}

@media screen and (max-width:699px) {
	.hashtags-title { display: block; text-align: center; float: none; margin-bottom: 10px; margin-top: 10px; }
    .icon-sosmed { float: none; display: block; text-align: center; }
	.icon-sosmed span { display: none; }
	.wrap-home-rec { width: 100%; float: none; }
	.wrap-iklan.iklan-1.home { width: 100%; float: none; display: block; margin: 0px auto; }

	.col-footer { width: calc(50% - 20px); margin-bottom: 20px; }
	.col-footer:nth-child(2) { margin-right: 0px; }
	.sub-wrap-footer { width: 100%; }
	.col-footer.col2 { width: 100%; margin-bottom: 0px; clear: both; }
	.bottom-menu li { margin-bottom: 10px;}
	.woocommerce-ordering { float: none !important; text-align: center; }
	.productlist_order > span { display: block; text-align: center; margin-bottom: 10px; }
	.singleproduct_btncart .qib-button-wrapper { display: block !important;  }
	
	.pasarjamu-menu li.cartbtn { padding: 0px; }
	.pasarjamu-menu li.cartbtn a { padding: 11px 10px; }
	.singlepost-product .pasarjamu-menu li.back_pasarjamu, 
	.pasarjamu-defaultpage .pasarjamu-menu li.back_pasarjamu { right: 55px; left: auto; overflow: hidden; padding: 0px; }
	.singlepost-product .pasarjamu-menu li.back_pasarjamu  a, 
	.pasarjamu-defaultpage .pasarjamu-menu li.back_pasarjamu a { width: 32px; height: 46px; white-space: nowrap; overflow: hidden; padding: 11px 10px; visibility: hidden; padding: 0px; }
    .singlepost-product .pasarjamu-menu li.back_pasarjamu a:before, 
	.pasarjamu-defaultpage .pasarjamu-menu li.back_pasarjamu a:before { content: ""; background-image: url("images/icon_homestore.png"); background-repeat: no-repeat; background-position: center center; position: absolute; width: 24px; height: 24px; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; padding: 0px; visibility: visible; }
    
}

@media screen and (max-width:550px) {
	.contact-maps iframe { height: 250px; }
	.contact-desc { width: 100%; float: none;  margin-bottom: 25px;}
	.contact-form { width: 100%; float: none; }
	#sb_instagram svg:not(:root).svg-inline--fa { height: 16px; }
	.list-tags a { font-size: 16px; padding: 5px 10px;}
	.info_post p { float: none !important; width: 100%;}
	.fa-facebook:before { margin-right: 8px; }
	.wp-pagenavi { padding: 0px; }
	a.page.smaller, a.page.larger, span.extend { display: none; }
	.ensi_abjad { text-align: center; }
	.productlist_order a { margin: 0px; }
	
}
@media screen and (max-width:425px) {
	.col-footer { width: 100%; margin: 0px auto 25px; }
	.title-sub-footer { margin-bottom: 15px; }
	.wrap-single-relatedpost .div-content { width: 100%; padding: 0px; float: none;}
	.wrap-marketplace a:nth-child(2n+1) { margin-right: 0px;}
	.wp-pagenavi span.pages { padding: 5px 10px;}
	.wp-pagenavi span.current { padding: 5px 10px;}
	.wp-pagenavi a { padding: 5px 10px;}
	.wp-pagenavi a:hover { padding: 5px 10px;}
	a.ensi_huruf { margin: 0px 10px 15px 10px; }
	.pasarjamu_ctform .wpforms-container .wpforms-field { width: 100% !important; float: none !important; margin-right: auto !important; margin-left: auto !important; }
	.productlist_order a { width: calc(33% - 24px); height: 28px; min-width: auto; padding: 8px 10px; vertical-align: middle; }
	.singlepost-product .product_maincontent { padding: 0px; }
	.woocommerce-tabs .product_contenttabs { padding: 8px 0px; }
	
	.shop_table_custom .product-name { width: calc(100% - 215px);  }
	.shop_table_custom .shop_item_product > .product-quantity { width: 100px; }
}
@media screen and (max-width:400px) {
	.wrapsidebar { width: 100%; }
	#sb_instagram svg:not(:root).svg-inline--fa { height: 12px; right: 8px; top: 8px; }
	.hashtags-title { font-size: 25px; margin-bottom: 20px; }
	.footer { padding: 60px 0px 40px; }
	
	.shop_table_custom .product-thumbnail { float: left; }  
	.shop_table_custom .product-name { width: calc(100% - 95px); margin: 0px auto 10px; text-align: right; }
	.shop_table_custom .shop_item_product > .product-quantity { margin-right: 0px; display: block; }
	
	.shop_table_custom .shop_footer_product .shop_footer_total { width: 100%; float: none; margin: 0px auto 20px; }
	.shop_table_custom .shop_footer_product .shop_footer_btn { width: 100%; float: none; }
	.shop_table_custom .shop_footer_product .shop_footer_total .foo_total { width: 50%; float: right; text-align: right;  }
	.shop_table_custom .shop_footer_product .shop_footer_total .foo_total .carttd_subtitle { float: none; margin-bottom: 5px; }
	.shop_table_custom .shop_footer_product .shop_footer_btn .foo_updatecart { position: absolute;top: 20px; }
	.shop_table_custom .shop_footer_product .shop_footer_btn .foo_additionbtn { text-align: center; }
	.shop_table_custom .shop_footer_product .shop_footer_btn .foo_additionbtn a { margin: 0px 5px 0px 5px; display: inline-block; }
}
@media screen and (max-width:375px) {
	.wrapcontent-right .div-post { width: 100%; margin: 0px auto 15px !important; clear: none !important; }
	.wrapcontent-full .div-post { width: 100%; margin: 0px auto 15px !important; clear: none !important; }
	.wrap-single-relatedpost .div-img { width: 100%;}
	.thecontent img,
	.thecontent img.alignleft, .thecontent img.alignright,
	.thecontent img.aligncenter, .thecontent img.alignnone { width: 100%; float: none; margin: 0px 0px 20px 0px; }
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; display: block; float: none !important; margin: 0px auto 60px !important; }
    .pasarjamu-menu ul ul > li a { width: 215px; }
    
}
@media screen and (max-width:374px) {
	.hashtags-title { font-size: 25px; }
	.bottom-menu li { width: 100%; margin: 0px auto 10px; }
	.iconlang:nth-child(3) { margin-right: 3px; }
	.woocommerce div.product form.cart { text-align: center; }
	.singleproduct_btncart .qib-button-wrapper { margin: 20px auto 10px !important; }
	.singleproduct_btncart .btncart { margin-bottom: 10px; }
	
}