/*
 Theme Name:   TukuAja Bangunan
 Theme URI:    https://shandykaf.com
 Description:  Kadence Child Theme
 Author:       Shandyka Febrian
 Author URI:   https://shandykaf.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/


/* GLOBAL STYLE */
:root {
	/* TYPE */
	--desktop-default-title-family: "Outfit";
	--desktop-default-title-size: 33px;
	--desktop-default-title-size-rem: 2.0625rem;
	--desktop-default-title-weight: 600;
	--desktop-default-title-style: normal;
	--desktop-default-subtitle-family: "Outfit";
	--desktop-default-subtitle-size: 20px;
	--desktop-default-subtitle-size-rem: 1.25rem;
	--desktop-default-subtitle-weight: 500;
	--desktop-default-subtitle-style: normal;
	--desktop-default-subtitle-letter-spacing: 2px;
	--desktop-default-subtitle-letter-spacing-rem: 0.125rem;
	--desktop-default-desc-family: "Spline Sans";
	--desktop-default-desc-size: 15px;
	--desktop-default-desc-size-rem: 0.9375rem;
	--desktop-default-desc-weight: 400;
	--desktop-default-desc-style: normal;
	--desktop-default-desc-line-height: 147%;
	--desktop-default-category-family: "Outfit";
	--desktop-default-category-size: 18px;
	--desktop-default-category-size-rem: 1.125rem;
	--desktop-default-category-weight: 500;
	--desktop-default-category-style: normal;
	--desktop-default-menu-family: "Outfit";
	--desktop-default-menu-size: 15px;
	--desktop-default-menu-size-rem: 0.9375rem;
	--desktop-default-menu-weight: 400;
	--desktop-default-menu-style: normal;
	--desktop-default-field-family: "Spline Sans";
	--desktop-default-field-size: 15px;
	--desktop-default-field-size-rem: 0.9375rem;
	--desktop-default-field-weight: 400;
	--desktop-default-field-style: normal;
	--desktop-button-default-family: "Outfit";
	--desktop-button-default-size: 16px;
	--desktop-button-default-size-rem: 1rem;
	--desktop-button-default-weight: 600;
	--desktop-button-default-style: normal;
	--desktop-button-banner-family: "Outfit";
	--desktop-button-banner-size: 22px;
	--desktop-button-banner-size-rem: 1.375rem;
	--desktop-button-banner-weight: 600;
	--desktop-button-banner-style: normal;
	--desktop-button-menu-family: "Outfit";
	--desktop-button-menu-size: 15px;
	--desktop-button-menu-size-rem: 0.9375rem;
	--desktop-button-menu-weight: 600;
	--desktop-button-menu-style: normal;
	--desktop-button-tab-family: "Outfit";
	--desktop-button-tab-size: 15px;
	--desktop-button-tab-size-rem: 0.9375rem;
	--desktop-button-tab-weight: 600;
	--desktop-button-tab-style: normal;
	--desktop-button-cta-family: "Outfit";
	--desktop-button-cta-size: 20px;
	--desktop-button-cta-size-rem: 1.25rem;
	--desktop-button-cta-weight: 600;
	--desktop-button-cta-style: normal;
	--desktop-footer-title-family: "Outfit";
	--desktop-footer-title-size: 18px;
	--desktop-footer-title-size-rem: 1.125rem;
	--desktop-footer-title-weight: 500;
	--desktop-footer-title-style: normal;
	--desktop-footer-desc-family: "Spline Sans";
	--desktop-footer-desc-size: 15px;
	--desktop-footer-desc-size-rem: 0.9375rem;
	--desktop-footer-desc-weight: 400;
	--desktop-footer-desc-style: normal;
	--desktop-footer-desc-line-height: 147%;
	--desktop-footer-copyright-family: "Spline Sans";
	--desktop-footer-copyright-size: 13px;
	--desktop-footer-copyright-size-rem: 0.8125rem;
	--desktop-footer-copyright-weight: 400;
	--desktop-footer-copyright-style: normal;
	--desktop-footer-copyright-line-height: 147%;
	--desktop-banner-title-family: "Outfit";
	--desktop-banner-title-size: 70px;
	--desktop-banner-title-size-rem: 4.375rem;
	--desktop-banner-title-weight: 600;
	--desktop-banner-title-style: normal;
	--desktop-banner-title-line-height: 68.2px;
	--desktop-banner-title-line-height-rem: 4.2625rem;
	--desktop-banner-subtitle-family: "Outfit";
	--desktop-banner-subtitle-size: 26px;
	--desktop-banner-subtitle-size-rem: 1.625rem;
	--desktop-banner-subtitle-weight: 500;
	--desktop-banner-subtitle-style: normal;
	--desktop-banner-subtitle-letter-spacing: 2.08px;
	--desktop-banner-subtitle-letter-spacing-rem: 0.13rem;
	--desktop-banner-desc-family: "Spline Sans";
	--desktop-banner-desc-size: 24px;
	--desktop-banner-desc-size-rem: 1.5rem;
	--desktop-banner-desc-weight: 400;
	--desktop-banner-desc-style: normal;
	--desktop-cta-title-family: "Outfit";
	--desktop-cta-title-size: 30px;
	--desktop-cta-title-size-rem: 1.875rem;
	--desktop-cta-title-weight: 500;
	--desktop-cta-title-style: normal;
	--desktop-cta-desc-family: "Spline Sans";
	--desktop-cta-desc-size: 18px;
	--desktop-cta-desc-size-rem: 1.125rem;
	--desktop-cta-desc-weight: 400;
	--desktop-cta-desc-style: normal;
	--desktop-cta-desc-line-height: 147%;
	--desktop-product-pagination-family: "Outfit";
	--desktop-product-pagination-size: 15px;
	--desktop-product-pagination-size-rem: 0.9375rem;
	--desktop-product-pagination-weight: 500;
	--desktop-product-pagination-style: normal;
	--desktop-product-list-title-family: "Spline Sans";
	--desktop-product-list-title-size: 16px;
	--desktop-product-list-title-size-rem: 1rem;
	--desktop-product-list-title-weight: 500;
	--desktop-product-list-title-style: normal;
	--desktop-product-list-price-family: "Spline Sans";
	--desktop-product-list-price-size: 22px;
	--desktop-product-list-price-size-rem: 1.375rem;
	--desktop-product-list-price-weight: 700;
	--desktop-product-list-price-style: normal;
	--desktop-product-list-sale-family: "Spline Sans";
	--desktop-product-list-sale-size: 16px;
	--desktop-product-list-sale-size-rem: 1rem;
	--desktop-product-list-sale-weight: 500;
	--desktop-product-list-sale-style: normal;
	--desktop-product-filter-title-family: "Outfit";
	--desktop-product-filter-title-size: 17px;
	--desktop-product-filter-title-size-rem: 1.0625rem;
	--desktop-product-filter-title-weight: 400;
	--desktop-product-filter-title-style: normal;
	--desktop-product-filter-desc-family: "Spline Sans";
	--desktop-product-filter-desc-size: 15px;
	--desktop-product-filter-desc-size-rem: 0.9375rem;
	--desktop-product-filter-desc-weight: 400;
	--desktop-product-filter-desc-style: normal;
	--desktop-product-single-title-desc-family: "Outfit";
	--desktop-product-single-title-desc-size: 22px;
	--desktop-product-single-title-desc-size-rem: 1.375rem;
	--desktop-product-single-title-desc-weight: 500;
	--desktop-product-single-title-desc-style: normal;
	--desktop-card-title-family: "Outfit";
	--desktop-card-title-size: 20px;
	--desktop-card-title-size-rem: 1.25rem;
	--desktop-card-title-weight: 500;
	--desktop-card-title-style: normal;
	--desktop-card-title-2-family: "Outfit";
	--desktop-card-title-2-size: 18px;
	--desktop-card-title-2-size-rem: 1.125rem;
	--desktop-card-title-2-weight: 600;
	--desktop-card-title-2-style: normal;
	--mobile-default-title-family: "Outfit";
	--mobile-default-title-size: 25px;
	--mobile-default-title-size-rem: 1.5625rem;
	--mobile-default-title-weight: 600;
	--mobile-default-title-style: normal;
	--mobile-default-subtitle-family: "Outfit";
	--mobile-default-subtitle-size: 16px;
	--mobile-default-subtitle-size-rem: 1rem;
	--mobile-default-subtitle-weight: 500;
	--mobile-default-subtitle-style: normal;
	--mobile-default-subtitle-letter-spacing: 1.6px;
	--mobile-default-subtitle-letter-spacing-rem: 0.1rem;
	--mobile-default-desc-family: "Spline Sans";
	--mobile-default-desc-size: 14px;
	--mobile-default-desc-size-rem: 0.875rem;
	--mobile-default-desc-weight: 400;
	--mobile-default-desc-style: normal;
	--mobile-default-desc-line-height: 147%;
	--mobile-default-category-family: "Outfit";
	--mobile-default-category-size: 16px;
	--mobile-default-category-size-rem: 1rem;
	--mobile-default-category-weight: 500;
	--mobile-default-category-style: normal;
	--mobile-default-menu-family: "Outfit";
	--mobile-default-menu-size: 14px;
	--mobile-default-menu-size-rem: 0.875rem;
	--mobile-default-menu-weight: 400;
	--mobile-default-menu-style: normal;
	--mobile-default-field-family: "Spline Sans";
	--mobile-default-field-size: 14px;
	--mobile-default-field-size-rem: 0.875rem;
	--mobile-default-field-weight: 400;
	--mobile-default-field-style: normal;
	--mobile-button-default-family: "Outfit";
	--mobile-button-default-size: 14px;
	--mobile-button-default-size-rem: 0.875rem;
	--mobile-button-default-weight: 600;
	--mobile-button-default-style: normal;
	--mobile-button-banner-family: "Outfit";
	--mobile-button-banner-size: 18px;
	--mobile-button-banner-size-rem: 1.125rem;
	--mobile-button-banner-weight: 600;
	--mobile-button-banner-style: normal;
	--mobile-button-menu-family: "Outfit";
	--mobile-button-menu-size: 14px;
	--mobile-button-menu-size-rem: 0.875rem;
	--mobile-button-menu-weight: 600;
	--mobile-button-menu-style: normal;
	--mobile-button-tab-family: "Outfit";
	--mobile-button-tab-size: 14px;
	--mobile-button-tab-size-rem: 0.875rem;
	--mobile-button-tab-weight: 600;
	--mobile-button-tab-style: normal;
	--mobile-button-cta-family: "Outfit";
	--mobile-button-cta-size: 16px;
	--mobile-button-cta-size-rem: 1rem;
	--mobile-button-cta-weight: 600;
	--mobile-button-cta-style: normal;
	--mobile-footer-title-family: "Outfit";
	--mobile-footer-title-size: 16px;
	--mobile-footer-title-size-rem: 1rem;
	--mobile-footer-title-weight: 500;
	--mobile-footer-title-style: normal;
	--mobile-footer-desc-family: "Spline Sans";
	--mobile-footer-desc-size: 14px;
	--mobile-footer-desc-size-rem: 0.875rem;
	--mobile-footer-desc-weight: 400;
	--mobile-footer-desc-style: normal;
	--mobile-footer-desc-line-height: 147%;
	--mobile-footer-copyright-family: "Spline Sans";
	--mobile-footer-copyright-size: 11px;
	--mobile-footer-copyright-size-rem: 0.6875rem;
	--mobile-footer-copyright-weight: 400;
	--mobile-footer-copyright-style: normal;
	--mobile-footer-copyright-line-height: 147%;
	--mobile-banner-title-family: "Outfit";
	--mobile-banner-title-size: 28px;
	--mobile-banner-title-size-rem: 1.75rem;
	--mobile-banner-title-weight: 600;
	--mobile-banner-title-style: normal;
	--mobile-banner-title-family: "Outfit";
	--mobile-banner-title-size: 18px;
	--mobile-banner-title-size-rem: 1.125rem;
	--mobile-banner-title-weight: 500;
	--mobile-banner-title-style: normal;
	--mobile-banner-title-letter-spacing: 1.44px;
	--mobile-banner-title-letter-spacing-rem: 0.09rem;
	--mobile-banner-desc-family: "Spline Sans";
	--mobile-banner-desc-size: 16px;
	--mobile-banner-desc-size-rem: 1rem;
	--mobile-banner-desc-weight: 400;
	--mobile-banner-desc-style: normal;
	--mobile-cta-title-family: "Outfit";
	--mobile-cta-title-size: 22px;
	--mobile-cta-title-size-rem: 1.375rem;
	--mobile-cta-title-weight: 500;
	--mobile-cta-title-style: normal;
	--mobile-cta-desc-family: "Spline Sans";
	--mobile-cta-desc-size: 16px;
	--mobile-cta-desc-size-rem: 1rem;
	--mobile-cta-desc-weight: 400;
	--mobile-cta-desc-style: normal;
	--mobile-cta-desc-line-height: 147%;
	--mobile-product-pagination-family: "Outfit";
	--mobile-product-pagination-size: 14px;
	--mobile-product-pagination-size-rem: 0.875rem;
	--mobile-product-pagination-weight: 500;
	--mobile-product-pagination-style: normal;
	--mobile-product-list-title-family: "Spline Sans";
	--mobile-product-list-title-size: 14px;
	--mobile-product-list-title-size-rem: 0.875rem;
	--mobile-product-list-title-weight: 500;
	--mobile-product-list-title-style: normal;
	--mobile-product-list-price-family: "Spline Sans";
	--mobile-product-list-price-size: 16px;
	--mobile-product-list-price-size-rem: 1rem;
	--mobile-product-list-price-weight: 700;
	--mobile-product-list-price-style: normal;
	--mobile-product-list-sale-family: "Spline Sans";
	--mobile-product-list-sale-size: 14px;
	--mobile-product-list-sale-size-rem: 0.875rem;
	--mobile-product-list-sale-weight: 500;
	--mobile-product-list-sale-style: normal;
	--mobile-product-filter-title-family: "Outfit";
	--mobile-product-filter-title-size: 16px;
	--mobile-product-filter-title-size-rem: 1rem;
	--mobile-product-filter-title-weight: 400;
	--mobile-product-filter-title-style: normal;
	--mobile-product-filter-desc-family: "Spline Sans";
	--mobile-product-filter-desc-size: 14px;
	--mobile-product-filter-desc-size-rem: 0.875rem;
	--mobile-product-filter-desc-weight: 400;
	--mobile-product-filter-desc-style: normal;
	--mobile-product-single-title-desc-family: "Outfit";
	--mobile-product-single-title-desc-size: 16px;
	--mobile-product-single-title-desc-size-rem: 1rem;
	--mobile-product-single-title-desc-weight: 500;
	--mobile-product-single-title-desc-style: normal;

	/* COLORS */
	--yellow-default: #f9d147;
	--yellow-border: #fdedb5;
	--yellow-background: #fffdf4;
	--yellow-dark: #eab708;
	--red-default: #f43232;
	--red-border: #fbadad;
	--red-background: #fff3f3;
	--red-dark: #ce0b0b;
	--black-default: #1e1e1e;
	--black-paragraph: #575757;
	--grey-border: #cecece;
	--grey-background: #e3e3e3;
	--grey-background-2: #ededed;
	--grey-background-3: #f5f5f5;
	--grey-background-4: #d9d9d9;
	--grey-background-5: #fafafa;
	--white-default: #ffffff;
	--white-transparent: rgba(255 255 255 / 0);

	/* GRADIENTS */
	--black-gradient-stop-1-color: #130e02;
	--black-gradient-stop-1-position: 0%;
	--black-gradient-stop-2-color: rgba(19 14 2 / 0);
	--black-gradient-stop-2-position: 100%;

	/* SHADOWS */
	--default-small: 0 7px 15px 0 rgba(0 0 0 / 0.14);
	--default-medium: 0 9px 20px -4px rgba(0 0 0 / 0.15);
	--default-large: 0 15px 29px -8px rgba(0 0 0 / 0.22);
}


