/*
 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.archive .main-page-wrapper {
	padding: 50px 0 !important;
}

b, strong {
	font-weight: 700;
}

/* Button */
.btn.btn-style-default{
	padding: 16px 24px;
}

.btn-style-default.btn-color-primary {
	box-shadow: 0px 0px 20px 4px rgba(29, 85, 230, 0.75);
}

.btn-style-default.btn-color-primary:hover,
.whb-header .menu li.item-level-0:last-child a:hover,
.wpcf7-submit:hover {
	box-shadow: 0px 0px 20px 4px rgba(13, 87, 199, 0.75) !important;
	background-color: #0D57C7;
}

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

.btn-style-bordered {
	border-width: 1px !important;
    padding: 15px 24px !important;
}

.btn-style-bordered.btn-color-white {
	border-color: #fff !important;
}

.btn-style-bordered.btn-color-white:hover,
.wd-post .btn-read-more:hover {
	color: #414141 !important;
	background-color: #fff !important;
	opacity: 1 !important;
}

.btn-style-link.btn-color-white {
	border-bottom: 1px solid #fff;
}

.btn-style-link.btn-color-white:hover {
	border-color: transparent;
}

/* Header */
.whb-general-header {
	backdrop-filter: blur(80px) !important;
}

.whb-header.whb-sticked .whb-general-header {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.wd-tools-element>a,
.wd-header-nav .item-level-0.menu-item-has-children a:after {
	color: #fff !important;
}

.wd-header-nav .item-level-1.menu-item-has-children a:after {
	color: var(--sub-menu-color) !important;
}

.whb-header .menu li.item-level-0:last-child a,
.wpcf7-submit,
.wd-blog-element a.wd-load-more:not(:hover) {
	background: #146EF5;
	padding: 16px 24px !important;
	border-radius: 8px !important;
	box-shadow: 0px 0px 20px 4px rgba(29, 85, 230, 1);
	font-weight: 700 !important;
	line-height: 24px !important;
	height: auto;
	color: #fff !important;
	font-family: 'Inter';
	border: none !important;
}

.whb-header .menu {
	align-items: center;
}

.wd-nav {
    --nav-gap: 32px;
}

.wd-switch-logo .wd-sticky-logo {
    animation: wd-fadeIn 1s ease !important;
}

.whb-default_header.whb-sticked .whb-header-bottom {
	box-shadow: 0px 0px 25px 5px #222222;
}

/* Desktop Only */
@media (min-width: 1080px) {
	.container-tab-tubuh-ideal .wd-nav-wrapper {
		margin-right: 80px;
	}
	
	.container-tab-tubuh-ideal .wd-nav-pagin-item span {
		width: 63px !important;
	}
	
	.carousel-custom-pagination .wd-nav-pagin-item span {
		width: 200px !important;
	}
	
	.carousel-custom-pagination .wd-nav-pagin {
		max-width: 1200px !important;
		overflow: hidden;
	}
	
/* 	.container-banner-membership .carousel-custom-pagination .wd-nav-pagin-item span {
		width: 113px !important;
	} */
	
	.container-banner-membership  .column1 {
		max-width: 611px;
		margin-left: auto;
	}
	
	/* Carousel overflow right */
	.container-kelas-home .wd-carousel {
		margin-right: -20%;
	}
	
	.container-trainer-carousel .wd-carousel,
	.container-first-timer-pengalaman .wd-carousel {
		margin-right: -28%;
	}
	
	body.single-post .site-content {
		max-width: 75% !important;
        margin: auto;
	}

	body.single-post .sidebar-container {
		max-width: 30% !important;
		flex: 0 0 30%;
	}
	
	.form-row {
        width: 100%;
        display: inline-flex;
    }
	
	.column-half {
        width: 50%;
        margin: 0 10px;
    }
	
	.column-full {
        width: 100%;
        margin: 0 10px;
    }
	
	.wpcf7-submit {
		margin: 0 10px;
	}
	
	.container-cara-wujudkan .woodmart-timeline-breakpoint-title {
		top: 202px;
	}
	
	.container-testimonial .wd-info-box {
		--ib-icon-sp: 80px !important;
	}
	
	.container-testimonial .wd-nav-pagin-wrap {
		margin-top: 80px;
	}
	
	.container-slide-fasilitas .box-icon-align-left .box-icon-wrapper {
		margin-right: -80px;
	}
	
	.container-slide-fasilitas .box-icon-align-right .box-icon-wrapper {
		margin-left: -80px;
	}
	
	.container-slide-fasilitas .wd-info-box .box-icon-wrapper {
		max-width: 65% !important;
	}
	
	.container-slide-fasilitas .wd-info-box .info-box-content {
		max-width: 40% !important;
	}
	
	.container-cara-wujudkan .wd-timeline-breakpoint {
		margin-bottom: 0 !important;
		margin-top: -50px;
	}
}

/* Mobile Only */
@media (max-width: 766px) {
	.flip-box-trainer .custom-btn-trainer .btn {
		padding: 12px !important;
	}
	
	.whb-header-bottom p {
		font-size: 14px !important;
	}
	
	.container-testimonial .wd-info-box {
		display: block !important;
	}
	
	.container-testimonial .info-box-content {
		margin-top: 30px;
	}
	
	.container-slide-fasilitas .wd-info-box {
		display: block !important;
	}
	
	.container-slide-fasilitas .wd-info-box .box-icon-wrapper {
		margin-bottom: 24px;
    	max-width: 100%;
	}
	
	.container-tab-fasilitas .wd-nav-tabs a .nav-link-text {
		padding: 12px !important;
		min-width: auto !important;
	}
	
	.container-slider-pilates .swiper-pagination {
		margin: 0 24px !important;
		top: 20% !important;
	}
	
	.container-tab-tubuh-ideal .wd-nav-tabs {
		display: block !important;
	}
	
	.container-tab-tubuh-ideal .wd-nav-tabs li {
		text-wrap: initial !important;
	}
	
	.container-tab-tubuh-ideal .wd-tabs-header .wd-nav-tabs>li:not(:last-child) {
		margin-inline-end: 0px !important;
	}
	
	.container-tab-tubuh-ideal .wd-nav-tabs-wrapper {
        overflow-x: hidden;
        -webkit-mask-image: none;
        mask-image: none;
    }
	
	.container-tab-keuntungan-home-desktop {
		display: none;
	}
	
	.wd-popup[id^="360-view"] h3 {
		padding-top: 63% !important;
	}
}

/* Tablet & Mobile */
@media (max-width: 1040px) {
	.container-tab-tubuh-ideal .wd-nav-tabs {
		padding: 10px 0 40px 0;
	}
	
	.container-tab-tubuh-ideal .wd-nav-tabs li {
		padding: 12px !important;
		box-shadow: none !important;
	}
	
	.container-tab-tubuh-ideal .wd-nav-pagin-item span,
	.carousel-custom-pagination .wd-nav-pagin-item span {
		width: 43px !important;
	}
	
	.carousel-custom-pagination .wd-nav-pagin {
		max-width: 100% !important;
		overflow: hidden;
	}
	
	body.single-post .page-title {
		min-height: 510px !important;
	}

	body.single-post .page-title > .container {
		padding: 50px 20px !important;
	}
	
	.container-cara-wujudkan .timeline-col.timeline-col-secondary {
		background-color: #000000 !important;
		padding: 20px !important;
		box-shadow: 0px 0px 8px 2px rgba(13, 87, 199, 0.6) !important;
		border-radius: 8px !important;
	}
	
	.container-cara-wujudkan .wd-timeline-breakpoint {
		margin: 50px 0 0 0 !important;
	}
	
	.container-cara-wujudkan :is(.wd-item-position-left,.wd-item-position-right):not(:first-child) {
		margin-top: 0 !important;
	}
	
	.container-cara-wujudkan .wd-timeline-item  {
		padding: 30px 0 !important;
	}
	
	.container-testimoni-pilates .wd-carousel-item .testimonial-inner  {
		display: block;
		padding: 32px 24px;
	}

	.container-testimoni-pilates .wd-carousel-item .testimonial-avatar {
		margin: 0 0 30px 0 !important;
	}
	
/* 	.container-testimoni-pilates .wd-carousel-item .testimonial-avatar img {
		max-width: 200px;
	} */
}

/* Desktop & Tablet */
@media (min-width: 768px) {
	.container-tab-content-lokasi .column1,
	.container-tab-all .column1-all {
		max-height: 820px;
		overflow-y: scroll;
	}

	.container-lokasi-club ::-webkit-scrollbar-track {
	  background: #000;
	}

	.container-lokasi-club ::-webkit-scrollbar {
	  width: 6px !important;
	}

	.container-lokasi-club ::-webkit-scrollbar-thumb {
	  background: #888;
	}

	.container-lokasi-club  ::-webkit-scrollbar-thumb:hover {
	  background: #555;
	}
}

/* Home */
.wd-accordion .wd-accordion-item {
	border: 1px solid #fff !important;
    border-radius: 8px;
    padding: 32px 24px;
    margin-bottom: 24px;
}

.wd-accordion-title.wd-active {
	padding: 0 0 18px 0 !important;
}

.wd-accordion .wd-accordion-title {
	padding: 8px 0;
}

.wd-accordion .wd-accordion-content  {
	padding: 0 !important;
}

.wd-accordion .wd-accordion-opener {
    color: #fff;
    font-size: 14px;
}

.container-tab-tubuh-ideal .wd-nav-tabs li {
	padding: 26px;
	border-radius: 8px;
	border: 1px solid #EEEEEE4D;
	margin-bottom: 24px;
}

.container-tab-keuntungan-home-mobile .elementor-tab-title {
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #EEEEEE4D !important;
	margin-bottom: 16px !important;
}

.container-tab-keuntungan-home-mobile .elementor-tab-content {
	padding: 0 !important;
	margin-bottom: 16px;
}

.container-tab-keuntungan-home-mobile .elementor-tab-title.elementor-active {
	background: #1D55E6;
    border-color: transparent !important;
}

.container-tab-tubuh-ideal .wd-nav-tabs li.wd-active {
	border: 1px solid transparent;
}

.container-tab-tubuh-ideal .wd-nav-tabs li a {
	padding: 0 !important;
}

.container-tab-tubuh-ideal .wd-nav-tabs li.wd-active a {
	font-weight: 700 !important;
}

.container-tab-tubuh-ideal .wd-nav-tabs li.wd-active {
	background: #1D55E6;
	box-shadow: 0px 0px 25px 8px #1D55E6;
}

.wd-nav-pagin li:not(.wd-active) {
	opacity: 30%;
}

.container-tab-tubuh-ideal .wd-nav-pagin-wrap {
	margin-top: -64px;
	z-index: 9;
	position: relative;
}

.container-tab-tubuh-ideal .wd-gallery-item:after {
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 89.94%);
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 16px;
}

