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


/* GLOBAL STYLE */
/* -- EDIT HERE -- */


/* 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 */

.header-navigation .menu {
	margin-left: 20px;
}


/* FOOTER */

.site-middle-footer-wrap .site-middle-footer-inner-wrap {
	/* grid-template-columns: 1.5fr 0.3fr 2.2fr !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);
	}
}

/* BANNER */

.slider-banner .elementor-image-carousel-caption,
.slider-banner .elementor-image-carousel-caption a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}

.slider-banner img.swiper-slide-image {
	width: 100% !important;
}

.elementor-element-35c85f8 {
	position: relative;
	z-index: 1;
}

.image-slider {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.image-slider .swiper,
.image-slider .elementor-image-carousel-wrapper,
.image-slider .swiper-slide {
	position: relative;
	z-index: 1;
}

.image-slider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-slider::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #050505 0%, rgba(5, 5, 5, 0) 100%);
	opacity: .3;
	pointer-events: none;
	z-index: 2;
}

.elementor-element-4702c67 {
	position: absolute;
	z-index: 3;
	pointer-events: none;
}

.elementor-element-4702c67 a,
.elementor-element-4702c67 button,
.elementor-element-4702c67 .elementor-widget,
.elementor-element-4702c67 .elementor-button {
	pointer-events: auto;
}

.image-slider .elementor-swiper-button {
	position: absolute !important;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5 !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;
	padding: 10px;

	background: #ffffff;
	border: 1px solid var(--red-default);
	border-radius: 10px;
	transition: all .3s ease;
}

.image-slider .elementor-swiper-button-prev {
	left: 30px;
}

.image-slider .elementor-swiper-button-next {
	right: 30px;
}


/* LISTING PRODUCT */
.jet-engine-listing-overlay-wrap:hover .listing-product-name .elementor-heading-title {
	color: var(--red-default) !important;
}

.product-slider .jet-listing-grid__slider-icon {
	border-radius: 8px;
	background-color: var(--white-default);
	border: 1px solid var(--red-default) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.product-slider .jet-listing-grid__slider-icon:hover {
	background-color: var(--red-default) !important;
	border-color: var(--red-default) !important;
}

.product-slider .jet-listing-grid__slider-icon:hover svg path {
	fill: var(--white-default);
}

.listing-product-name:hover .elementor-heading-title {
	color: var(--red-default);
	transition: color 0.25s ease;
}


/* NINJA FORM */
.ninja-forms-req-symbol,
.nf-field-label .ninja-forms-req-symbol,
#nf-form-1-cont .ninja-forms-req-symbol,
.nf-form-layout .nf-before-form-content {
	display: none !important;
	visibility: hidden !important;
}

.nf-field-label label {
	font-family: var(--desktop-heading-semi-bold-xs-family) !important;
	font-size: var(--desktop-heading-semi-bold-xs-size) !important;
	font-weight: var(--desktop-heading-semi-bold-xs-weight) !important;
	font-style: var(--desktop-heading-semi-bold-xs-style) !important;
	color: var(--black-default);
}


.nf-field-element input {
	background-color: #4611F5;
}

.nf-form-content {
	padding: 0px !important;
}

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

.nf-form-content input:not([type=button]),
.nf-form-content textarea.ninja-forms-field {
	background: var(--grey-background-3) !important;
	border: 1px solid var(--grey-background) !important;
	color: var(--black-paragraph);
	border-radius: var(--section-radius-10) !important;
}

.nf-form-content textarea.ninja-forms-field {
	height: 150px;
	border-radius: var(--section-radius-10) !important;
}

.nf-error.field-wrap .nf-field-element:after {
	height: 43px !important;
	width: 43px !important;
	line-height: 43px !important;
}

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

#nf-form-title-1 h3 {
	display: none;
}