/* SAMPLE CODE */
.sample-code .for-global-styles {
	font-family: var(--default-title-family);
	font-size: var(--default-title-size);
	font-weight: var(--default-title-weight);
}


/* BODY */

.single-content h1.elementor-heading-title,
.single-content h2.elementor-heading-title,
.single-content h3.elementor-heading-title,
.single-content h4.elementor-heading-title,
.single-content h5.elementor-heading-title,
.single-content h6.elementor-heading-title {
	margin-bottom: 0 !important;
}

.single-content p:last-child,
p:last-child {
	margin-bottom: 0px !important;
}

.single-content p:not(:last-child),
p:not(:last-child) {
	margin-bottom: 15px !important;
}

p:first-child {
	margin-top: 0px !important;
}

.single-content ul,
.single-content ol {
	margin: 0 0 0px;
}

.aspect-ratio-1-1,
.aspect-ratio-1-1 img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}


/* HEADER */

.btn-head {
	padding-left: 10px;
}

.btn-head a {
	padding: 14px 35px !important;
	color: var(--black-default) !important;
	background-color: var(--yellow-default);
	font-size: var(--desktop-button-menu-size) !important;
	font-weight: var(--desktop-button-menu-weight) !important;
}

.btn-head a:hover {
	color: var(--white-default) !important;
	background-color: var(--black-default);
}