.container-tab-tubuh-ideal .wd-gallery-item img {
	width: 100%;
}

.wd-dynamic>.wd-nav-pagin li {
	margin: 0 !important;
}

.wd-nav-pagin {
	gap: 0px !important;
}

.container-keseruan-olahraga-home .info-box-icon img {
	border-radius: 16px;
}

.container-keseruan-olahraga-home .info-box-content {
	padding: 0 32px 32px 32px;
}

.container-keseruan-olahraga-home .swiper-slide .info-box-content {
	opacity: 0.3;
}

.container-keseruan-olahraga-home .swiper-slide:hover .info-box-content {
	opacity: 1 !important;
}

.container-lokasi-club .wd-nav li a {
	padding: 16px 24px;
	border-radius: 8px;
}

.container-lokasi-club .wd-nav li.wd-active a {
	border: 1px solid #fff;
}

.container-kelas-home .content-banner {
	display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
}

.flip-box-trainer .custom-btn-trainer {
	width: 100%;
    display: flex;
}

.flip-box-trainer .custom-btn-trainer .btn {
	width: 50% !important;
    display: block;
}

.container-tab-content-lokasi a.btn-style-default {
	font-size: 12px;
    line-height: 18px;
    padding: 8px !important;
}

.wd-popup[id^="fasilitas"] {
	border-radius: 12px !important;
}

