/* ============================================================ Vyrquon Kyvrendal — Custom Styles Domain: vyrquonkyvrendal.com Theme: MBA & Business Video Courses | Sweden ============================================================ */ /* ---------- Text Logo (replaces image logo) ---------- */ .vk-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; } .vk-logo__icon { width: 42px; height: 42px; background: var(--main-600, #1a6b3a); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 20px; color: #fff; } .vk-logo__text { display: flex; flex-direction: column; line-height: 1.1; } .vk-logo__brand { font-size: 16px; font-weight: 800; color: #0d1b2a; letter-spacing: -0.3px; white-space: nowrap; } .vk-logo__tagline { font-size: 10px; font-weight: 500; color: #6b7280; letter-spacing: 0.6px; text-transform: uppercase; white-space: nowrap; } /* Mobile menu logo */ .mobile-menu__logo .vk-logo__brand { font-size: 15px; } .mobile-menu__logo .vk-logo__icon { width: 36px; height: 36px; font-size: 17px; } /* ---------- Ensure "Get an Quate" btn stays accessible ---------- */ .header-cta-link { font-weight: 600; font-size: 0.95rem; color: #0d1b2a; text-decoration: underline; white-space: nowrap; } /* ---------- Nav anchor links — remove default cursor issues ---------- */ .nav-menu__link[href^="#"], .nav-submenu__link[href^="#"] { cursor: pointer; } /* ---------- Smooth scroll ---------- */ html { scroll-behavior: smooth; } /* ---------- Section anchor offset (sticky header fix) ---------- */ [id] { scroll-margin-top: 90px; } /* ---------- Favicon emoji placeholder ---------- */ /* (handled via in ) */ /* ---------- Responsive logo adjustments ---------- */ @media (max-width: 1199px) { .vk-logo__tagline { display: none; } .vk-logo__brand { font-size: 14px; } } @media (max-width: 575px) { .vk-logo__icon { width: 34px; height: 34px; font-size: 16px; } .vk-logo__brand { font-size: 13px; } } /* ---------- Mobile Menu Slide-in ---------- */ .mobile-menu { transition: transform 0.3s ease; } .mobile-menu.active { transform: translateX(0) !important; } .side-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 998; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } .side-overlay.show { opacity: 1; pointer-events: auto; } body.scroll-hide-sm { overflow: hidden; } /* ---------- Cookie Banner ---------- */ #cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #0d1b2a; color: #fff; z-index: 9999; padding: 16px 24px; box-shadow: 0 -2px 12px rgba(0,0,0,0.3); } .cookie-banner__inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .cookie-banner__text { margin: 0; font-size: 14px; line-height: 1.5; flex: 1; min-width: 200px; } .cookie-banner__actions { display: flex; gap: 10px; flex-shrink: 0; } .cookie-banner__btn { padding: 8px 20px; border: none; border-radius: 6px; font-weight: 600; font-size: 14px; cursor: pointer; transition: opacity 0.2s; } .cookie-banner__btn:hover { opacity: 0.85; } .cookie-banner__btn--accept { background: #1a6b3a; color: #fff; } .cookie-banner__btn--decline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.4); }