/* JOVIAN STUDIO V2: sticky frosted-glass header and photo dropdowns */
:root {--jv-logo-size:150px;--jv-dropdown-image:none}
[hidden]{display:none!important}
#header {position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9900!important;background:transparent!important;transform:translateZ(0);transition:transform .35s ease}
body.jv-no-sticky #header{position:absolute!important}
#header .header-wrapper{background:transparent!important;box-shadow:none!important}
#header #masthead{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.55)!important;box-shadow:0 2px 16px rgba(11,38,45,.045)!important;min-height:68px!important;height:68px!important;transition:height .36s ease,background .36s ease,box-shadow .36s ease!important}
#header .header-inner{height:100%!important;min-height:0!important}
body.clone-scrolled #header #masthead{height:62px!important;min-height:62px!important;background:rgba(255,255,255,.81)!important;box-shadow:0 3px 20px rgba(10,35,45,.09)!important}
#header #logo img.header-logo, #header #logo img.header-logo-dark{max-width:var(--jv-logo-size)!important;width:var(--jv-logo-size)!important;height:auto!important;max-height:57px!important;object-fit:contain!important;transition:transform .35s ease}
body.clone-scrolled #logo img{transform:scale(.94)}
#header #wide-nav{height:auto!important;min-height:0!important;display:block!important;position:relative!important;background:transparent!important;box-shadow:none!important;border:0!important;z-index:30!important}
#header #wide-nav > .flex-row.container{display:flex!important;width:max-content!important;max-width:calc(100vw - 26px)!important;padding:0 15px!important;margin:-1px auto 0!important;min-height:57px!important;border:1px solid rgba(255,255,255,.30);border-top:0;box-shadow:0 6px 20px rgba(14,27,33,.16);border-radius:0 0 29px 29px;background:rgba(42,49,52,.40)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:background .35s ease,box-shadow .35s ease}
body.clone-scrolled #header #wide-nav > .flex-row.container{background:rgba(25,40,45,.60)!important;box-shadow:0 6px 28px rgba(0,18,25,.18)}
#wide-nav .header-bottom-nav{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:1px!important;position:relative!important}
#wide-nav .header-bottom-nav > li{padding:0!important;margin:0!important;position:relative!important;list-style:none!important}
#wide-nav .header-bottom-nav > li > a.nav-top-link{position:relative!important;color:white!important;text-transform:none!important;font-size:14px!important;font-weight:500!important;letter-spacing:.01em!important;display:flex!important;align-items:center!important;gap:6px!important;line-height:1.25!important;min-height:56px!important;padding:13px 17px!important;white-space:nowrap!important;border:0!important;background:transparent!important;opacity:.98!important;transition:color .25s ease!important}
#wide-nav .header-bottom-nav > li:hover > a.nav-top-link,#wide-nav .header-bottom-nav > li.active > a.nav-top-link,#wide-nav .header-bottom-nav > li.jv-menu-open > a.nav-top-link{color:#ffe3d3!important}
#wide-nav .header-bottom-nav > li > a.nav-top-link:after{content:''!important;display:block!important;position:absolute!important;bottom:10px!important;left:23px!important;right:23px!important;height:2px!important;background:linear-gradient(90deg,#f3a4b1,#18a7b7)!important;transform:scaleX(0);opacity:0;transition:transform .25s ease,opacity .25s ease}
#wide-nav .header-bottom-nav > li.active > a.nav-top-link:after,#wide-nav .header-bottom-nav > li:hover > a.nav-top-link:after,#wide-nav .header-bottom-nav > li.jv-menu-open > a.nav-top-link:after{opacity:1;transform:scaleX(1)}
#wide-nav .jv-arrow{display:inline-block;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.8;transition:transform .25s ease}
#wide-nav .has-dropdown:hover > a .jv-arrow,#wide-nav .has-dropdown.jv-menu-open > a .jv-arrow{transform:translateY(2px) rotate(225deg)}
#wide-nav .has-dropdown > ul.nav-dropdown{position:absolute!important;display:block!important;left:50%!important;top:calc(100% + 4px)!important;right:auto!important;min-width:350px!important;width:390px!important;max-width:min(430px,calc(100vw - 44px))!important;padding:19px 15px!important;margin:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px) scale(.96)!important;transform-origin:50% 0!important;transition:opacity .26s ease,transform .32s cubic-bezier(.17,.76,.26,1),visibility .26s ease!important;border-radius:23px!important;border:1px solid rgba(255,255,255,.30)!important;border-top:5px solid rgba(0,163,175,.74)!important;box-shadow:0 24px 55px rgba(5,25,34,.30)!important;background-image:linear-gradient(112deg,rgba(232,139,165,.69) 0%,rgba(121,137,159,.61) 42%,rgba(0,99,111,.76) 100%),var(--jv-dropdown-image)!important;background-size:cover!important;background-position:center 38%!important;backdrop-filter:blur(21px) saturate(140%)!important;-webkit-backdrop-filter:blur(21px) saturate(140%)!important;overflow:visible!important;z-index:1000!important}
#wide-nav .has-dropdown:hover > ul.nav-dropdown,#wide-nav .has-dropdown:focus-within > ul.nav-dropdown,#wide-nav .has-dropdown.jv-menu-open > ul.nav-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0) scale(1)!important}
#wide-nav .has-dropdown > ul.nav-dropdown:before{content:''!important;position:absolute!important;top:-15px!important;left:calc(50% - 11px)!important;width:0!important;height:0!important;border-left:11px solid transparent!important;border-right:11px solid transparent!important;border-bottom:11px solid rgba(0,163,175,.75)!important;display:block!important;opacity:1!important;background:none!important;box-shadow:none!important}
#wide-nav .has-dropdown > ul.nav-dropdown li{margin:0!important;padding:0!important;list-style:none!important;border:0!important;white-space:normal!important;display:block!important}
#wide-nav .has-dropdown > ul.nav-dropdown li a{display:block!important;width:100%!important;padding:11px 22px!important;color:white!important;font-size:16px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;border-radius:13px!important;background:transparent!important;transition:background .2s ease,transform .2s ease,color .2s ease!important;text-shadow:0 1px 8px rgba(0,0,0,.16)}
#wide-nav .has-dropdown > ul.nav-dropdown li a:hover,#wide-nav .has-dropdown > ul.nav-dropdown li a:focus-visible{background:rgba(255,255,255,.19)!important;color:#fff!important;transform:translateX(5px)}
/* A short transparent hover bridge avoids dropdown closing while pointer moves below link. */
#wide-nav .has-dropdown > ul.nav-dropdown:after{content:'';position:absolute;left:0;right:0;top:-8px;height:8px}
body.clone-subpage #header{position:fixed!important;background:transparent!important}
body.clone-subpage #masthead{background:rgba(255,255,255,.87)!important}
body.clone-subpage #wide-nav{background:transparent!important}
body.clone-subpage #main{padding-top:120px!important}
body.clone-subpage #header .nav-top-link{color:#fff!important}
/* Contact buttons remain configurable on desktop and the bottom mobile bar. */
.pv-contact-box.jv-floating-disabled{display:none!important}
.pv-contact-box.jv-collapsed > .pv-item:not(.pv-top){display:none!important}
.pv-contact-box .pv-top{border:0;background:#168c9d!important;color:#fff!important;font-size:22px!important;padding:0!important}
.pv-contact-box .pv-top::before,.pv-contact-box .pv-top::after{display:none!important}
#phongvt-contact-footer-outer.jv-mobile-contacts-hidden{display:none!important}
#phongvt-contact-footer-outer{z-index:9998!important}
#main-menu.clone-open{z-index:100002!important}
#main-menu .nav-sidebar > li{position:relative}
#main-menu .nav-sidebar > li > a{font-weight:600!important;text-transform:none!important}
#main-menu .nav-sidebar .sub-menu{padding:6px 10px 12px 18px!important}
#main-menu .nav-sidebar .sub-menu a{font-size:14px!important;line-height:1.4!important;text-transform:none!important}
#main-menu .has-child > button.toggle{background:transparent!important;color:#263a43!important;font-size:18px!important;border:0!important;cursor:pointer!important;transition:transform .25s ease}
#main-menu .has-child.clone-expanded > button.toggle{transform:rotate(180deg)}
#main-menu .jv-arrow{display:none}
@media(max-width:849px){
 #header #wide-nav{display:none!important}
 #header #masthead{height:66px!important;min-height:66px!important}
 body.clone-scrolled #header #masthead{height:60px!important;min-height:60px!important}
 #header #logo img.header-logo,#header #logo img.header-logo-dark{max-width:min(var(--jv-logo-size),170px)!important;width:min(var(--jv-logo-size),170px)!important;max-height:52px!important}
 body.clone-subpage #main{padding-top:66px!important}
}
@media(max-width:550px){
 .pv-contact-box{display:none!important}
 #header #masthead{background:rgba(255,255,255,.90)!important}
}
@media(prefers-reduced-motion:reduce){#wide-nav .has-dropdown > ul.nav-dropdown,#header #masthead{transition:none!important}}
/* Overrides for original WordPress navigation animation placeholders. */
#header #wide-nav{top:0!important;bottom:auto!important}
#wide-nav .has-dropdown > ul.nav-dropdown{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;line-height:normal!important}
#wide-nav .has-dropdown > ul.nav-dropdown li{position:relative!important;height:auto!important}
#main-menu .has-child > button.toggle{font-size:0!important;line-height:0!important;min-width:36px!important;min-height:36px!important}
#main-menu .has-child > button.toggle:after{content:'';position:absolute;left:calc(50% - 4px);top:calc(50% - 6px);width:9px;height:9px;border-right:2px solid #284854;border-bottom:2px solid #284854;transform:rotate(45deg)}
#main-menu .has-child.clone-expanded > button.toggle{transform:none!important}
#main-menu .has-child.clone-expanded > button.toggle:after{transform:rotate(225deg);top:calc(50% - 2px)}