.wd-popup[id^="360-view"] {
	height: 500px;
}

.wd-marquee-content span {
    gap: 48px !important;
}

.container-tab-all .e-con-inner .column2 {
    display: none;
}

.container-tab-all.container-tab-content-lokasi .column1 {
    width: auto;
    max-height: unset;
    overflow: auto;
}

/* Page Kategori Kelas */
.container-sub-kelas .elementor-flip-box__front .elementor-flip-box__layer__overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.3%, rgba(0, 0, 0, 0.88) 100%);
}

.container-sub-kelas .elementor-flip-box__front .elementor-flip-box__layer__inner {
	margin-bottom: -80px;
}

/* Blog Page */
.wd-post .wd-entities-title {
	font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

/* Display None */
.blog-design-meta-image.has-post-thumbnail .wd-post-header,
body.single-post .meta-author,
.container-cara-wujudkan .woodmart-timeline-dot,
.related-posts-slider .wd-nav-pagin-wrap,
.container-testimoni-pilates .testimonial-content footer>span:before,
#map-canvas .i4ewOd-pzNkMb-haAclf {
	display: none !important;
}

.wd-post .wd-meta-date {
	color: #898989;
}

.wd-post-cat.wd-style-default a {
	color: #1888D2 !important;
}

.wd-post-cat.wd-style-default a:hover {
	color: #fff !important;
}

