/* Prototype navigation, scoped to the classic Divi header. Footer rules are untouched. */
body #page-container #main-header.st-prototype-header{background:#f7fafa!important;border-bottom:1px solid #dde6e8;box-shadow:none!important}
#main-header.st-prototype-header .et_menu_container{display:flex;align-items:center;gap:0;width:calc(100% - 80px);max-width:1360px!important;min-height:80px;height:80px;padding:0;position:static}
#main-header.st-prototype-header .logo_container{position:static;width:118px;flex:0 0 118px;height:auto;margin:0;line-height:1}
#main-header.st-prototype-header .logo_container a{display:block}
#main-header.st-prototype-header #logo{display:block;width:118px;height:auto;max-width:100%;max-height:none;margin:0;transform:none}
#main-header.st-prototype-header .logo-white{display:none!important}
#main-header.st-prototype-header #et-top-navigation{display:flex;align-items:center;float:none;margin:0 0 0 56px;padding:0!important;flex:1;line-height:1}
#main-header.st-prototype-header #top-menu{display:flex!important;gap:24px;align-items:center;float:none}
#main-header.st-prototype-header #top-menu>li{display:block;margin:0;padding:0;line-height:1}
#main-header.st-prototype-header #top-menu>li>a{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;font-weight:500;line-height:20px;color:#74888f!important;padding:10px 0!important;opacity:1;position:relative}
#main-header.st-prototype-header #top-menu>li>a:hover,#main-header.st-prototype-header #top-menu>li.current-menu-item>a{color:#4b7b77!important}
#main-header.st-prototype-header #top-menu>li.current-menu-item>a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:#4b7b77}
#main-header.st-prototype-header #top-menu>li.st-nav-mobile-only{display:none!important}
#main-header.st-prototype-header .menu-action-menu-container{display:block!important;flex:0 0 auto;width:auto;margin-left:24px}
#main-header.st-prototype-header #action-menu{display:flex;align-items:center;gap:24px;padding:0;margin:0}
#main-header.st-prototype-header #action-menu li{padding:0;margin:0}
#main-header.st-prototype-header #action-menu a{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;font-weight:500;line-height:20px;color:#0f1416}
#main-header.st-prototype-header #action-menu li.st-nav-book>a,#main-header.st-prototype-header #action-menu li.st-nav-book>a:hover{display:flex;align-items:center;gap:12px;padding:8px 16px!important;line-height:20px!important;font-size:14px;font-weight:500;background:#4b7b77!important;border-radius:6px!important;color:#fff!important;box-shadow:0 1px 2px #0002}
#main-header.st-prototype-header #action-menu li.st-nav-book>a:after{content:'→';font-size:18px;line-height:20px}
#main-header.st-prototype-header a:focus-visible,#main-header.st-prototype-header .mobile_menu_bar:focus-visible{outline:2px solid #4b7b77;outline-offset:5px}
#main-header.st-prototype-header #et_mobile_nav_menu{display:none!important}
#main-header.st-prototype-header .m-show-demo{display:none!important}
@media(max-width:1023px){
 #main-header.st-prototype-header .et_menu_container{width:calc(100% - 40px)}
 #main-header.st-prototype-header #et-top-navigation{justify-content:flex-end;margin:0;padding:0!important}
 #main-header.st-prototype-header #top-menu-nav,#main-header.st-prototype-header #top-menu,#main-header.st-prototype-header .menu-action-menu-container{display:none!important}
 #main-header.st-prototype-header #et_mobile_nav_menu{display:block!important;margin:0;float:none}
 #main-header.st-prototype-header .mobile_nav{background:transparent;padding:0}
 #main-header.st-prototype-header .mobile_menu_bar{display:block;padding:0;cursor:pointer;line-height:1}
 #main-header.st-prototype-header .mobile_menu_bar:before{font-size:28px;color:#0f1416;top:0}
 #main-header.st-prototype-header .mobile_nav.opened .mobile_menu_bar:before{content:'\4d'}
 #main-header.st-prototype-header #mobile_menu{top:80px;width:100%!important;height:auto!important;max-height:calc(100dvh - 126px);padding:12px 20px 20px!important;margin:0;background:#f7fafa!important;border-top:1px solid #dde6e8;box-shadow:0 6px 10px #0001;transition:none!important}
 #main-header.st-prototype-header #mobile_menu>li{display:block!important;width:100%;padding:0!important;margin:0!important}
 #main-header.st-prototype-header #mobile_menu>li>a{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:16px;line-height:24px;font-weight:400;color:#0f1416!important;padding:8px 0!important;background:transparent;border:0}
 #main-header.st-prototype-header #mobile_menu>li.current-menu-item>a{color:#4b7b77!important}
 #main-header.st-prototype-header #mobile_menu>li.st-nav-book{padding-top:12px!important}
 #main-header.st-prototype-header #mobile_menu>li.st-nav-book>a{padding:8px 16px!important;background:#4b7b77!important;border-radius:6px;color:white!important;text-align:center;font-size:14px;line-height:20px;font-weight:500}
}
@media(max-width:1023px){
 #main-header.st-prototype-header .mobile_menu_bar{width:36px;height:36px;background:none!important;display:flex;align-items:center;justify-content:center}
 #main-header.st-prototype-header .mobile_menu_bar:before{display:block!important;position:static;line-height:36px;font-size:28px}
 #main-header.st-prototype-header .mobile_menu_bar:after{display:none!important}
}
/* Keep the logged-in toolbar account item inside the toolbar instead of over the menu toggle. */
body.admin-bar:has(#main-header.st-prototype-header) #wpadminbar #wp-admin-bar-top-secondary{position:absolute;right:0;top:0}
body.admin-bar:has(#main-header.st-prototype-header) #wpadminbar #wp-admin-bar-root-default{height:32px;overflow:hidden;padding-right:52px}
@media(max-width:782px){body.admin-bar:has(#main-header.st-prototype-header) #wpadminbar #wp-admin-bar-root-default{height:46px}}
#main-header.st-prototype-header .mobile_menu_bar .bar-icon{display:none!important}

/* Match the prototype’s 32px tablet gutters; desktop uses 40px, mobile 20px. */
@media(min-width:640px) and (max-width:1023px){#main-header.st-prototype-header .et_menu_container{width:calc(100% - 64px)}}

/* Override the legacy mobile logo offset; the flex container handles centering. */
@media(max-width:1023px){#main-header.st-prototype-header #logo{top:0!important;bottom:auto!important}}

/* Compact mobile header while retaining the existing logo and touch target sizes. */
@media(max-width:1023px){
 #main-header.st-prototype-header .et_menu_container{height:64px;min-height:64px}
 #main-header.st-prototype-header #mobile_menu{top:64px;max-height:calc(100dvh - 110px)}
}

@media(max-width:1023px){#et-boc .et-l .et_pb_section.stv2.st-library.sl-hero{margin-top:64px!important}}