/* JU88 site-wide visual identity. Loaded after the base theme. */
:root{--jv-ink:#192a43;--jv-muted:#566579;--jv-gold:#efbc50;--jv-line:#e0e6ee;--jv-surface:#f3f6fa;--primary-color:#243d60;--fs-color-primary:#243d60;--fs-color-secondary:#efbc50;--fs-color-alert:#243d60;--fs-experimental-link-color:#315a86;--fs-experimental-link-color-hover:#172a43}
html,body,#wrapper,#main,#main.dark{background:var(--jv-surface);color:var(--jv-muted)}
body{font-family:Roboto,Arial,sans-serif;line-height:1.75}
h1,h2,h3,h4,h5,h6{color:var(--jv-ink);line-height:1.35}
a{color:#315a86}a:hover{color:#172a43}
a:focus-visible,button:focus-visible{outline:3px solid #b78626;outline-offset:4px}
.container,.row{max-width:1220px}.row.row-large{max-width:1250px}
#header .header-bg-color,#header .header-main{background:#17283f}
#header .header-main{height:82px}
#header .header-bottom{background:#fff;border-bottom:1px solid var(--jv-line);min-height:54px}
#header .top-divider{display:none}
#header .header-bottom-nav{gap:8px;justify-content:flex-start}
#header .header-bottom-nav>li{margin:0}
#wide-nav .header-bottom-nav>li>a{color:#33455c;font-family:inherit;font-size:13px;letter-spacing:.25px;padding:18px 12px;line-height:18px}
#wide-nav .header-bottom-nav>li.active>a,#wide-nav .header-bottom-nav>li>a:hover{color:#17283f;background:#f8f0dd;box-shadow:inset 0 -3px #d5a139}
#wide-nav .jv-submenu-toggle{color:#33455c}
#wide-nav .nav-dropdown{border:1px solid var(--jv-line);border-radius:0 0 12px 12px;padding:14px;min-width:260px}
#wide-nav .nav-dropdown a{font-size:15px;color:#33455c;padding:12px}
#header .header-button-1>.button,#header .mobile-nav>li:first-child>.button,.jv-mobile-actions>.button:first-child{background:var(--jv-gold);color:#17283f;border:1px solid var(--jv-gold);border-radius:8px;box-shadow:none}
#header .header-button-2>.button,#header .mobile-nav>li:nth-child(2)>.button,.jv-mobile-actions>.button:nth-child(2){background:#243d60;color:#fff;border:1px solid #58708e;border-radius:8px;box-shadow:none}
#header .mobile-nav{justify-content:center;padding:10px 0}
.jv-mobile-menu{background:#fff}.jv-mobile-menu .nav>li>a{color:#243d60!important}.jv-mobile-menu .nav>li.active>a{background:#f8f0dd}
.page-wrapper{padding:36px 0 56px}
.home .jv-hero .img-inner{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #18294012}
.home .jv-hero .col{padding-bottom:16px}
.home .jv-featured .section{padding-top:0}
.home .jv-featured .cd{height:auto;overflow:visible;animation:none;border:1px solid var(--jv-line);border-radius:18px;box-shadow:none;background:#fff;padding:40px;margin-top:28px}
.home .cd h1{text-align:left!important;font-size:32px;padding-bottom:22px;border-bottom:3px solid #efbc50;margin-bottom:28px}
.home .cd h2{margin-top:32px;font-size:25px}.home .cd h3{margin-top:26px;font-size:20px}
.home .cd p{text-align:left;line-height:1.9}
.blog-single .article-inner,.jv-page-copy{background:#fff;border:1px solid var(--jv-line);border-radius:18px;padding:36px;box-shadow:0 8px 24px #18294005}
.jv-page-copy{max-width:960px;margin:auto!important}
.entry-header .entry-header-text{text-align:left!important;padding:0 0 26px;margin-bottom:24px;border-bottom:1px solid var(--jv-line)}
.entry-title,.jv-page-copy h1{font-size:34px;letter-spacing:-.5px;color:var(--jv-ink);text-align:left}
.entry-divider{display:none}
.entry-content.single-page{padding:0}
.entry-content p,.jv-page-copy p{text-align:left;line-height:1.9}
.entry-content h2,.jv-page-copy h2{font-size:26px;margin-top:34px;padding-left:14px;border-left:4px solid var(--jv-gold)}
.entry-content h3,.jv-page-copy h3{font-size:21px;margin-top:26px}
.entry-content figure img,.jv-page-copy figure img{border-radius:12px}
figcaption{background:#f3f6fa;color:#617087;border-radius:0 0 10px 10px;padding:10px 14px}
#toc_container{background:#f5f8fc;border:1px solid #dfe7f0;border-radius:12px;padding:20px 24px;margin:24px 0;box-shadow:none;font-size:15px}
#toc_container a{color:#315a86}#toc_container .toc_title{color:#192a43;text-align:left;margin:0 0 10px}
.jv-table{border-radius:10px;border:1px solid var(--jv-line)}
.jv-table table{border-collapse:collapse;background:#fff;width:100%}
.jv-table th{background:#243d60;color:#fff;font-weight:700;border-color:#3a506c}
.jv-table td{border-color:var(--jv-line);padding:13px}
.jv-table tr:nth-child(even) td{background:#f5f8fc}
.post-sidebar .widget{background:#fff;border:1px solid var(--jv-line);border-radius:14px;padding:24px;margin-bottom:22px}
.post-sidebar .widget-title{font-size:15px;color:#192a43;letter-spacing:.7px}
.post-sidebar .is-divider{background:var(--jv-gold);opacity:1;width:30px;height:3px;margin:12px 0 18px}
.post-sidebar .widget a{color:#425873;font-size:15px;line-height:1.65}.post-sidebar .widget a:hover{color:#936814}
.post-sidebar .widget ul li{padding:12px 0;border-color:#e9edf3}.post-sidebar .widget ul li:last-child{border-bottom:0}
.row-divided>.post-sidebar.col{border-left:0;padding-left:20px}
.archive-page-header .col{text-align:left;padding-bottom:24px}
.archive-page-header h1{font-size:34px;text-transform:none;letter-spacing:-.5px;border-left:5px solid var(--jv-gold);padding-left:18px;margin:0}
#post-list>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:24px;width:100%}
#post-list .post-item.col{max-width:none;padding:0;min-width:0}
#post-list .post-item>.col-inner{height:100%;background:#fff;border:1px solid var(--jv-line);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #18294006}
#post-list .box.box-vertical{display:flex;flex-direction:column;height:100%}
#post-list .box-vertical .box-image{display:block;width:100%!important}
#post-list .box-text{display:block;width:100%;padding:24px;text-align:left;flex:1}
#post-list .post-title{font-size:21px;line-height:1.45;color:#192a43}
#post-list .is-divider,#post-list .post-date{display:none}
#post-list .from_the_blog_excerpt{font-size:15px;line-height:1.8;margin:12px 0 0;color:#617087}
.jv-cta .button{background:#efbc50;color:#192a43;border-radius:8px;border:0;padding:10px 22px}
.jv-footer{background:#17283f;padding:48px 0 28px;border-top:4px solid #d5a139;color:#c3cedc}
.jv-footer p,.jv-footer ul{color:#c3cedc;font-size:15px;line-height:1.9}
.jv-footer a{color:#e4ebf4}.jv-footer a:hover{color:#efbc50}
.jv-footer .section-title-main{color:#efbc50;font-size:16px;letter-spacing:1px}
.jv-footer .section-title{border:0}.jv-footer .section-title b{display:none}
.jv-footer .jv-footer-brand .jv-brand strong{font-size:42px}
.jv-footer-links{gap:12px}.jv-footer .col{padding-bottom:16px}
#footer .absolute-footer{background:#112035;color:#b3c0d1;padding:18px 0;border-top:1px solid #ffffff12;font-size:13px}
#top-link{background:#243d60;color:#fff;border:0;border-radius:10px}
@media(max-width:849px){
 .page-wrapper{padding:24px 0 36px}
 #header .header-main{height:72px}
 #header .header-bottom{min-height:0}
 .blog-single .article-inner,.jv-page-copy{padding:24px;border-radius:14px}
 .entry-title,.jv-page-copy h1,.archive-page-header h1{font-size:28px}
 .row-divided>.post-sidebar.col{padding:0 15px}
 .post-sidebar .widget{padding:22px}
 .home .jv-featured .cd{padding:26px 22px;margin-top:22px}
 .home .cd h1{font-size:27px}
}
@media(max-width:549px){
 #post-list>.row{grid-template-columns:1fr;gap:18px}
 #post-list .box-text{padding:20px}
 .blog-single .article-inner,.jv-page-copy{padding:22px 18px}
 .entry-title,.jv-page-copy h1,.archive-page-header h1{font-size:25px}
 .entry-content h2,.jv-page-copy h2,.home .cd h2{font-size:22px}
 .entry-content h3,.jv-page-copy h3,.home .cd h3{font-size:19px}
 #toc_container{padding:16px;font-size:14px}
 .home .jv-featured .cd{padding:24px 18px}
 .home .cd h1{font-size:25px}
 .jv-footer{padding:32px 10px 16px}
}

/* Keep the brand name beside an uploaded emblem. */
#header #logo{width:auto;flex:0 1 auto;min-width:0}
.jv-brand-with-logo{gap:12px}
.jv-brand-with-logo .jv-brand-image{display:block;width:58px;height:58px;object-fit:contain;flex-shrink:0}
.jv-brand .jv-brand-name{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.jv-brand .jv-brand-name strong{font-size:26px;line-height:1.15;letter-spacing:.4px;font-style:normal;font-weight:700;text-shadow:none;color:#f5e4b8}
.jv-brand .jv-brand-name>span{font-size:9px;letter-spacing:1.6px;line-height:1.5;color:#cbb889}
.jv-footer .jv-footer-brand{width:auto}
.jv-footer .jv-brand-with-logo .jv-brand-name strong{font-size:26px}
@media(max-width:849px){
 #header .jv-brand-with-logo{gap:10px}
 #header .jv-brand-with-logo .jv-brand-image{width:48px;height:48px}
 #header .jv-brand-with-logo .jv-brand-name strong{font-size:23px}
}
#header #logo .jv-brand-with-logo{display:flex;flex-direction:row;align-items:center;justify-content:center}
/* Expanded drawer submenus must take up normal document space. */
#main-menu .has-dropdown>.nav-dropdown{position:static;flex:0 0 100%;height:auto;max-height:none;min-width:0;margin:0;padding:6px 20px 12px;background:#f5f8fc;overflow:visible;transform:none;box-shadow:none}
#main-menu .has-dropdown.open>.nav-dropdown{display:block}
#main-menu .has-dropdown:not(.open)>.nav-dropdown{display:none}
#main-menu .nav-dropdown>li{padding:0;margin:0}
#main-menu .nav-dropdown>li>a{margin:0;padding:12px 14px;font-size:15px;line-height:1.6;white-space:normal}
#main-menu .has-dropdown>.jv-submenu-toggle{align-self:flex-start;min-height:54px;width:44px;margin:0;padding:0}
/* A standalone logo needs wordmark space, rather than emblem sizing. */
#header #logo .jv-brand-with-logo>.jv-brand-image:only-child{width:180px;height:64px;max-width:100%;max-height:64px;object-fit:contain}
.jv-footer .jv-brand-with-logo>.jv-brand-image:only-child{width:180px;height:64px;object-fit:contain}
@media(max-width:849px){
 #header #logo .jv-brand-with-logo>.jv-brand-image:only-child{width:160px;height:56px;max-height:56px}
}