:root{--vm-blue:#1559e6;--vm-orange:#ff620f;--vm-ink:#111827;--vm-muted:#677286;--vm-bg:#f7f9fc;--vm-border:#e1e6ee;--vm-shadow:0 5px 18px rgba(26,43,73,.055)}html,body{background:var(--vm-bg)}body{color:var(--vm-ink)}a{transition:color .18s ease,background-color .18s ease,transform .18s ease}button,input,select,textarea{font-family:Arial,sans-serif}button,.button,.red-btn,.blue-btn,.white-btn{border-radius:7px}#container{min-width:0;min-height:100vh;background:var(--vm-bg)}.vuemigo-brand-image{display:block;width:210px;max-width:100%;height:auto;object-fit:contain}

/* Public navigation shared by every public-facing page. */
#top-template-wrap:not(.vuemigo-header-wrap){width:100%;height:74px!important;border-bottom:1px solid #e8eaf0;background:#fff!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-template{display:flex!important;align-items:center;width:min(1600px,calc(100% - 48px))!important;height:74px!important;margin:0 auto!important;background:#fff!important}
#top-template-wrap:not(.vuemigo-header-wrap) #hhr-logo-wrapper{position:static!important;flex:0 0 auto;width:210px!important;height:auto!important;margin:0 58px 0 0!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-wrapper{position:static!important;display:block!important;flex:1;width:auto!important;height:74px!important;margin:0!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar,#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar ul{display:flex!important;align-items:stretch!important;width:auto!important;height:74px!important;margin:0!important;padding:0!important;gap:42px;list-style:none}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li{display:block!important;float:none!important;width:auto!important;height:74px!important;margin:0!important;padding:0!important;background:none!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li img{display:none!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li a{position:relative;display:flex!important;align-items:center;height:74px!important;padding:0!important;color:var(--vm-ink)!important;font:700 14px/1 Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li.active a,#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li a:hover{color:var(--vm-orange)!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li.active a:after{content:'';position:absolute;left:0;right:0;bottom:10px;height:3px;border-radius:3px;background:var(--vm-orange)}
#top-template-wrap:not(.vuemigo-header-wrap) #top-right-banner{position:static!important;display:flex!important;flex:0 0 570px!important;width:570px!important;min-width:570px!important;height:74px!important;margin:0 0 0 22px!important;align-items:center!important;justify-content:flex-end!important;background:none!important}
#top-template-wrap:not(.vuemigo-header-wrap) #top-right-banner .sub-header{display:flex!important;width:100%!important;align-items:center!important;justify-content:flex-end!important;gap:13px!important;margin:0!important;padding:0!important;color:var(--vm-ink);line-height:1!important;white-space:nowrap;text-transform:none!important;transform:none!important}
#top-template-wrap:not(.vuemigo-header-wrap) .vm-global-search{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 300px!important;width:300px!important;min-width:300px!important;height:40px!important;margin:0 8px 0 0!important;align-items:center!important;border:1px solid var(--vm-border)!important;border-radius:22px!important;background:#f8f9fc!important;overflow:hidden!important}
#top-template-wrap:not(.vuemigo-header-wrap) .vm-global-search input{position:static!important;display:block!important;flex:1!important;width:auto!important;min-width:0!important;height:38px!important;margin:0!important;padding:0 8px 0 16px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--vm-ink)!important;font:400 14px/1 Arial,sans-serif!important}
#top-template-wrap:not(.vuemigo-header-wrap) .vm-global-search .vuemigo-search-button{position:relative!important;inset:auto!important;flex:0 0 42px!important;width:42px!important;height:38px!important;margin:0!important}
#top-template-wrap:not(.vuemigo-header-wrap) a#login-btn,#top-template-wrap:not(.vuemigo-header-wrap) a.signup-btn{display:inline-flex!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;height:40px!important;margin:0!important;padding:0 18px!important;border-radius:8px!important;font:800 13px/1 Arial,sans-serif!important;text-decoration:none!important}
#top-template-wrap:not(.vuemigo-header-wrap) a#login-btn{flex:0 0 96px!important;min-width:96px!important;border:1px solid var(--vm-blue)!important;color:var(--vm-blue)!important;background:#fff!important;box-shadow:none!important}#top-template-wrap:not(.vuemigo-header-wrap) a.signup-btn{flex:0 0 120px!important;min-width:120px!important;border:1px solid var(--vm-orange)!important;color:#fff!important;background:linear-gradient(#ff762f,#f4540a)!important;box-shadow:0 5px 12px rgba(255,98,15,.2)!important}
.vuemigo-search-button{position:relative;display:block;width:38px;height:38px;padding:0;border:0;background:transparent}.vuemigo-search-button:before{content:'';position:absolute;left:8px;top:7px;width:15px;height:15px;border:2px solid var(--vm-ink);border-radius:50%}.vuemigo-search-button:after{content:'';position:absolute;left:23px;top:23px;width:10px;height:2px;background:var(--vm-ink);transform:rotate(45deg)}.headline{display:none!important}
@media(max-width:1350px){#top-template-wrap:not(.vuemigo-header-wrap) #top-right-banner{flex-basis:460px!important;width:460px!important;min-width:460px!important;margin-left:14px!important}#top-template-wrap:not(.vuemigo-header-wrap) .vm-global-search{flex-basis:190px!important;width:190px!important;min-width:190px!important}#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar ul{gap:20px}}
@media(max-width:700px){#top-template-wrap:not(.vuemigo-header-wrap) #top-right-banner{order:2!important;flex:1 0 100%!important;width:100%!important;min-width:0!important;height:56px!important;margin:0!important}#top-template-wrap:not(.vuemigo-header-wrap) .vm-global-search{flex:1 1 auto!important;width:auto!important;min-width:120px!important}#top-template-wrap:not(.vuemigo-header-wrap) a#login-btn{flex-basis:82px!important;min-width:82px!important;padding:0 10px!important}#top-template-wrap:not(.vuemigo-header-wrap) a.signup-btn{flex-basis:102px!important;min-width:102px!important;padding:0 10px!important}}

/* Signed-in navigation shared by dashboard, upload, video, profile and contest pages. */
.vuemigo-header-wrap{width:100%;height:74px!important;border-bottom:1px solid #e8eaf0;background:#fff!important}
.vuemigo-header{position:relative!important;display:flex!important;align-items:center;gap:16px;width:100%!important;max-width:1600px;height:74px!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box;background:#fff!important}
.vuemigo-header #hhr-logo-header{position:static!important;flex:0 0 210px;width:210px!important;height:auto!important;margin:0 30px 0 0!important}.vuemigo-header #header-dropdown{display:none!important}
.vuemigo-main-nav{display:flex!important;align-items:stretch;align-self:stretch;gap:25px;flex:0 0 auto}.vuemigo-main-nav a{position:relative;display:flex!important;align-items:center;color:var(--vm-ink)!important;font:700 14px/1 Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap}.vuemigo-main-nav a:hover,.vuemigo-main-nav a.active{color:var(--vm-orange)!important}.vuemigo-main-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:10px;height:3px;border-radius:3px;background:var(--vm-orange)}
.vuemigo-header #header-search-container{position:relative!important;z-index:30!important;left:auto!important;top:auto!important;display:block!important;flex:1;min-width:140px;max-width:400px;height:38px!important;margin:0 0 0 auto!important}.vuemigo-header #search-header{position:static!important;display:block!important;width:100%!important;height:38px!important;margin:0!important;padding:0 46px 0 14px!important;border:1px solid var(--vm-border)!important;border-radius:20px!important;box-sizing:border-box;background:#f8f9fc!important}.vuemigo-header #header-search-container>button{position:absolute!important;z-index:2!important;right:0!important;top:0!important;display:grid!important;width:42px!important;height:38px!important;margin:0!important;padding:0!important;place-items:center!important;border:0!important;border-radius:0 20px 20px 0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important}.vuemigo-header #header-search-container>button:hover{background:#eef3fc!important}.vuemigo-header #header-search{display:block!important;width:24px!important;height:24px!important;margin:0!important;object-fit:contain!important}
.vuemigo-header #header-email,.vuemigo-header #header-notification,.vuemigo-header #header-friends,.vuemigo-header #header-profile{position:relative!important;left:auto!important;top:auto!important;float:none!important;flex:0 0 auto;margin:0!important}.vuemigo-header #header-email,.vuemigo-header #header-notification,.vuemigo-header #header-friends{display:grid!important;width:38px!important;height:42px!important;place-items:center;border:0!important}.vuemigo-header #header-email>a,.vuemigo-header #header-notification>a,.vuemigo-header #header-friends>a{display:grid;width:38px;height:38px;place-items:center;color:var(--vm-ink)!important;text-decoration:none!important}.vuemigo-header #header-email>a:before,.vuemigo-header #header-notification>a:before,.vuemigo-header #header-friends>a:before{font:normal 22px/1 FontAwesome;-webkit-font-smoothing:antialiased}.vuemigo-header #header-email>a:before{content:"\f0e0"}.vuemigo-header #header-notification>a:before{content:"\f0f3"}.vuemigo-header #header-friends>a:before{content:"\f0c0"}.vuemigo-header #header-email>a:hover,.vuemigo-header #header-notification>a:hover,.vuemigo-header #header-friends>a:hover{color:var(--vm-blue)!important}.vuemigo-header #header-email-img,.vuemigo-header #header-notification-img,.vuemigo-header #header-friends-img{display:none!important}.vuemigo-header #header-profile{display:flex!important;align-items:center;min-width:145px;height:52px!important}.vuemigo-header #header-small-profile-pic{width:46px!important;height:46px!important;margin:0!important;border:2px solid var(--vm-blue)!important;border-radius:50%;object-fit:cover}.vuemigo-header #header-profile p{position:static!important;width:auto!important;margin:0 7px!important}.vuemigo-header #header-profile p a{color:var(--vm-ink)!important}.vuemigo-header #header-name-dropdown{position:static!important;margin:0!important}.vuemigo-header .circle{position:absolute!important;z-index:2;top:-2px!important;right:-2px!important;left:auto!important;display:grid;width:18px!important;height:18px!important;margin:0!important;place-items:center;border:2px solid #fff;border-radius:50%;box-sizing:border-box;background:var(--vm-orange)!important;font:700 10px/1 Arial,sans-serif!important}.vuemigo-header .circle a{display:block!important;color:#fff!important;line-height:14px!important}

/* Keep legacy dropdown panels out of the header's flex flow. Inline display
   changes from user_template.js can still open and close each panel. */
.vuemigo-header .drop-down-lists,.vuemigo-header .drop-down-messages,.vuemigo-header .drop-down-comments,.vuemigo-header .drop-down-friends,.vuemigo-header .drop-down-logout{position:absolute!important;z-index:1000;top:66px!important;right:18px!important;left:auto!important;margin:0!important}.vuemigo-header .drop-down-lists{right:auto!important;left:220px!important}.vuemigo-header .drop-down-messages{right:205px!important}.vuemigo-header .drop-down-comments{right:155px!important}.vuemigo-header .drop-down-friends{right:105px!important}.vuemigo-header .drop-down-logout{right:18px!important}

/* The signed-in page content must begin directly after the fixed-height bar. */
.vuemigo-header-wrap+.vm-dashboard{clear:both!important;margin-top:0!important}

/* Signed-in home page: neutralize the old floated home layout. */
#container>.hhr-modern-home{position:relative!important;inset:auto!important;clear:none!important;float:none!important;display:block!important;width:auto!important;max-width:1440px!important;margin:0 auto!important;padding:22px!important;transform:none!important;vertical-align:top!important}
#container>.vuemigo-header-wrap~.hhr-modern-home{margin-top:0!important}

/* Stable account-action order and spacing across signed-in pages. */
.vuemigo-header #header-email{order:10}.vuemigo-header #header-notification{order:11}.vuemigo-header #header-friends{order:12}.vuemigo-header #header-profile{order:13;margin-left:4px!important}.vuemigo-header #header-email,.vuemigo-header #header-notification,.vuemigo-header #header-friends{overflow:visible!important;cursor:pointer}.vuemigo-header #header-email>a,.vuemigo-header #header-notification>a,.vuemigo-header #header-friends>a{border-radius:50%;background:#fff!important}.vuemigo-header #header-profile>a:first-child{display:flex!important;align-items:center!important}.vuemigo-header #header-name-dropdown{width:10px!important;height:6px!important;object-fit:contain!important}
.vuemigo-header #header-profile .vm-header-profile-main{position:relative!important;z-index:5!important;display:flex!important;min-width:126px!important;height:52px!important;padding:2px 7px 2px 2px!important;align-items:center!important;gap:9px!important;border-radius:27px!important;box-sizing:border-box!important;color:var(--vm-ink)!important;text-decoration:none!important;cursor:pointer!important;pointer-events:auto!important}.vuemigo-header #header-profile .vm-header-profile-main strong{display:block!important;max-width:105px!important;overflow:hidden!important;color:inherit!important;font:700 14px/1 Arial,sans-serif!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vuemigo-header #header-profile .vm-header-profile-main:hover,.vuemigo-header #header-profile .vm-header-profile-main:focus{background:#eef4ff!important;color:var(--vm-blue)!important;outline:none!important}.vuemigo-header #header-profile .vm-header-profile-main:hover #header-small-profile-pic,.vuemigo-header #header-profile .vm-header-profile-main:focus #header-small-profile-pic{border-color:var(--vm-orange)!important;box-shadow:0 0 0 3px rgba(255,91,10,.16)}.vuemigo-header #header-profile .vm-header-account-menu{position:relative!important;z-index:6!important;display:flex!important;width:22px!important;height:40px!important;align-items:center!important;justify-content:center!important}.vuemigo-header #header-profile .vm-header-account-menu:hover{background:#f1f4f9!important;border-radius:12px!important}
@media(max-width:1180px){#top-template-wrap:not(.vuemigo-header-wrap) #hhr-logo-wrapper,.vuemigo-header #hhr-logo-header{margin-right:20px!important}.vuemigo-brand-image{width:175px}.vuemigo-header #hhr-logo-header{flex-basis:175px;width:175px!important}#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar ul,.vuemigo-main-nav{gap:18px}.vuemigo-header #header-search-container{display:none!important}}
@media(max-width:850px){#top-template-wrap:not(.vuemigo-header-wrap){height:auto!important}#top-template-wrap:not(.vuemigo-header-wrap) #top-template{flex-wrap:wrap;height:auto!important;padding:10px 0}#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-wrapper{order:3;flex-basis:100%;height:48px!important}#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar,#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar ul{justify-content:center;height:48px!important;gap:22px}#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li,#top-template-wrap:not(.vuemigo-header-wrap) #top-navigation-bar li a{height:48px!important}.vuemigo-header #header-email,.vuemigo-header #header-notification,.vuemigo-header #header-friends{display:none!important}.vuemigo-header #hhr-logo-header{margin-right:auto!important}.vuemigo-main-nav{position:absolute;left:0;right:0;top:74px;z-index:20;justify-content:center;height:48px;padding:0 12px;background:#fff;border-top:1px solid var(--vm-border);border-bottom:1px solid var(--vm-border)}.vuemigo-header-wrap{margin-bottom:48px}}

/* Shared VueMigo footer: warm, light surface with accessible dark copy. */
#bottom_template-wrap{clear:both!important;margin-top:30px!important;border-top:1px solid #f2b987!important;background:#ffd9b8!important;color:#3b2112!important}
#bottom_template{width:min(1440px,calc(100% - 48px))!important;margin:0 auto!important;padding:38px 24px!important;box-sizing:border-box;background:transparent!important;color:#3b2112!important}
#footer-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px;width:100%!important}
#footer-wrapper>div{float:none!important;width:auto!important}
#footer-wrapper h4{margin:0 0 18px!important;color:#742c05!important;font-weight:800!important}
#footer-wrapper p,#footer-wrapper li,#footer-wrapper a{color:#3b2112!important;line-height:1.8!important}
#footer-wrapper a:hover{color:var(--vm-blue)!important;text-decoration:underline!important}
@media(max-width:760px){#footer-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important}#bottom_template{width:100%!important;padding:30px 20px!important}}

/* VueMigo uses fans rather than legacy friend requests. */
.vuemigo-header #header-friends,.vuemigo-header .drop-down-friends{display:none!important}
.vuemigo-header #header-email,.vuemigo-header .drop-down-messages{display:none!important}

/* Logged-in account menu. */
.vuemigo-header #header-profile .vm-header-account-menu{padding:0!important;border:0!important;background:#fff!important;cursor:pointer!important}
.vuemigo-header #header-profile .vm-header-account-menu[aria-expanded="true"]{background:#eef4ff!important;border-radius:12px!important}
.vuemigo-header .vm-account-dropdown{display:none;width:230px!important;padding:8px!important;border:1px solid var(--vm-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 35px rgba(24,39,75,.18)!important;overflow:hidden!important}
.vuemigo-header .vm-account-dropdown-user{padding:11px 12px 13px;border-bottom:1px solid var(--vm-border)}
.vuemigo-header .vm-account-dropdown-user strong,.vuemigo-header .vm-account-dropdown-user span{display:block;font-family:Arial,sans-serif}
.vuemigo-header .vm-account-dropdown-user strong{color:var(--vm-ink);font-size:14px}.vuemigo-header .vm-account-dropdown-user span{margin-top:4px;color:var(--vm-muted);font-size:12px}
.vuemigo-header .vm-account-dropdown>a{display:flex!important;height:42px!important;padding:0 12px!important;align-items:center!important;gap:10px!important;border-radius:7px!important;color:var(--vm-ink)!important;font:600 14px/1 Arial,sans-serif!important;text-decoration:none!important}
.vuemigo-header .vm-account-dropdown>a:hover,.vuemigo-header .vm-account-dropdown>a:focus{background:#eef4ff!important;color:var(--vm-blue)!important;outline:none!important}
.vuemigo-header .vm-account-dropdown>a>span{width:20px;text-align:center}.vuemigo-header .vm-account-dropdown .vm-account-signout{margin-top:5px;border-top:1px solid var(--vm-border);border-radius:0 0 7px 7px!important;color:#d73737!important}

/* Keep the signed-in member navigation identical on every profile page.
   Page-specific styles may change colors, but never the link dimensions. */
.vm-profile-nav a,
.vm-library .vm-library-sidebar nav a,
.vm-member-nav a,
.vm-member-menu a{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 20px!important;
    font-family:Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.vm-profile-nav a.active,
.vm-library .vm-library-sidebar nav a.active,
.vm-member-nav a.active,
.vm-member-menu a.active{
    height:58px!important;
    min-height:58px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.25!important;
}
.vm-profile-nav a>i,
.vm-member-nav a>span:first-child,
.vm-member-menu a>span:first-child{
    flex:0 0 28px!important;
    width:28px!important;
    margin:0!important;
    text-align:center!important;
}
.vm-library .vm-library-sidebar nav a>span{flex:1 1 auto!important}
.vm-profile-nav a>b,
.vm-member-menu a>b{margin-left:auto!important;font-size:18px!important;line-height:1!important}

/* Keep the session exit visible and consistent across every member workspace. */
.vm-profile-nav a.vm-signout-link,
.vm-library .vm-library-sidebar nav a.vm-signout-link,
.vm-member-nav a.vm-signout-link,
.vm-member-menu a.vm-signout-link{
  margin-top:8px!important;
  border-top:1px solid #e5e7eb!important;
  color:#dc2626!important;
}