/* Tutorshub v8.9.0 — plugin-controlled mobile header, menu button and interaction effects */

.site-header.th-hf-header .th84-mobile-logo-img{display:none!important;width:auto;height:auto;object-fit:contain}
.site-header.th-hf-header .mobile-toggle:before,.site-header.th-hf-header .mobile-toggle:after{content:none!important;display:none!important;box-shadow:none!important}
.site-header.th-hf-header .mobile-toggle{font-size:0!important;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease!important}
.site-header.th-hf-header .th-menu-icon{display:grid!important;align-content:center!important;justify-items:center!important;gap:4px!important;width:24px!important;height:24px!important}
.site-header.th-hf-header .th-menu-icon i{display:block!important;width:21px!important;height:2px!important;margin:0!important;border:0!important;border-radius:999px!important;background:currentColor!important;box-shadow:none!important;transform:none;opacity:1;transition:transform .23s ease,opacity .18s ease,width .23s ease!important}

/* Desktop navigation effects selected in the Website Designer. */
html body .site-header.th-hf-header.th-nav-style-pill .th84-links{gap:8px!important;padding:5px!important;border:1px solid color-mix(in srgb,var(--th-hf-header-text) 12%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--th-hf-header-bg) 75%,transparent)!important}
html body .site-header.th-hf-header.th-nav-style-pill .th84-links a{min-height:38px!important;padding:0 14px!important;border-radius:999px!important}
html body .site-header.th-hf-header.th-nav-style-boxed .th84-links{gap:8px!important}
html body .site-header.th-hf-header.th-nav-style-boxed .th84-links a{min-height:40px!important;padding:0 13px!important;border:1px solid color-mix(in srgb,var(--th-hf-header-text) 14%,transparent)!important;border-radius:8px!important}
html body .site-header.th-hf-header.th-nav-style-uppercase .th84-links a{font-size:12px!important;font-weight:850!important;letter-spacing:.075em!important;text-transform:uppercase!important}
html body .site-header.th-hf-header.th-nav-style-separated .th84-links{gap:0!important}
html body .site-header.th-hf-header.th-nav-style-separated .th84-links a{padding:0 16px!important;border-right:1px solid color-mix(in srgb,var(--th-hf-header-text) 15%,transparent)!important}
html body .site-header.th-hf-header.th-nav-style-separated .th84-links a:last-child{border-right:0!important}
html body .site-header.th-hf-header.th-nav-effect-pill .th84-links a{min-height:40px!important;padding:0 14px!important;border-radius:999px!important;transition:color .2s ease,background-color .2s ease!important}
html body .site-header.th-hf-header.th-nav-effect-pill .th84-links a:before{content:none!important;display:none!important}
html body .site-header.th-hf-header.th-nav-effect-pill .th84-links a:hover,html body .site-header.th-hf-header.th-nav-effect-pill .th84-links a.is-active{color:var(--th-hf-header-accent)!important;background:color-mix(in srgb,var(--th-hf-header-accent) 11%,transparent)!important}
html body .site-header.th-hf-header.th-nav-effect-lift .th84-links a{transition:color .2s ease,transform .2s ease!important}
html body .site-header.th-hf-header.th-nav-effect-lift .th84-links a:before{content:none!important;display:none!important}
html body .site-header.th-hf-header.th-nav-effect-lift .th84-links a:hover,html body .site-header.th-hf-header.th-nav-effect-lift .th84-links a.is-active{color:var(--th-hf-header-accent)!important;transform:translateY(-3px)!important}
html body .site-header.th-hf-header.th-nav-effect-none .th84-links a:before{content:none!important;display:none!important}
html body .site-header.th-hf-header.th-nav-effect-none .th84-links a:hover{transform:none!important;background:transparent!important}