.wd-post .wd-read-more {
	margin: 50px 0;
}

.wd-post .btn-read-more {
	color: #FFFFFF;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #FFFFFF;
    padding: 16px 24px;
    border-radius: 8px;
}

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

.wd-blog-element a.wd-load-more:not(:hover) {
	background-color: #146EF5 !important;
}

.wd-blog-element a.wd-load-more:hover {
	box-shadow: 0px 0px 20px 4px rgba(13, 87, 199, 1) !important;
    background-color: #0D57C7 !important;
	border: none !important;
	color: #fff !important;
	padding: 16px 24px !important;
	border-radius: 8px !important;
}

.wd-single-footer {
	border-top: 1px solid #FFFFFF4D !important;
}

.wd-page-nav-icon {
	border: 1px solid #E0E1E0 !important
}

/* Sidebar */
.widget h2 {
	line-height: 28px;
	margin-bottom: 32px !important;
}

.widget .wp-block-categories-list li a {
	color: #fff;
    font-weight: 400;
}

.widget .wp-block-categories-list li a:hover,
.widget .woodmart-recent-posts-list .wd-entities-title a:hover {
	color: var(--wd-primary-color) !important;
}

.widget .woodmart-recent-posts-list li {
	display: flex;
    align-items: center;
    margin-bottom: 24px !important;
}

.widget .woodmart-recent-posts-list .recent-posts-thumbnail {
    flex: 0 0 25%;
    margin-right: 16px;
}

.widget .woodmart-recent-posts-list .wd-entities-title {
	margin-bottom: 16px !important;
    font-weight: 500;
}

.widget .woodmart-recent-posts-list img {
	border-radius: 4px;
}

.widget .woodmart-recent-posts-list time {
	color: #898989;
    font-size: 14px;
    line-height: 16px;
}

/* Single Post */
.wd-page-nav-icon {
	color: #fff !important;
}

body.single-post .page-title {
	display: block !important;
	display: flex !important;
    align-items: flex-end;
	padding: 0 !important;
}

body.single-post .page-title {
	min-height: 810px;
	margin-top: -132px;
}

body.single-post .page-title > .container {
	background: rgba(18, 18, 18, 0.8);
	padding: 80px 10%;
    max-width: unset;
}

.wd-post-cat.wd-style-with-bg {
	background: rgba(24, 136, 210, 0.3);
}

.wpcf7-submit {
	text-transform: none !important;
	font-size: 16px;
	line-height: 24px;
}

.wd-posts .wd-loop-footer.blog-footer, .wd-posts .wd-pagination {
	display: block !important;
} 

body.single-post .tags-list a {
    color: #fff !important;
    border: 1px solid #fff !important;
}

body.single-post .tags-list a:after {
	background-color: #fff !important;
}

/* Form */
.wpcf7-submit {
	width: auto !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
	color: var(--wd-form-color) !important;
}

.intl-tel-input .selected-flag .iti-arrow {
	border-top: 4px solid var(--wd-form-color) !important;
}

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

.form-contact-us .wpcf7-submit {
	width: 207px !important;
}

.form-contact-us p:has(.wpcf7-submit) {
	text-align: center;
}

.subscribe-form-blog .wpcf7-submit {
	width: 100% !important;
	margin: 0 !important;
}

/* Page First Timer */
.container-cara-wujudkan .woodmart-timeline-breakpoint-title {
	border-radius: 50% !important;
    width: 76px;
    height: 76px;
    padding: 10px !important;
    text-align: center;
	border: 16px solid #121212;
	font-size: 18px;
    font-weight: 700;
}

.container-testimonial .info-btn-wrapper {
	margin-top: 48px !important;
}

.container-testimonial .info-box-inner {
	margin-top: 32px !important;
}

.carousel-item-pengalaman {
	overflow: hidden;
}

.carousel-item-pengalaman .elementor-widget-container {
	height: 400px !important;
    align-items: flex-end;
    display: flex;
	transition: background-size .5s linear;
}

