/* Themify Customize Styling */
body {	background: none;
	background-color: #fafafa;
	font-family: "Plus Jakarta Sans";	font-weight:400;
	letter-spacing:0px;
	font-size:15px;
	line-height:20px;

	color: #545454; 
}
a {	
	color: #000000; 
}
a:hover {	
	color: #e80000; 
}
:root {	
	--theme_accent: #BF0000;
	--theme_accent_hover: #545454; 
}
h1 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
	letter-spacing:0px;
	font-size:50px;
	line-height:55px;

	color: #000000; 
}
h2 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
	letter-spacing:0px;
	font-size:40px;
	line-height:45px;

	color: #000; 
}
h3 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
	letter-spacing:0px;
	font-size:35px;
	line-height:40px;

	color: #000; 
}
h4 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
	letter-spacing:0px;
	font-size:30px;
	line-height:35px;

	color: #000; 
}
h5 {	
	font-family: "Plus Jakarta Sans";	font-weight:600;
	letter-spacing:0px;
	font-size:25px;
	line-height:35px;

	color: #000; 
}
h6 {	
	font-family: "Plus Jakarta Sans";	font-weight:500;
	letter-spacing:0px;
	font-size:17px;
	line-height:22px;

	color: #000; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #e80000;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #828282;
	color: #ffffff; 
}
#headerwrap {	background: none;
	background-color: #fafafa; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #fafafa; 
}
body #site-logo a img {		width: 250px; 
}
#site-logo {	
	margin-top: 0px;
	margin-bottom: 0px; 
}
#main-nav {	
	padding-right: 45px; 
}
#main-nav a {	
	padding-right: 35px;
	color: #0a0000;
	font-family: "Plus Jakarta Sans";	font-weight:500;
	letter-spacing:0px;
	font-size:15px;
	line-height:20px;
 
}
#main-nav a:hover {	
	color: #e80000; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #e80000; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #e80000;
	color: #ffffff; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: #ffffff; 
}
#main-nav ul a {	
	color: #000000;	font-weight:400;
	letter-spacing:0px;
	font-size:13px;
	line-height:18px;
 
}
#main-nav ul a:hover {	
	color: #e80000; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #e80000; 
}
.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:600;
	letter-spacing:0px;
	font-size:14px;
	line-height:20px;
	text-align:center; 
}
.woocommerce ul.products li.product .price {		font-weight:800;
	letter-spacing:0px;
	font-size:13px;
	line-height:18px;
	text-align:center;
	color: #c10000; 
}
.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: #c10000;	font-weight:500;
	letter-spacing:0px;
	font-size:10px;
	line-height:15px;
	text-align:center;
	color: #ffffff; 
}
.woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product button.button:hover, .woocommerce ul.products li.product input.button:hover, .woocommerce ul.products li.product a.button.alt:hover, .woocommerce ul.products li.product button.button.alt:hover, .woocommerce ul.products li.product input.button.alt:hover, .woocommerce ul.products li.product button.button.alt.disabled:hover, .woocommerce ul.products li.product button.button:disabled:hover, .woocommerce ul.products li.product button.button:disabled[disabled]:hover {	
	color: #ffffff;background: none;
	background-color: #ff0000; 
}
.single-product div.product p.price {		font-weight:800;

	color: #ee2312; 
}
.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: #c10000;
	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: #ff0000; 
}
.post-title {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
	letter-spacing:0px;
	font-size:30px;
	line-height:35px;
 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: #000000; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #e80000; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
	letter-spacing:0px;
	font-size:40px;
	line-height:45px;
	text-align:left; 
}
.loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a {		font-size:15px;
 
}
.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-transform:capitalize; 
}
.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; 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #e80000; 
}
#footerwrap {	background: none;
	background-color: #e80000; 
}
#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: #e80000; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
body #site-logo a img {		width: 250px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 250px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body {	background: none;
	background-color: #fafafa;
	font-family: "Plus Jakarta Sans";	font-weight:400;

	color: #545454; 
}
a {	
	color: #000000; 
}
a:hover {	
	color: #e80000; 
}
:root {	
	--theme_accent: #000000;
	--theme_accent_hover: #545454; 
}
h1 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;

	color: #000000; 
}
h2 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;

	color: #000000; 
}
h3 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;

	color: #000000; 
}
h4 {	
	font-family: "Plus Jakarta Sans";	font-weight:700;

	color: #000000; 
}
h5 {	
	font-family: "Plus Jakarta Sans";	font-weight:600;

	color: #000000; 
}
h6 {	
	font-family: "Plus Jakarta Sans";	font-weight:500;

	color: #000000; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #e80000;
	color: #ffffff; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #828282;
	color: #ffffff; 
}
#headerwrap {	background: none;
	background-color: #fafafa; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #fafafa; 
}
body #site-logo a img {		width: 200px; 
}
#main-nav a {	
	color: #0a0000;
	font-family: "Plus Jakarta Sans";	font-weight:500;
 
}
#main-nav a:hover {	
	color: #e80000; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #e80000; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #e80000;
	color: #ffffff; 
}
#main-nav li > .sub-menu {	background: none;
	background-color: #ffffff; 
}
#main-nav ul a {	
	color: #000000;	font-weight:400;
 
}
#main-nav ul a:hover {	
	color: #e80000; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #e80000; 
}
.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:600;
	font-size:13px;
	line-height:18px;
 
}
.woocommerce ul.products li.product .price {		font-weight:800;

	color: #c10000; 
}
.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: #c10000;	font-weight:500;

	color: #ffffff; 
}
.woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product button.button:hover, .woocommerce ul.products li.product input.button:hover, .woocommerce ul.products li.product a.button.alt:hover, .woocommerce ul.products li.product button.button.alt:hover, .woocommerce ul.products li.product input.button.alt:hover, .woocommerce ul.products li.product button.button.alt.disabled:hover, .woocommerce ul.products li.product button.button:disabled:hover, .woocommerce ul.products li.product button.button:disabled[disabled]:hover {	
	color: #ffffff;background: none;
	background-color: #ff0000; 
}
.single-product div.product p.price {		font-weight:800;

	color: #ee2312; 
}
.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: #c10000;
	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: #ff0000; 
}
.post-title {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
 
}
.post-title, .post-title a, .loops-wrapper .post-image + .post-content .post-title a {	
	color: #000000; 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #e80000; 
}
.single-post .has-post-title .post-title,.single-post .featured-area .post-title {	
	font-family: "Plus Jakarta Sans";	font-weight:700;
 
}
#sidebar a:hover, #sidebar-alt a:hover {	
	color: #e80000; 
}
#footerwrap {	background: none;
	background-color: #e80000; 
}
#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: #e80000; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
 }.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: #ffffff; }.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: #000000; }.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: #e80000; }.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: #e80000; }.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 { 
	color: #e80000; }