html body .site-header.th-hf-header .th84-actions>a{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
html body .site-header.th-hf-header.th-desktop-button-pill .th84-actions>a{border-radius:999px!important}
html body .site-header.th-hf-header.th-desktop-button-rounded .th84-actions>a{border-radius:10px!important}
html body .site-header.th-hf-header.th-desktop-button-square .th84-actions>a{border-radius:3px!important}
html body .site-header.th-hf-header.th-desktop-button-soft .th84-actions .th84-green{color:var(--th-hf-action-bg)!important;border:1px solid color-mix(in srgb,var(--th-hf-action-bg) 24%,transparent)!important;background:color-mix(in srgb,var(--th-hf-action-bg) 11%,var(--th-hf-header-bg))!important}
html body .site-header.th-hf-header.th-desktop-button-glass .th84-actions>a{border:1px solid color-mix(in srgb,var(--th-hf-header-text) 18%,transparent)!important;background:color-mix(in srgb,var(--th-hf-header-bg) 68%,transparent)!important;backdrop-filter:blur(12px)!important}
html body .site-header.th-hf-header.th-action-effect-lift .th84-actions>a:hover{transform:translateY(-3px)!important;box-shadow:0 12px 25px rgba(5,46,99,.16)!important}
html body .site-header.th-hf-header.th-action-effect-glow .th84-actions>a:hover{transform:none!important;filter:brightness(1.04) saturate(1.08)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--th-hf-action-bg) 18%,transparent),0 12px 28px color-mix(in srgb,var(--th-hf-action-bg) 28%,transparent)!important}
html body .site-header.th-hf-header.th-action-effect-soft .th84-actions>a:hover{transform:scale(1.035)!important;filter:brightness(1.035)!important}
html body .site-header.th-hf-header.th-action-effect-none .th84-actions>a:hover{transform:none!important;box-shadow:none!important;filter:none!important}

