.elementor-5057 .elementor-element.elementor-element-0e1bdfa{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5057 .elementor-element.elementor-element-8b25961 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-1.5px;}.elementor-5057 .elementor-element.elementor-element-15f818c{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5057 .elementor-element.elementor-element-d8e161d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5057 .elementor-element.elementor-element-faf4c6e{--display:flex;}.elementor-5057 .elementor-element.elementor-element-3c4b5af{--spacer-size:20px;}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-5057 .elementor-element.elementor-element-f334a13 .elementor-author-box__avatar img{width:50px;height:50px;border-radius:10px;}.elementor-5057 .elementor-element.elementor-element-f334a13 .elementor-author-box__name{color:var( --e-global-color-primary );font-family:"Playfair Display", Sans-serif;font-size:19px;font-weight:800;letter-spacing:0px;}.elementor-5057 .elementor-element.elementor-element-f334a13 .elementor-author-box__bio{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;}.elementor-5057 .elementor-element.elementor-element-f334a13{padding:10px 10px 10px 10px;}.elementor-5057 .elementor-element.elementor-element-1ef7664{--display:flex;}body.elementor-page-5057:not(.elementor-motion-effects-element-type-background), body.elementor-page-5057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunsetlotus.id/wp-content/uploads/2026/01/topographic-bg-300x300.png");background-repeat:repeat;background-size:auto;}@media(max-width:1024px){.elementor-5057 .elementor-element.elementor-element-8b25961 .elementor-heading-title{font-size:40px;}.elementor-5057 .elementor-element.elementor-element-d8e161d{width:var( --container-widget-width, 733px );max-width:733px;--container-widget-width:733px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-5057 .elementor-element.elementor-element-8b25961 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for author-box, class: .elementor-element-f334a13 */.glass-author {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 20px;
    
    /* Fine lines on top and bottom */
    border-left: none !important;
    border-right: none !important;
    
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-986edb5 *//* 1. Container */
.glass-comment {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
}

/* 2. Typography & Headings */
.glass-comment .comment-reply-title {
    color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-primary-font-family), sans-serif !important;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
}

.glass-comment label {
    color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-primary-font-family), sans-serif !important;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}

/* 3. Input Fields */
.glass-comment input[type="text"],
.glass-comment input[type="email"],
.glass-comment input[type="url"],
.glass-comment textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--e-global-color-text) !important;
    border-radius: 8px !important;
    color: var(--e-global-color-primary) !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease;
}

.glass-comment input:focus,
.glass-comment textarea:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #000000 !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(0, 95, 89, 0.3);
}

.glass-comment .comment-form-url {
    display: none !important;
}

/* 4. Consent Checkbox */
.comment-form-cookies-consent {
    display: flex !important;
    align-items: center;
    gap: 12px;
}

.comment-form-cookies-consent label {
    display: inline !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* 5. Submit Button */
.glass-comment .submit {
    color: #ffffff !important;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer;
}

.glass-comment .submit:hover {
    background-color: #004d48 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* 6. Comment List Styling */
.glass-comment .comment-list .comment-body {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    border-left: 3px solid #005F59;
}/* End custom CSS */