/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Layout */
body.elementor-template-full-width .main-page-wrapper .container,
.container.main-footer {
	max-width: unset !important;
}

.elementor-section-boxed .elementor-container {
	max-width: 1222px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.elementor-template-full-width .row>[data-elementor-type],
.container.main-footer {
  margin-bottom: 0 !important;
	padding: 0 !important;
}

.main-page-wrapper {
	padding-top: 0 !important;
}

body.single-post .main-page-wrapper,
body.blog .main-page-wrapper {
	padding: 50px 20px !important;
}

:root {
	--hover-color-bg-dark: #BD9D61;
	--wd-main-bgcolor: rgb(247,243,235);
}

a.wd-entities-title:hover, .wd-entities-title a:hover {
	color: var(--wd-link-color-hover) !important;
}

.column-full-width {
	max-width: 611px !important;
}

.column-full-width.left {
	margin-left: auto !important;
}

.wd-content-layout {
    padding-block: unset !important;
	padding-inline: 0 !important;
}

/* Header */
.whb-default_header .whb-main-header {
/* 	box-shadow: 0px 4px 6px 3px rgb(16 24 40 / 70%), 0px 12px 16px -4px rgb(16 24 40 / 70%);	 */
	box-shadow: 0px 6px 12px rgb(0 0 0 / 35%) !important;
}
 
body.home .whb-header.whb-sticked .wd-header-nav .menu li.item-level-0:last-child a,
body.page-parent .whb-header.whb-sticked .wd-header-nav .menu li.item-level-0:last-child a,
body.page-child .whb-header.whb-default_header.whb-sticked .wd-header-nav .menu li.item-level-0:last-child a,
body:not(.home, .page-parent, .page-child) .whb-header.whb-default_header .wd-header-nav .menu li.item-level-0:last-child a,
body.page-id-20 .whb-header.whb-default_header .wd-header-nav .menu li.item-level-0:last-child a {
	background: #C51F30;
    border-radius: 8px;
    padding: 10px 24px;
}

body.home .whb-header.whb-sticked .whb-main-header ul li.item-level-0:last-child a:hover,
body.page-parent .whb-header.whb-sticked .whb-main-header ul li.item-level-0:last-child a:hover,
body.page-child .whb-header.whb-sticked .whb-main-header ul li.item-level-0:last-child a:hover,
body:not(.home, .page-parent) .whb-header.whb-default_header .wd-header-nav .menu li.item-level-0:last-child a:hover,
body.page-id-20 .whb-header .wd-header-nav .menu li.item-level-0:last-child a:hover {
	background: #A41A28;
	color: #F7F3EB !important;
}

.whb-header .whb-main-header ul li.item-level-0.current-menu-item:first-child a:not(:hover),
body:not(.home, .page-parent, .page-child) .whb-header.whb-default_header .whb-main-header ul li.current-menu-item:last-child a,
.whb-main-header .wd-tools-element>a {
	color: #F7F3EB !important;
}

.wd-nav[class*="wd-style-"]>li:is(.wd-has-children,.menu-item-has-children)>a:after {
	margin-top: 5px;
	color: inherit !important;
}

/* Header Shine N Go */
@media (min-width: 1025px) {
	.whb-header_466439.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header{
		max-width: 1222px !important;
	}
	
	.whb-header_466439:not(.whb-sticked) .whb-row {
		border-radius: 16px;
	}
}

/* Footer */
.section-footer .menu {
	list-style: none;
    padding: 0;
}

.section-footer a {
	color: var(--e-global-color-8cd8606);
	font-size: 14px;
}

.section-footer a:hover {
	color: var(--hover-color-bg-dark);
} 

/* Button */
.btn {
	font-size: 14px !important;
	text-transform: none !important;
}

.btn.btn-style-default {
	padding: 10px 20px !important;
}

.btn.btn-style-semi-round {
	border-radius: 8px !important;
}

.btn.btn-style-link:hover {
	color: var(--wd-link-color-hover);
}

.btn.btn-style-link {
	border: none !important;
}

.hotspot-icon-default .hotspot-btn {
	background-color: #4F3231 !important;
}

.btn-icon-pos-left .wd-btn-icon {
	margin-right: 10px !important;
}

.btn-style-bordered.btn-color-black {
	border-color: #191919;
    color: #191919;
}

.btn-style-bordered.btn-color-black:hover {
	background-color: #000;
}

/* Accordion */
.wd-accordion.wd-style-default .wd-accordion-item {
    border-bottom: 1px solid #191919 !important;
}

.accordion-faq-page .wd-accordion.wd-style-default .wd-accordion-item {
    border-bottom: 1px solid #E0E1E0 !important;
}

.wd-accordion {
    --wd-accordion-spacing: 35px!important;
}

.wd-accordion-opener {
    color: #191919 !important;
    font-size: 18px !important;
}

.accordion-faq-page .wd-accordion-opener {
    color: #E0E1E0 !important;
}

/* Display None */
.section-footer .menu li::marker,
.wd-accordion.wd-style-default:before,
.blog-home .wd-entry-meta,
.blog-home .entry-content,
.blog-home .hovered-social-icons:after,
.wd-entry-meta, .hovered-social-icons,
.wd-nav-mob-tab, body.page-id-6558 .mobile-nav .mobile-pages-menu,
body.single-post .wd-post-meta {
	display: none !important;
}

/* Mobile Responsive */
@media (max-width: 766px) {
	.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
		padding: 10px 20px;
	}
	
	body.single-post h2 {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	body.single-post h3 {
		font-size: 20px !important;
		line-height: 32px !important;
	}
	
	.scrollToTop {
		bottom: 90px !important;
	}
	
	.wd-single-post-header .title {
		line-height: 32px !important;
	}
}

/* Tablet & Mobile */
@media (max-width: 981px) {
	.tab-lokasi-home .wd-nav-wrapper li {
		width: auto !important;
		padding: 0 30px;
	}
}

/* Homepage */
.stopngo-usp .box-with-icon .info-box-icon {
	padding: 25px;
}

.stopngo-usp .box-icon-wrapper {
	margin-bottom: 0 !important;
}

.section-layanan .info-box-content {
	padding: 16px;
}

.section-layanan .box-icon-wrapper,
.section-layanan .info-box-title  {
	margin-bottom: 0 !important
}

.section-layanan .info-box-inner {
	margin-top: 10px;
}

.section-layanan .wd-info-box {
	--ib-icon-sp: 0 !important;
}

.section-layanan .wd-info-box .info-box-inner,
.section-layanan .wd-info-box .info-btn-wrapper {
	display: none;
}

.section-layanan .wd-info-box:hover .info-box-inner,
.section-layanan .wd-info-box:hover .info-btn-wrapper {
	display: block !important;
	transition: all .25s ease;
}

/* .section-layanan .wd-info-box:hover img {
	height: 164px;
    object-fit: cover;
} */

/* Custom service card fixed height */
.service-card-fixed .wd-info-box {
	display: flex !important;
	flex-direction: column;
	background-color: #d6d6d6;
	height: 400px !important;
}
.service-card-fixed .box-icon-wrapper {
	flex: 1 !important;
	min-height: 0;
	overflow: hidden;
}
.service-card-fixed .info-box-icon {
	height: 100% !important;
}
.service-card-fixed .info-box-icon img {
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
}
.service-card-fixed .info-box-content {
	flex-shrink: 0 !important;
}
.service-card-fixed .wd-info-box .info-box-content {
	flex: 0 !important;
}
/* End of custom service card */

.tab-lokasi-home .wd-nav-wrapper li {
	border-bottom: 3px solid #E0E1E0;
}

.tab-lokasi-home .wd-nav-wrapper li.wd-active {
	border-bottom: 3px solid #323232;
}

.tab-lokasi-home .wd-nav-wrapper li {
	width: 223px;
	text-align: center;
}
	
.tab-lokasi-home .wd-nav-wrapper li a,
.tab-lokasi-home .wd-tabs .wd-tab-content.wd-active {
	display: block;
}

.blog-home .article-body-container {
	background: transparent !important;
}

.blog-home .article-inner,
.blog-home .blog-design-masonry.wd-add-shadow:hover .article-inner {
	box-shadow: none !important;
}

.slider-before-after-home .gallery-images:hover .wd-btn-arrow {
	color: #d9d9d9 !important;
}

.slider-before-after-home .wd-owl .owl-nav>div {
	visibility: visible !important;
	opacity: 1 !important;
	color: #3A4958;
}

/* Slider UBE */
.section-slider-ube .slick-arrows {
	position: absolute;
    left: -591px;
    bottom: 20%;
}

.section-slider-ube .slider-produk .slick-arrows {
    bottom: 10% !important;
}

.section-slider-ube .slick-arrows .fa-chevron-left:before {
	content: url('/wp-content/uploads/2023/03/arrow-previous.svg');
}

.section-slider-ube .slick-arrows .fa-chevron-right:before {
	content: url('/wp-content/uploads/2023/03/arrow-next.svg');
}

.section-slider-ube .slider-testimonial .wd-image.text-right {
	float: right !important;
}

.section-slider-ube .slick-dots li.slick-active span:before {
	content: url('/wp-content/uploads/2023/03/bullet-active.svg');
}

.section-slider-ube .slick-dots span::before {
	content: url('/wp-content/uploads/2023/03/bullet.svg');
}

.section-slider-ube .elementor-custom-embed-play i {
	font-size: 53px !important;
}

/* Sub Category Page */
a.btn-tokped-carousel {
	background-color: #DDF3C9 !important;
	width: 100% !important;
}

a.btn-tokped-carousel:before {
	content: url(/wp-content/uploads/2023/03/tokopedia.svg) !important;
	margin-right: 10px;
    line-height: 1;
}

.product-carousel a.btn {
	background-color: #F3D7C9;
	border: 1px solid #E0E1E0 !important;
}

.product-carousel a.btn:hover {
	background-color: #EAC2AF;
}

a.btn-tokped-carousel:hover {
	background-color: #C0E4A0 !important;
}

.product-carousel .wd-info-box img,
.product-carousel .info-box-icon {
	width: 100% !important;
}

.product-carousel .box-icon-wrapper {
	margin-bottom: 0 !important
}

.product-carousel .info-box-title {
	margin: 24px 0 !important;
}

.slider-before-after-home .owl-dots .owl-dot span {
	border: 1px solid #D9D9D9 !important;
	width: 16px !important;
	height: 16px !important;
}

.product-carousel .owl-dot.active span,
.slider-before-after-home .owl-dot.active span {
	background-color: #D9D9D9 !important;
	border: none !important;
	width: 16px !important;
	height: 16px !important;
}

.product-carousel .owl-dots {
	margin-top: 45px !important;
}

.product-carousel .owl-stage {
	margin: auto !important;
}

/* Contact Form */
.wpcf7 input:not(.wpcf7-submit), .wpcf7 textarea, .wpcf7 .intl-tel-input input {
	background: #4B4B4B;
    border: none;
/*     margin-top: 8px !important; */
}

.wpcf7 label {
	color: #E0E1E0 !important;
}

.intl-tel-input .country-list li.country {
	color: #000 !important;
}

.wpcf7 .wpcf7-submit {
	background: var(--wd-primary-color);
    border-radius: 8px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    margin-top: 28px !important;
	text-transform: none !important;
}

.wpcf7 input.wpcf7-submit:hover {
	background: var(--btn-default-bgcolor-hover);
	color: #fff !important;
}

.wpcf7 .screen-reader-response {
	color: #fff !important;
}

div.wpcf7 .wpcf7-spinner:before {
	border-left-color: #fff !important;
}

/* Sidebar */
.widget-area h2 {
	font-weight: 900;
	font-size: 21.33px !important;
	line-height: 32px !important;
}

.widget-area .wpcf7 input:not(.wpcf7-submit) {
	background: #323232;
}

.widget-area .wpcf7 .wpcf7-submit {
	margin-top: 6px !important;
}

.widget-area #block-7 .wp-block-group {
	padding: 30px !important;
}

