.elementor-12 .elementor-element.elementor-element-04181c2{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:100;}.elementor-12 .elementor-element.elementor-element-04181c2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-04181c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-04181c2{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-04181c2{right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{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-12 .elementor-element.elementor-element-2ff5f88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-12 .elementor-element.elementor-element-2ff5f88 img{width:70px;}.elementor-widget-theme-site-title .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-12 .elementor-element.elementor-element-9e5b3fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-12 .elementor-element.elementor-element-9e5b3fd.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-9e5b3fd .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:26px;font-weight:600;text-shadow:5px 5px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-4c3c33d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu .elementor-item{font-family:"Playfair Display", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main .elementor-item:hover, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main .elementor-item:focus{color:#052858;fill:#052858;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#052858;}.elementor-12 .elementor-element.elementor-element-4c3c33d .e--pointer-framed .elementor-item:before, .elementor-12 .elementor-element.elementor-element-4c3c33d .e--pointer-framed .elementor-item:after{border-color:#052858;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown a, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-menu-toggle{color:#052858;fill:#052858;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown a:hover, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown a:focus, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown a.highlighted, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-menu-toggle:hover, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown .elementor-item, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Playfair Display", Sans-serif;font-weight:700;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;}.elementor-12 .elementor-element.elementor-element-4c3c33d div.elementor-menu-toggle{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-4c3c33d div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-12:not(.elementor-motion-effects-element-type-background), .elementor-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-4c3c33d{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-04181c2{--width:100%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-2ff5f88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-12 .elementor-element.elementor-element-2ff5f88 img{width:50px;}.elementor-12 .elementor-element.elementor-element-9e5b3fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -13px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9e5b3fd.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-9e5b3fd .elementor-heading-title{font-size:20px;}.elementor-12 .elementor-element.elementor-element-4c3c33d{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:20px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu .elementor-item{font-size:29px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown .elementor-item, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown .elementor-sub-item{font-size:13px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown{border-radius:0px 0px 25px 25px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:25px;border-bottom-left-radius:25px;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:6px !important;}.elementor-12 .elementor-element.elementor-element-4c3c33d .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS *//* ============================================ Header: Transparan -> Solid saat scroll 100vh ============================================ */ #site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: transparent !important; box-shadow: none !important; transition: background 0.35s ease, box-shadow 0.35s ease; } /* Teks & link di kondisi awal (di atas foto hero) - putih */ #site-header a, #site-header .elementor-heading-title, #site-header nav a, #site-header .elementor-nav-menu--main a, #site-header .elementor-nav-menu li a, #site-header .elementor-nav-menu__container a, #site-header .e-n-menu a, #site-header .e-n-menu-item a, #site-header ul li a { color: #ffffff !important; transition: color 0.35s ease; } /* Garis underline hover/active menu - kondisi awal putih */ #site-header .elementor-nav-menu li a:after, #site-header .elementor-nav-menu .elementor-item:after, #site-header .e-n-menu-item:after, #site-header nav a:after { background-color: #ffffff !important; border-color: #ffffff !important; width: 0 !important; transition: width 0.35s ease, background-color 0.35s ease, border-color 0.35s ease !important; } #site-header .elementor-nav-menu li a:hover:after, #site-header .elementor-nav-menu .elementor-item:hover:after, #site-header .e-n-menu-item:hover:after, #site-header nav a:hover:after, #site-header .elementor-item-active:after { width: 100% !important; } /* Tombol toggle menu (ikon hamburger) - kondisi awal putih */ #site-header .elementor-menu-toggle { color: #ffffff !important; fill: #ffffff !important; transition: color 0.35s ease, fill 0.35s ease; } #site-header .elementor-menu-toggle svg { fill: #ffffff !important; } /* Kondisi setelah scroll 100vh */ #site-header.header-scrolled { background: #ffffff !important; box-shadow: 0 4px 20px rgba(5, 40, 88, 0.12) !important; } #site-header.header-scrolled a, #site-header.header-scrolled .elementor-heading-title, #site-header.header-scrolled nav a, #site-header.header-scrolled .elementor-nav-menu--main a, #site-header.header-scrolled .elementor-nav-menu li a, #site-header.header-scrolled .elementor-nav-menu__container a, #site-header.header-scrolled .e-n-menu a, #site-header.header-scrolled .e-n-menu-item a, #site-header.header-scrolled ul li a { color: #052858 !important; } #site-header.header-scrolled .elementor-nav-menu li a:after, #site-header.header-scrolled .elementor-nav-menu .elementor-item:after, #site-header.header-scrolled .e-n-menu-item:after, #site-header.header-scrolled nav a:after { background-color: #052858 !important; border-color: #052858 !important; } #site-header.header-scrolled .elementor-menu-toggle { color: #052858 !important; fill: #052858 !important; } #site-header.header-scrolled .elementor-menu-toggle svg { fill: #052858 !important; } body { padding-top: 0; } /* ===== Dropdown mobile: SELALU navy di atas putih, apapun state header ===== */ body #site-header .elementor-nav-menu--dropdown .elementor-item, body #site-header .elementor-nav-menu--dropdown a.elementor-item { background-color: #ffffff !important; color: #052858 !important; border-left: none !important; box-shadow: none !important; outline: none !important; transition: background-color 0.25s ease, color 0.25s ease !important; } body #site-header .elementor-nav-menu--dropdown .elementor-item-active { background-color: #ffffff !important; color: #052858 !important; font-weight: 700; border-left: none !important; box-shadow: none !important; } body #site-header .elementor-nav-menu--dropdown .elementor-item:hover, body #site-header .elementor-nav-menu--dropdown .elementor-item:focus, body #site-header .elementor-nav-menu--dropdown .elementor-item:active { background-color: #052858 !important; color: #ffffff !important; }/* End custom CSS */