.carousel-item-pengalaman:hover .elementor-widget-container {
	background-size: 110% !important;
}

.carousel-item-pengalaman .wd-info-box {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.3%, rgba(0, 0, 0, 0.88) 100%);
}

/* Page Fasilitas */
.container-tab-fasilitas .wd-nav-tabs a .nav-link-text {
	padding: 24px 0;
    min-width: 220px;
    text-align: center;
}

.container-tab-fasilitas .wd-nav-tabs .nav-link-text:after {
	height: 1px !important;
    background-color: #fff !important;
}

/* Page Reformer Pilates */
.container-faq-pilates .wd-accordion .wd-accordion-item {
	border: 2px solid #FFC6B4 !important;
}

.container-faq-pilates .wd-accordion .wd-accordion-opener {
	color: #AF892F;
}

.container-testimoni-pilates .testimonial-avatar img {
	max-width: 300px;
    border-radius: 0;
}

.container-testimoni-pilates .testimonial-inner {
	align-items: center !important;
	padding: 48px;
    background-color: #FFC6B4;
    border-radius: 32px;
}

.container-testimoni-pilates .testimonial-content {
	display: flex;
    flex-direction: column-reverse;
}

.container-testimoni-pilates .testimonial-content footer {
	margin: 0 0 32px 0 !important;
}

.container-testimoni-pilates .testimonial-content,
.container-testimoni-pilates .testimonial-content footer>span,
.container-testimoni-pilates .wd-arrow-inner {
	color: #121212;
}

.container-testimoni-pilates .wd-carousel-item.wd-active .testimonial-content,
.container-testimoni-pilates .wd-carousel-item.wd-active .testimonial-content footer,
.container-testimoni-pilates .wd-carousel-item.wd-active .testimonial-content footer>span {
	color: #FFC6B4 !important;
}

.container-testimoni-pilates .testimonial-content h3 {
	font-style: italic;
}

.container-testimoni-pilates .wd-carousel-item.wd-active .testimonial-content h3 {
	color: #AF892F !important;
}

.container-testimoni-pilates footer>span {
	display: block;
}

.container-testimoni-pilates .testimon-align-left .testimonial-avatar {
	margin-right: 80px;
}

.container-testimoni-pilates footer {
	font-weight: 700;
    font-family: 'Poppins';
    font-size: 32px;
    line-height: 1.2em;
}

.container-testimoni-pilates footer>span {
	font-weight: 700;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 27px;
}

.container-testimoni-pilates .wd-carousel-item.wd-active .testimonial-inner {
	background-color: #121212 !important;
	transition: background-color 400ms linear;
}

.container-hero-pilates a.btn {
	background: rgba(255, 221, 210, 0.5);
    border: 1px solid #FFC6B4;
    color: #643121;
}

.container-hero-pilates a.btn:hover {
	background-color: #FFC6B4;
    border-color: #FFC6B4;
}

.container-hero-pilates .wd-arrow-inner {
	color: rgba(255, 198, 180, 0.5);
}

.container-slider-pilates .swiper-slide-contents {
	width: 100% !important;
}

.container-slider-pilates .swiper-pagination {
	position: absolute;
    display: flex;
    margin: 0 80px;
    flex-direction: column;
	top: 50%;
	width: auto;
}

.container-slider-pilates .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 70px !important;
}

.container-slider-pilates .swiper-pagination-bullet {
	margin: 5px !important;
	width: 13px !important;
    height: 22px !important;
    border-radius: 50px !important;
}

/* Header Pilates */
.whb-header_923772 .whb-header-bottom p {
	color: #121212 !important;
}

.whb-header_923772 .menu li.item-level-0:last-child a {
	background: #FFB49C !important;
	color: #000 !important;
	box-shadow: 0px 0px 20px 4px #FFC6B461 !important;
}

.whb-header_923772 .menu li.item-level-0:last-child a:hover {
	background: #ED9D83 !important;
	box-shadow: 0px 0px 20px 4px #FFC6B461 !important;
}

.whb-header_923772  .menu li a:hover,
.whb-header_923772  .menu li.current-menu-item > a {
	color: #FFC6B4 !important;
}

/* Page Membership */
.container-banner-membership .wrapper-content-banner {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.container-banner-membership .content-banner {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.container-banner-membership .banner-subtitle {
	text-align: right !important;
}

.wd-popup[id^="360-view"] h3 {
	color: #000;
	text-align: center;
    padding-top: 40%;
}