.widget-area .wp-block-categories-list li {
	border-bottom: 1px solid #B5AEAE;
	padding-bottom: 10px;
}

.widget {
	border-bottom: none !important;
}

body.blog .main-page-wrapper .container,
body.archive .main-page-wrapper .container,
body.single-post .main-page-wrapper .container {
	padding-top: 6em;
	padding-bottom: 6em;
}

.wd-single-post-header .title {
    line-height: 48px;
}

/* Desktop Only */
@media (min-width: 1044px) {
	.section-footer .footer-menu-lainnya ul {
		column-count: 2 !important;
	}
}

/* Download E-book */
.section-download-ebook a.btn:hover svg {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(70deg) brightness(112%) contrast(97%);
}

/* Page Produk */
.product-info-box .box-icon-wrapper,
.product-info-box .info-box-title {
	margin: 0 !important;
}

.product-info-box .info-box-content,
.product-info-box .elementor-image-box-content {
	padding: 16px;
}

/* Page single produk / produk kategori */
.info-box-icon,
.info-box-icon img {
	width: 100% !important;
}

.section-product .info-box-title,
.section-product .box-icon-wrapper {
	margin-bottom: 24px !important;
}

.wd-popup {
	padding: 0 !important;
	background: unset !important;
}

.post-single-page .post-title {
    margin-bottom: 30px !important;
}