/* FOOTER */

.site-middle-footer-wrap .site-middle-footer-inner-wrap {
	/* grid-template-columns: 1.5fr 0.3fr 1fr 1fr !important; */
}


/* BUTTON - STICKY WHATSAPP BUTTON */

.wa-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999999;
}

.wa-button a {
	background: linear-gradient(to top, #29b43f, #60d36b);
	color: #fff !important;
	width: 60px;
	display: table;
	height: 60px;
	border-radius: 100%;
	position: relative;
	text-align: center;
	font-size: 35px !important;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.35);
	outline: none;
	text-decoration: none;
	animation: ring-animation 5s infinite;
}

.wa-button a:hover {
	transform: scale(0.9);
	text-decoration: none !important;
}

.wa-button a img {
	width: 30px;
	height: auto;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-decoration: none;
	z-index: 888;
	transition: all 0.2s ease-in-out;
	text-shadow: 0 2px 5px rgba(20, 113, 34, 0.5);
}

.wa-button a:hover img {
	text-shadow: 0 0 0 rgba(20, 113, 34, 0.5);
	text-decoration: none;
}

@keyframes ring-animation {

	0%,
	90% {
		transform: scale(1) rotate(0deg);
	}

	92%,
	94% {
		transform: scale(1.2) rotate(-5deg);
	}

	94%,
	96% {
		transform: scale(1.2) rotate(5deg);
	}

	96%,
	98% {
		transform: scale(1.2) rotate(-4deg);
	}

	98%,
	100% {
		transform: scale(1.2) rotate(4deg);
	}

	100% {
		transform: scale(1) rotate(0deg);
	}
}


