/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Global Style */

body .e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, 
body .e-con>.elementor-widget>.elementor-widget-container {
	height: auto;
}

body {
	overflow-x: hidden !important;
}

html,body {
	text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body img,
body svg {
	image-rendering: -webkit-optimize-contrast !important;
}

/* remove the below if you don't want smooth scrolling */

html,
body {
  scroll-behavior: smooth;
}

p:last-child {
	margin-bottom: 0 !important;
}

.lx-header.elementor-sticky--active.show {
    transition: all linear 300ms;
    box-shadow: 0px 1px 15px 0px rgb(8 15 52 / 6%) !important;
	backdrop-filter: blur(7px) !important;
	background-color: #ffffffde !important;
}

.lx-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
	font-weight: 600 !important;
}

.lx-post img {
    aspect-ratio: 377/255;
    object-fit: cover;
    object-position: center center;
}

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

/* === Timeline Dashed Line === */
.timeline-steps {
  position: relative;
}

/* Garis utama dashed di tengah icon */
.timeline-steps::before {
  content: "";
  position: absolute;
  top: 30px; /* mulai dari atas sedikit di bawah icon pertama */
  left: 23px; /* sesuaikan agar tepat di tengah icon kamu */
  width: 0;
  height: calc(100% - 100px); /* panjang garis (kurangi ruang bawah) */
  border-left: 2px dashed #977D5A80;
  z-index: 0;
}

/* Pastikan icon tetap di atas garis */
.timeline-steps .elementor-icon {
  position: relative;
  z-index: 10 !important;
}

/* FAQ */
.lx-faq .e-n-accordion-item {
    border-bottom: 1px solid #D0D5DD;
    padding-bottom: 16px;
    margin-block: 32px;
}

/* Blog */
.lx-card img {
	aspect-ratio: 379/250;
	object-fit: cover;
	object-position: center center;
}

.lx-post-content H2 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 32px;
    font-weight: 500;
    text-transform: unset !important;
	color: #0D0E0E;
}

.lx-post-content H3 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 27px;
    font-weight: 500;
    text-transform: unset !important;
	color: #0D0E0E;
}

.lx-post-content H4 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: unset !important;
	color: #0D0E0E;
}

.lx-post-content H5 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-transform: unset !important;
	color: #0D0E0E;
}

.lx-post-content H6 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: unset !important;
	color: #0D0E0E;
}

.lx-post-content .gallery {
    display: flex;
    gap: 24px;
}

.lx-post-content img {
    width: 100%;
    max-width: 100% !important;
}

/* About Us */

.lx-box .elementor-image-box-title {
    margin-top: 0;
}

.lx-certificate img {
    aspect-ratio: 350/250;
    object-fit: cover;
    object-position: center center;
}

.lx-counter .elementor-counter-title {
    text-align: center;
}

/* Type */

.lx-pawns img {
    aspect-ratio: 478/328;
    object-fit: cover;
    object-position: center center;
}

.lx-guide-img .elementor-image-box-img {
	margin-top: 7px !important;
}

.lx-guide-img .elementor-image-box-title {
    margin-top: 0;
}

.lx-guide img {
    aspect-ratio: 400/250;
    object-fit: cover;
    object-position: center center;
}

.lx-navigation h2 {
    height: 96px;
    width: 96px;
    background-color: #FFEDD4;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lx-navigation .lx-wrapper-nav:hover h2 {
    background-color: #645137;
    color: #FFF !important;
}

.lx-navigation .elementor-widget-heading {
    align-self: center;
}

/* Details */

.lx-document .elementor-image-box-img {
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center center;
}

.lx-faq .e-n-accordion-item:first-child {
    margin-top: 0;
}

.lx-faq .e-n-accordion-item:last-child {
    margin-bottom: 0;
}

.lx-career-detail strong {
    font-size: 24px;
    font-weight: 500 !important;
}

.lx-career-detail ul {
    margin: 24px 0;
    padding: 0 32px;
}

.lx-career-detail li {
    margin: 5px 0;
}

/* Mobile */

@media only screen and (max-width: 767px) {
	.timeline-steps::before {
		display: none;
	}
	
	.lx-guide-img .elementor-image-box-title {
		margin-top: 8px;
	}
	
	.lx-navigation h2 {
		height: 56px;
		width: 56px;
	}
}