@media(max-width:1180px){
 html body .site-header.th84-header.th-hf-header.th-mobile-sticky{position:sticky!important;top:0!important}
 html body .site-header.th84-header.th-hf-header.th-mobile-static{position:relative!important;top:auto!important}
 body.admin-bar .site-header.th84-header.th-hf-header.th-mobile-sticky{top:32px!important}
 html body .site-header.th84-header.th-hf-header .th84-nav{height:var(--th-mobile-header-height)!important;min-height:var(--th-mobile-header-height)!important;background:var(--th-mobile-header-bg)!important}
 html body .site-header.th84-header.th-hf-header .th84-brand{padding:0!important;border:0!important;background:transparent!important}
 html body .site-header.th84-header.th-hf-header .th84-logo-img{display:none!important}
 html body .site-header.th84-header.th-hf-header .th84-mobile-logo-img{display:block!important;width:min(var(--th-hf-mobile-logo-width),calc(100vw - 105px))!important;max-width:var(--th-hf-mobile-logo-width)!important;max-height:calc(var(--th-mobile-header-height) - 20px)!important}
 html body .site-header.th84-header.th-hf-header .mobile-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 var(--th-mobile-button-size)!important;width:var(--th-mobile-button-size)!important;height:var(--th-mobile-button-size)!important;margin:0 0 0 auto!important;padding:0!important;color:var(--th-mobile-button-color)!important;border:1px solid var(--th-mobile-button-border)!important;border-radius:var(--th-mobile-button-radius)!important;background:var(--th-mobile-button-bg)!important;box-shadow:none!important}
 html body .site-header.th84-header.th-hf-header.th-mobile-button-premium .mobile-toggle{box-shadow:0 9px 22px color-mix(in srgb,var(--th-mobile-button-bg) 28%,transparent)!important}
 html body .site-header.th84-header.th-hf-header.th-mobile-button-pill .mobile-toggle{flex-basis:calc(var(--th-mobile-button-size) + 14px)!important;width:calc(var(--th-mobile-button-size) + 14px)!important;border-radius:999px!important}
 html body .site-header.th84-header.th-hf-header.th-mobile-button-outline .mobile-toggle{background:transparent!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--th-mobile-button-border) 30%,transparent)!important}
 html body .site-header.th84-header.th-hf-header.th-mobile-button-minimal .mobile-toggle{border-color:transparent!important;background:transparent!important}
 html body .site-header.th84-header.th-hf-header.th-mobile-button-glass .mobile-toggle{background:color-mix(in srgb,var(--th-mobile-button-bg) 72%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 9px 24px rgba(4,30,66,.12)!important;backdrop-filter:blur(12px)!important}
 html body .site-header.th84-header.th-hf-header .mobile-toggle:hover{transform:translateY(-2px)!important}
 html body .site-header.th84-header.th-hf-header.menu-open .mobile-toggle{transform:none!important}

 html body .site-header.th84-header.th-hf-header .mobile-menu{display:block!important;top:100%!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;color:var(--th-mobile-menu-text)!important;background:var(--th-mobile-panel-bg)!important;border-top:1px solid color-mix(in srgb,var(--th-mobile-menu-text) 13%,transparent)!important;transform:none!important;transform-origin:top center!important;transition:max-height .34s ease,opacity .24s ease,transform .34s cubic-bezier(.2,.8,.2,1),visibility .34s!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu .container{max-height:calc(100dvh - var(--th-mobile-header-height))!important;overflow-y:auto!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu a,html body .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-language>strong{color:var(--th-mobile-menu-text)!important;border-color:color-mix(in srgb,var(--th-mobile-menu-text) 12%,transparent)!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu a:hover{color:var(--th-mobile-menu-accent)!important;padding-left:10px!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-account a{color:var(--th-mobile-menu-text)!important;border-color:color-mix(in srgb,var(--th-mobile-menu-text) 14%,transparent)!important;background:color-mix(in srgb,var(--th-mobile-menu-text) 5%,transparent)!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-account a:last-child{color:var(--th-mobile-menu-accent-text)!important;border-color:var(--th-mobile-menu-accent)!important;background:var(--th-mobile-menu-accent)!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-language{border-color:color-mix(in srgb,var(--th-mobile-menu-text) 13%,transparent)!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu .th-mobile-language .th-language-switch{border-color:color-mix(in srgb,var(--th-mobile-menu-text) 15%,transparent)!important;background:color-mix(in srgb,var(--th-mobile-panel-bg) 88%,#fff)!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu.is-open,html body .site-header.th84-header.th-hf-header.menu-open .mobile-menu{max-height:calc(100dvh - var(--th-mobile-header-height))!important;overflow-y:auto!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}

 html body .site-header.th-mobile-effect-slide-fade .mobile-menu{transform:translateY(-15px)!important}
 html body .site-header.th-mobile-effect-scale .mobile-menu{transform:scaleY(.94)!important}
 html body .site-header.th-mobile-effect-side .mobile-menu{transform:translateX(28px)!important}
 html body .site-header.th-mobile-effect-slide-fade .mobile-menu.is-open,html body .site-header.th-mobile-effect-slide-fade.menu-open .mobile-menu,html body .site-header.th-mobile-effect-scale .mobile-menu.is-open,html body .site-header.th-mobile-effect-scale.menu-open .mobile-menu,html body .site-header.th-mobile-effect-side .mobile-menu.is-open,html body .site-header.th-mobile-effect-side.menu-open .mobile-menu{transform:none!important}

 /* Squeeze is the default open state: it stays a menu symbol instead of showing an X. */
 html body .site-header.th-icon-effect-squeeze.menu-open .th-menu-icon i:first-child{transform:translateY(3px)!important;width:16px!important}
 html body .site-header.th-icon-effect-squeeze.menu-open .th-menu-icon i:nth-child(2){width:11px!important}
 html body .site-header.th-icon-effect-squeeze.menu-open .th-menu-icon i:last-child{transform:translateY(-3px)!important;width:16px!important}
 html body .site-header.th-icon-effect-morph.menu-open .th-menu-icon i:first-child{transform:translateY(6px) rotate(45deg)!important}
 html body .site-header.th-icon-effect-morph.menu-open .th-menu-icon i:nth-child(2){opacity:0!important;transform:scaleX(0)!important}
 html body .site-header.th-icon-effect-morph.menu-open .th-menu-icon i:last-child{transform:translateY(-6px) rotate(-45deg)!important}
 html body .site-header.th-icon-effect-spin.menu-open .mobile-toggle{transform:rotate(90deg)!important}
 html body .site-header.th-icon-effect-spin.menu-open .th-menu-icon i:first-child{transform:translateY(6px) rotate(45deg)!important}
 html body .site-header.th-icon-effect-spin.menu-open .th-menu-icon i:nth-child(2){opacity:0!important}
 html body .site-header.th-icon-effect-spin.menu-open .th-menu-icon i:last-child{transform:translateY(-6px) rotate(-45deg)!important}
}

@media(max-width:782px){body.admin-bar .site-header.th84-header.th-hf-header.th-mobile-sticky{top:46px!important}}

@media(max-width:520px){
 html body .site-header.th84-header.th-hf-header .th84-nav{padding-left:14px!important;padding-right:14px!important}
 html body .site-header.th84-header.th-hf-header .mobile-menu .container{padding-bottom:max(20px,env(safe-area-inset-bottom))!important}
}

@media(prefers-reduced-motion:reduce){.site-header.th-hf-header .mobile-toggle,.site-header.th-hf-header .th-menu-icon i,.site-header.th-hf-header .mobile-menu,.site-header.th-hf-header .th84-links a,.site-header.th-hf-header .th84-actions>a{transition:none!important}}
