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

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

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

/* Home */

.ls-icon-list .elementor-icon-list-item {
    border: 1px solid #EEEEEE66;
    padding: 16px !important;
    border-radius: 16px;
}

.ls-countdown .elementor-countdown-item {
    backdrop-filter: blur(10px) !important;

}

.ls-countdown .elementor-countdown-wrapper .elementor-countdown-item:not(:last-child)::after {
  content: ":";
  color: #FFF; /* warna titik dua */
  font-size: 40px; /* ukuran titik dua */
  position: absolute;
  right: -35px; /* jarak dari item countdown */
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
}

.ls-countdown .elementor-countdown-item {
  position: relative; /* penting agar posisi ::after benar */
  margin-right: 30px; /* memberi ruang untuk : */
}

.ls-countdown .elementor-countdown-item:last-child {
    margin-right: 0;
}

.ls-fee {
    backdrop-filter: blur(10px) !important;
}

.ls-loop__post .elementor-loop-container > div:last-child a {
  margin-bottom: 0 !important;
}

.elementor-button[type="submit"] {
	margin-top: 24px;
}

.ls-tabs .e-n-tabs-heading {
    border-radius: 16px 16px 0 0;
}

.ls-tabs__box .elementor-image-box-img img {
    max-width: 100%;
    width: 150px;
}

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

.ls-tabs .e-n-tab-title:hover {
    border-radius: 0 !important;
}

.ls-tabs .e-n-tab-title:focus {
    border-radius: 0 !important;
}

ul.elementor-nav-menu--dropdown a {
	border-inline-start: none !important;
	border: none !important;
}

.page-id-49 .ls-icon-list li.elementor-icon-list-item.elementor-inline-item {
    background: #010929;
}

/* Blog */
.ls-content H2 {
    font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
    font-weight: 500;
    font-size: 2rem;
    text-transform: none;
    margin-bottom: 8px;
    margin-top: 32px;
}

.ls-content H3 {
    font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
    font-weight: 500;
    font-size: 1.75rem;
    text-transform: none;
    margin-bottom: 8px;
    margin-top: 24px;
}

.ls-content H4 {
    font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    text-transform: none;
    margin-bottom: 8px;
    margin-top: 24px;
}

.ls-content H5 {
    font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: none;
    margin-bottom: 8px;
    margin-top: 16px;
}

.ls-content H6 {
    font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    text-transform: none;
    margin-bottom: 8px;
    margin-top: 16px;
}

.twae-description p {
    background-color: #1A67FC !important;
    padding: 5px 16px !important;
    width: fit-content !important;
}

.twae-media img {
	width: 80px !important;
	height: 80px !important;
	object-fit: contain !important;
}

.twae-wrapper .twae-content {
	flex-direction: column-reverse;
}

#story-6b4421a .twae-media img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
}

.ls-mentoring h3.elementor-image-box-title {
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
	.ls-icon-list .elementor-icon-list-item {
		width: 100% !important;
	}
	
	.ls-icon-list ul.elementor-icon-list-items.elementor-inline-items {
		gap: 16px;
	}
	
	.ls-countdown .elementor-countdown-item {
		margin: 0 !important;
	}
	
	.ls-countdown .elementor-countdown-wrapper .elementor-countdown-item:not(:last-child)::after  {
		display: none;
	}
	
	.elementor-widget-countdown.elementor-countdown--label-block .elementor-countdown-wrapper {
		gap: 8px;
	}
	
	.elementor-button[type="submit"] {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		width: 100% !important;
	}
	
	.ls-content H2 {
		font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		text-transform: none;
		margin-bottom: 8px;
		margin-top: 32px;
		line-height: 1.3em;
	}

	.ls-content H3 {
		font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		text-transform: none;
		margin-bottom: 8px;
		margin-top: 24px;
		line-height: 1.3em;
	}

	.ls-content H4 {
		font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		text-transform: none;
		margin-bottom: 8px;
		margin-top: 24px;
		line-height: 1.3em;
	}

	.ls-content H5 {
		font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
		font-weight: 500;
		font-size: 1.1rem;
		text-transform: none;
		margin-bottom: 8px;
		margin-top: 16px;
		line-height: 1.3em;
	}

	.ls-content H6 {
		font-family: var(--e-global-typography-dc9cdcc-font-family), Sans-serif;
		font-weight: 500;
		font-size: 1rem;
		text-transform: none;
		margin-bottom: 8px;
		margin-top: 16px;
		line-height: 1.3em;
	}
	
	.ls-carousel .elementor-custom-embed-play svg {
		width: 32px;
	}
}