.nf-form-content input[type=submit] {
	padding-left: var(--desktop-btn-padding-horizontal-default);
	padding-right: var(--desktop-btn-padding-horizontal-default);
	padding-bottom: var(--desktop-btn-padding-vertical-default);
	padding-top: var(--desktop-btn-padding-vertical-default);
	font-family: var(--desktop-body-semi-bold-md-family) !important;
	font-size: var(--desktop-body-semi-bold-md-size) !important;
	font-weight: var(--desktop-body-semi-bold-md-weight) !important;
	font-style: var(--desktop-body-semi-bold-md-style) !important;
	line-height: normal;
	display: inline-flex;
	text-transform: uppercase;
	border-radius: 0px;
	background: var(--red-default) !important;
	color: var(--white-default) !important;

}

.nf-form-content input[type=submit]:hover {
	background: var(--red-dark) !important;
	color: white !important;
}

/* ARTICLE */
.jet-listing-grid__item:hover .listing-article-name .jet-listing-dynamic-field__content {
	color: var(--red-default) !important;
}

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

	/* HEADER */
	.menu-header .jet-nav {
		align-items: center;
	}

	.menu-header .btn-head {
		margin-left: 15px;
	}

	.menu-header .btn-head a,
	.menu-header .btn-head.btn-outline a {
		padding: var(--desktop-btn-padding-vertical-default) var(--desktop-btn-padding-horizontal-default) !important;
		font-size: var(--desktop-body-semi-bold-md-size);
		font-weight: var(--desktop-body-semi-bold-md-weight);
		font-style: var(--desktop-body-semi-bold-md-style);
		text-transform: uppercase;
		border: 1px solid var(--blue-default);
		border-radius: var(--btn-radius-default);
	}

	.menu-header .btn-head a {
		color: var(--white-default) !important;
		background: var(--blue-default) !important;
	}

	.menu-header .btn-head.btn-outline a {
		color: var(--blue-default) !important;
		background: var(--white-default) !important;
	}

	.menu-header .btn-head a:hover {
		background: var(--blue-dark) !important;
	}

	.menu-header .btn-head.btn-outline a:hover {
		color: var(--white-default) !important;
		background: var(--blue-default) !important;
	}

	.menu-header .menu-home .jet-nav-link-text::before,
	.menu-header .menu-about .jet-nav-link-text::before,
	.menu-header .menu-product .jet-nav-link-text::before,
	.menu-header .menu-article .jet-nav-link-text::before {
		content: '';
		display: inline-block;
		width: 1em;
		height: 1em;
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-right: 6px;
		/* fill: var(--grey-background); ← hapus, tidak bekerja di background-image */
	}

	.menu-header .menu-home .jet-nav-link-text::before {
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23cecece' d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z'/%3E%3C/svg%3E");
	}

	.menu-header .menu-about .jet-nav-link-text::before {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23cecece' d='M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z'/%3E%3C/svg%3E");
	}

	.menu-header .menu-product .jet-nav-link-text::before {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23cecece' d='M560 288h-80v96l-32-21.3-32 21.3v-96h-80c-8.8 0-16 7.2-16 16v192c0 8.8 7.2 16 16 16h224c8.8 0 16-7.2 16-16V304c0-8.8-7.2-16-16-16zm-384-64h224c8.8 0 16-7.2 16-16V16c0-8.8-7.2-16-16-16h-80v96l-32-21.3L256 96V0h-80c-8.8 0-16 7.2-16 16v192c0 8.8 7.2 16 16 16zm64 64h-80v96l-32-21.3L96 384v-96H16c-8.8 0-16 7.2-16 16v192c0 8.8 7.2 16 16 16h224c8.8 0 16-7.2 16-16V304c0-8.8-7.2-16-16-16z'/%3E%3C/svg%3E");
	}

	.menu-header .menu-article .jet-nav-link-text::before {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23cecece' d='M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z'/%3E%3C/svg%3E");
	}



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


/* TABLET */
@media (min-width: 768px) and (max-width: 1279px) {
	.image-slider .swiper-slide img {
		object-fit: cover;
		object-position: center right;
		height: 600px !important;
	}
}


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

	.image-slider .elementor-swiper-button {
		display: none !important;
	}

	.image-slider .swiper-slide img {
		object-fit: cover;
		object-position: center right;
		height: 600px !important;
	}

	.elementor-element-80d987a {
		position: absolute !important;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		z-index: 5;
	}

	/* HEADER */
	.menu-header .hide-menu {
		display: none !important;
	}

	/* 	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;
	}
}