/* Single Post - Typography */
body.single-post h2 {
	font-size: 28px;
    line-height: 40px;
}

body.single-post h3 {
	font-size: 24px;
    line-height: 32px;
}

body.single-post h4 {
	font-size: 18px;
    line-height: 24px;
}

body.single-post h3, body.single-post h4 {
    margin-bottom: 8px !important;
}

.scrollToTop {
    bottom: 95px !important;
    right: 25px !important;
}

.wpcf7 .ajax-loader{
	 background-image: url("/wp-content/plugins/contact-form-7/assets/ajax-loader.gif");
	 visibility:hidden;
	 display:inline-block;
	 width:16px;
	 height:16px;
	 border:none;
	 padding:0;
	 margin:0 0 0 4px;
	 vertical-align:middle;
}

.wpcf7 .ajax-loader.is-active{
 	visibility:visible !important;
}

/* LP Shine n Go */
@media (min-width: 1044px) {
	.banner-shine-n-go .owl-dots {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: 8px;
	}
}

.banner-shine-n-go .owl-item {
	padding-right: 0 !important;
}

.banner-shine-n-go .owl-dots .owl-dot span {
	border: 1px solid #F0F0F0 !important;
	margin: 4px !important;
}

.banner-shine-n-go .owl-dots .owl-dot.active span {
	background-color: #F0F0F0 !important;
}