/* PRODUCT */

.listing-cat-product .jet-listing-grid__slider-icon {
	border-radius: 100px;
}

.list-product-img img {
	aspect-ratio: 1/1;
	object-fit: cover;
}


/* PARTNER */

.partner-slide .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	pointer-events: none;
	cursor: default;
}

.partner-slide {
	pointer-events: none;
}


/* CONTACT */

.form-contact .nf-form-content {
	padding: 0;
}

.form-contact .nf-form-fields-required,
.ninja-forms-req-symbol {
	display: none;
}

.form-contact .nf-form-content label {
	font-size: var(--desktop-default-field-size);
	font-weight: var(--mobile-default-field-weight);
	color: var(--black-default);
}

.form-contact .nf-form-content .label-above .nf-field-label {
	margin-bottom: 5px;
}

.form-contact .nf-field-container {
	margin-bottom: 15px;
}

.form-contact .nf-form-content input.ninja-forms-field,
.form-contact .nf-form-content textarea.ninja-forms-field {
	font-size: var(--desktop-default-field-size);
}

.form-contact .nf-form-content input.ninja-forms-field {
	height: 45px;
}

.form-contact .nf-form-content input:not([type=submit]),
.form-contact .nf-form-content textarea.ninja-forms-field {
	background: var(--grey-background-3) !important;
	border: 1px solid var(--grey-background-2);
	color: #2f2f2f;
}