/* Themify Custom CSS */
.related-posts .post-title {
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 1em;
  text-align: left;
  letter-spacing: 0;
}

.loops-wrapper > .post, .woocommerce ul.loops-wrapper.products > li.product {
  float: left;
  box-sizing: border-box;
  margin-left: 3.2%;
  margin-right: 0;
  margin-bottom: 2.5em;
  clear: none;
  padding: 15px;
  border: 1px solid #a7a7a7;
  border-radius: 7px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images {
  background-color: #fff;
  box-shadow: -37px 37px 0 hsla(0, 0%, 80.4%, 0.9);
  margin: 0 0 67px 37px;
  width: calc(51% - 37px);
}

@media screen and (min-width: 901px) {
  #main-nav .dropdown-columns-3 > .sub-menu {
    width: 740px;
    --megaDT: repeat(3,33.32%);
  }
}

/* Hilangkan background/frame gambar produk */

.woocommerce div.product div.images,
.woocommerce div.product div.images .woocommerce-product-gallery,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

.woocommerce div.product div.images img{
    width:100% !important;
    height:auto !important;
    object-fit:contain;
    display:block;
}

.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: #c10000;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  color: #ffffff;
  align-content: center;
  width: 100%;
  border-radius: 10px;
}


.floating-social{
    position: fixed;
    left: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 99999;
}

.floating-social a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    transition: all .3s ease;
}

.floating-social a:hover{
    transform: scale(1.1);
}

.floating-social img{
    width: 34px;
    height: 34px;
    object-fit: contain;
}

@media (max-width:768px){
    .floating-social{
        left: 15px;
        bottom: 55px;
    }

    .floating-social a{
        width: 52px;
        height: 52px;
    }

    .floating-social img{
        width: 30px;
        height: 30px;
    }
}

/* Ubah warna tombol Submit User Registration */
.ur-submit-button {
    background: #E80000 !important;
    border-color: #E80000 !important;
    color: #fff !important;
}

.ur-submit-button:hover,
.ur-submit-button:focus {
    background: #C00000 !important;
    border-color: #C00000 !important;
    color: #fff !important;
}