.seo-content-shine-n-go .wd-accordion.wd-style-default .wd-accordion-item {
	border-color: #AEAFAE !important;
}

.seo-content-shine-n-go .wd-accordion-opener {
	color: #AEAFAE !important;
}

/* QR Download Pricelist - page */
.page-id-6940 .site-content {
    margin-bottom: 0px !important;
}

/* Lokasi Item - Lihat Lokasi Child */
.section-usp-2 .elementor-column-gap-custom {
	column-gap: 30px;
	row-gap: 30px;
}

.section-usp-2-col .elementor-widget-wrap {
	border-radius: 8px;
}

/* Page Lokasi New */
.custom-mega-menu-page-lokasi .menu-simple-dropdown .woodmart-nav-link {
	display: flex;
    justify-content: space-between;
}

.widget_nav_mega_menu h5.widget-title {
	color: #fff !important;
}

.custom-mega-menu-page-lokasi .widget_nav_mega_menu>.widget-title {
	text-transform: capitalize !important;
	background-color: var(--e-global-color-primary) !important;
}

.custom-mega-menu-page-lokasi .menu-simple-dropdown:hover .woodmart-nav-link::after {
	content: "Lihat Store →";
}

.custom-mega-menu-page-lokasi .wd-nav-vertical.wd-design-with-bg {
    background-color: var(--e-global-color-primary) !important;
}

.custom-mega-menu-page-lokasi .wd-nav-vertical.wd-design-with-bg>li:is(.wd-opened,:hover)>a {
    background-color: var(--wd-primary-color) !important;
    color: #fff !important;
}

.custom-mega-menu-page-lokasi .wd-nav-vertical.wd-design-with-bg>li>a {
	font-weight: 400 !important;
}

.custom-mega-menu-page-lokasi ul.wd-nav-vertical {
	display: flex !important;
}