.elementor-157 .elementor-element.elementor-element-6df2874e{--display:flex;--min-height:84px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:24;}.elementor-157 .elementor-element.elementor-element-6df2874e:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-6df2874e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-157 .elementor-element.elementor-element-40681bc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-157 .elementor-element.elementor-element-58dcd8b8{text-align:start;}.elementor-157 .elementor-element.elementor-element-58dcd8b8 img{width:50%;max-width:50%;}.elementor-widget-image .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-157 .elementor-element.elementor-element-3cdd514{text-align:start;}.elementor-157 .elementor-element.elementor-element-3cdd514 img{width:50%;max-width:50%;}.elementor-157 .elementor-element.elementor-element-1c59498e{--display:flex;--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;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.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-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu .elementor-item{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-bb64055 );fill:var( --e-global-color-bb64055 );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main .elementor-item:hover, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main .elementor-item:focus{color:#D5040C;fill:#D5040C;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#0026FA;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed .elementor-item:before, .elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed .elementor-item:after{border-color:#0026FA;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#324A6D;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-underline .elementor-item:after, .elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-overline .elementor-item:before, .elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-double-line .elementor-item:before, .elementor-157 .elementor-element.elementor-element-4c900496 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-157 .elementor-element.elementor-element-4c900496{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-menu-toggle{color:var( --e-global-color-bb64055 );fill:var( --e-global-color-bb64055 );}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown{background-color:#232323;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a:hover, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a:focus, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a.highlighted, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-menu-toggle:hover, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-menu-toggle:focus{color:#000000;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a:hover, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a:focus, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-bb64055 );}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#F9FAFD;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown .elementor-item, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-bottom-width:1px;}.elementor-157 .elementor-element.elementor-element-4c900496 div.elementor-menu-toggle{color:var( --e-global-color-bb64055 );}.elementor-157 .elementor-element.elementor-element-4c900496 div.elementor-menu-toggle svg{fill:var( --e-global-color-bb64055 );}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-menu-toggle{background-color:#02010100;}.elementor-157 .elementor-element.elementor-element-4c900496 div.elementor-menu-toggle:hover, .elementor-157 .elementor-element.elementor-element-4c900496 div.elementor-menu-toggle:focus{color:#F10000;}.elementor-157 .elementor-element.elementor-element-4c900496 div.elementor-menu-toggle:hover svg, .elementor-157 .elementor-element.elementor-element-4c900496 div.elementor-menu-toggle:focus svg{fill:#F10000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button{background-color:#D70909;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D70909;border-radius:100px 100px 100px 100px;padding:16px 45px 16px 45px;}.elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button:hover, .elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button:focus{background-color:#02010100;color:#D70909;}.elementor-157 .elementor-element.elementor-element-5b46bed2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button:hover svg, .elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button:focus svg{fill:#D70909;}.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-157 .elementor-element.elementor-element-6df2874e{--min-height:76px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown .elementor-item, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-157 .elementor-element.elementor-element-6df2874e{--min-height:76px;}.elementor-157 .elementor-element.elementor-element-40681bc7{--width:20%;}.elementor-157 .elementor-element.elementor-element-58dcd8b8 img{width:100px;max-width:100%;}.elementor-157 .elementor-element.elementor-element-1c59498e{--width:80%;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown{border-radius:0px 0px 10px 10px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-157 .elementor-element.elementor-element-4c900496 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-157 .elementor-element.elementor-element-4c900496{--nav-menu-icon-size:20px;}.elementor-157 .elementor-element.elementor-element-5b46bed2 .elementor-button{padding:12px 25px 12px 25px;}}@media(min-width:768px){.elementor-157 .elementor-element.elementor-element-40681bc7{--width:20%;}.elementor-157 .elementor-element.elementor-element-1c59498e{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-157 .elementor-element.elementor-element-40681bc7{--width:15%;}.elementor-157 .elementor-element.elementor-element-1c59498e{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-6df2874e *//* ===================================================== BARBERHUB V8 | INSTANT LOGO SWITCH + DARK GLASS Tempel: Container Header Utama > Advanced > Custom CSS GANTI CSS V8 LAMA. Jangan gabungkan dengan versi crossfade. Class Elementor yang dibutuhkan: Container pembungkus kedua logo : bh-logo-stack Widget logo hitam : bh-logo-dark Widget logo putih : bh-logo-white ===================================================== */ /* Header sebelum scroll */ .elementor-157 .elementor-element.elementor-element-6df2874e { background-color: #FFFFFF !important; background-image: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom: 1px solid rgba(0, 0, 0, 0.06); transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Header setelah melewati Effects Offset (atur 24px di Elementor) */ .elementor-157 .elementor-element.elementor-element-6df2874e.elementor-sticky--effects { background-color: rgba(12, 12, 18, 0.76) !important; background-image: none !important; -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); border-bottom-color: rgba(255, 255, 255, 0.12); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); } /* Kedua logo menempati slot yang sama, tanpa menambah tinggi header. */ .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack { display: grid !important; grid-template-columns: minmax(0, 1fr); align-items: center; justify-items: start; flex-shrink: 0; position: relative; } .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-dark, .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-white { grid-column: 1 !important; grid-row: 1 !important; min-width: 0; margin: 0 !important; opacity: 1 !important; filter: none !important; animation: none !important; transition: none !important; } /* Default: tampilkan HANYA logo hitam */ .elementor-157 .elementor-element.elementor-element-6df2874e:not(.elementor-sticky--effects) .bh-logo-stack .bh-logo-dark { display: block !important; } .elementor-157 .elementor-element.elementor-element-6df2874e:not(.elementor-sticky--effects) .bh-logo-stack .bh-logo-white { display: none !important; } /* Scroll: tampilkan HANYA logo putih, seketika */ .elementor-157 .elementor-element.elementor-element-6df2874e.elementor-sticky--effects .bh-logo-stack .bh-logo-dark { display: none !important; } .elementor-157 .elementor-element.elementor-element-6df2874e.elementor-sticky--effects .bh-logo-stack .bh-logo-white { display: block !important; } /* Gambar tetap proporsional */ .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-dark img, .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-white img { display: block; width: 100%; max-width: 165px; height: auto; object-fit: contain; } @media (max-width: 1024px) { .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-dark img, .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-white img { max-width: 140px; } } @media (max-width: 767px) { .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-dark img, .elementor-157 .elementor-element.elementor-element-6df2874e .bh-logo-stack .bh-logo-white img { max-width: 110px; } } /* Warna navigasi desktop sebelum dan sesudah scroll */ .elementor-157 .elementor-element.elementor-element-6df2874e .elementor-nav-menu--main .elementor-item {/* End custom CSS */