:root { --hs-font: Inter; --hs-primary: #3B82F6; --hs-secondary: #F4F4F5; --hs-bg: #FFFFFF; --hs-bg-option: #FAFAFA; --hs-text: #18181B; --hs-text-secondary: ; --hs-text-muted: #71717A; --hs-link: #3B82F6; --hs-link-visited: #3B82F6; --hs-button-hover: #2563EB; --hs-border: ; } :root { --hs-font: Inter; --hs-primary: #3B82F6; --hs-secondary: #F4F4F5; --hs-bg: #FFFFFF; --hs-bg-option: #FAFAFA; --hs-text: #18181B; --hs-text-secondary: ; --hs-text-muted: #71717A; --hs-link: #3B82F6; --hs-link-visited: #3B82F6; --hs-button-hover: #2563EB; --hs-border: ; } html, body { height: 100%; } html body, html body[class]{ min-height: 100vh; display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; } body{ background: var(--hs-bg,#fff); color: var(--hs-text,#111); font-family: var(--hs-font) !important; } a{ color: var(--hs-link,#2563eb); } a:visited{ color: var(--hs-link-visited,var(--hs-link,#2563eb)); } header, footer{ background: var(--hs-bg-option, #F5F6F7); } .btn.btn-primary, .contact-link, .btn-primary{ background: var(--hs-primary,#2563eb); border-color: var(--hs-primary,#2563eb); color: #fff !important; text-decoration: none; } .btn.btn-primary:hover, .contact-link:hover, .btn-primary:hover{ background: var(--hs-button-hover, var(--hs-primary,#2563eb)); border-color: var(--hs-button-hover, var(--hs-primary,#2563eb)); color: #fff !important; text-decoration: none; } header .nav-links a.contact-link { display: inline-block; padding: 8px 10px; border-radius: 8px; text-decoration: none; color: #fff !important; border: 1px solid var(--hs-primary,#2563eb); } /* Default theme header: avoid search input overlap by allowing wrap. Some sites have long titles + Contact Us + search, which can collide. */ header .container { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } header h1 { margin: 0; float: none !important; flex: 0 0 auto; min-width: 0; } header .nav-links { float: none !important; flex: 0 0 auto; margin-left: auto; } header #search-form-container { float: none !important; flex: 1 1 320px; min-width: 260px; width: 100%; margin-left: auto; } header #search-form { width: 100%; } header #search-form input[type="search"] { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Sticky footer: let main content fill vertical space */ #content-container { flex: 1 1 auto !important; width: 100%; } footer { margin-top: auto !important; flex-shrink: 0; } .bottom-footer, .container.bottom-footer { flex-shrink: 0; } @media (max-width: 767px) { header .nav-links { width: 100%; margin-left: 0; } header #search-form-container { flex-basis: 100%; min-width: 0; } } /* Default theme footer: keep Browse by Topic bullets visible */ footer .topic-list { list-style-type: disc !important; list-style-position: inside !important; padding-left: 0 !important; margin: 0; } footer .topic-list > li { display: list-item !important; margin: 0 0 2px 0; line-height: 1.35; } footer .topic-list > li::marker { color: var(--hs-text-secondary, var(--hs-text)) !important; } /* Default theme bottom footer: consistent font + list layout */ .container.bottom-footer { color: var(--hs-text-secondary, var(--hs-text,#4B5563)) !important; padding-top: 14px; padding-bottom: 14px; } .container.bottom-footer ul { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; justify-content: flex-end; width: 100%; margin: 0; padding: 0; list-style: none; font-weight: 500; } .container.bottom-footer li { margin: 0; white-space: nowrap; font-weight: 500; } .container.bottom-footer a { color: var(--hs-link,#2563eb) !important; } @media (max-width: 767px) { .container.bottom-footer ul { justify-content: center; } } /* Default theme: article pages often feel too narrow because the wrapper uses Bootstrap's container max-width. Widen only the main content wrapper so header/footer remain unchanged. */ #content-container.container { width: 100% !important; max-width: 1440px !important; } @media (min-width: 1536px) { #content-container.container { max-width: 1600px !important; } }

VTube-LASER to Transfluid Dealer Event Demo Video