.form-contact .nf-form-content textarea.ninja-forms-field {
	height: 150px;
}

.form-contact .nf-error.field-wrap .nf-field-element:after {
	height: 44px;
	width: 45px;
	line-height: 45px;
}

.form-contact .nf-error .nf-error-msg {
	font-size: 14px;
}

.form-contact .nf-form-content input[type=submit] {
	height: auto;
	padding: 15px 29px;
	font-size: var(--desktop-button-default-size);
	font-weight: var(--desktop-button-default-weight);
	border-radius: 0;
	background: var(--yellow-default);
	color: var(--black-default);
	box-shadow: var(--default-medium);
}

.form-contact .nf-form-content input[type=submit]:hover {
	background: var(--black-default);
	color: var(--white-default);
}

.form-contact.contact-page .nf-form-content input:not([type=submit]),
.form-contact.contact-page .nf-form-content textarea.ninja-forms-field {
	background: var(--white-default) !important;
}


/* DESKTOP */
@media (min-width: 1280px) {

	/* FOOTER */
	.site-middle-footer-wrap .site-container {
		padding: 0 !important;
	}
}


/* TABLET */
@media (min-width: 768px) and (max-width: 1279px) {}


/* MOBILE */
@media (max-width: 767px) {

	/* 	FOOTER */
	.site-middle-footer-wrap .site-middle-footer-inner-wrap {
		/* grid-template-columns: none !important; */
	}

	/* BUTTON - STICKY WHATSAPP BUTTON */
	.wa-button {
		bottom: 10px;
		right: 10px;
	}
}