/* ===== Legacy frontend rules consolidated from style.css ===== */ /* ============================================================ TRAVELBUDDY — EDITORIAL THEME Design tokens: warm ink & paper palette, serif display type NOTE: variable names kept stable (--primary, --text, --bg, etc.) because several templates (post.php, category.php) reference them directly via inline style="...var(--x)..." attributes. ============================================================ */ /* ============================================================ DARK MODE Toggled via a `data-theme="dark"` attribute on , set by the inline script in header.php (before first paint, to avoid a flash of the wrong theme) and by the toggle button's click handler. Same variable names, dark values — everything already built on var(--x) re-themes automatically. ============================================================ */ [data-theme="dark"] { --primary: #e08a5c; --primary-dark: #d97a4f; --secondary: #d4b571; --text: #f0e9e0; --text-light: #a89e8f; --bg: #17130f; --border: #3a322a; --shadow: 0 14px 34px rgba(0, 0, 0, 0.45); --card: #221c17; --accent-soft: #332a20; --shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.3); --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55); --footer-bg: #100d0a; --footer-text: #a89e8f; } /* Smooth, non-jarring theme switch */ body, .header, .footer, .post-card, .sidebar-widget, .category-tag { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.01em; } a { text-decoration: none; color: inherit; } img { max-width: 100%; display: block; } /* should be layout-invisible — the inside it keeps behaving exactly as if it were a direct child of its real parent, so wrapping images for WebP delivery never affects existing sizing. */ picture { display: contents; } .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } /* ============================================================ HEADER ============================================================ */ [data-theme="dark"] .header { background: rgba(23, 19, 15, 0.92); } .logo { display: flex; align-items: center; gap: 11px; text-decoration: none; flex-shrink: 0; } .logo-icon { width: 38px; height: 38px; border-radius: 50%; background: var(--accent-soft); color: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; } .nav { display: flex; align-items: center; gap: 4px; } .nav a:hover { color: var(--primary); background: var(--accent-soft); } .nav a.active { color: var(--primary); background: var(--accent-soft); } .nav .social-link { padding: 8px 10px; font-size: 0.95rem; color: var(--text-light); } .nav .social-link:hover { color: var(--primary); background: var(--accent-soft); } .btn-search { padding: 7px 16px; border-radius: 30px; background: transparent; color: var(--text-light); border: 1px solid var(--border); cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px; font-size: 0.8rem; text-decoration: none; } .btn-search:hover { border-color: var(--primary); color: var(--primary); } .btn-search i { font-size: 0.75rem; } .theme-toggle { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border-radius: 50%; background: transparent; color: var(--text-light); border: 1px solid var(--border); cursor: pointer; transition: all 0.2s ease; font-size: 0.85rem; } .theme-toggle:hover { border-color: var(--primary); color: var(--primary); } .theme-toggle-label { display: none; } /* Show the moon in light mode (click to go dark), the sun in dark mode (click to go light) — only one icon/label is ever visible. */ .theme-toggle-icon-light, .theme-toggle-label-light { display: none; } [data-theme="dark"] .theme-toggle-icon-dark, [data-theme="dark"] .theme-toggle-label-dark { display: none; } [data-theme="dark"] .theme-toggle-icon-light { display: inline; } [data-theme="dark"] .theme-toggle-label-light { display: inline; } .nav-user { display: flex; align-items: center; gap: 8px; padding: 4px 14px 4px 4px; border-radius: 30px; background: var(--accent-soft); text-decoration: none; transition: all 0.2s ease; } .nav-user:hover { background: var(--border); } .nav-user .user-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 2px solid var(--card); } .nav-user .user-name { font-size: 0.8rem; font-weight: 600; color: var(--text); } .btn-logout { padding: 7px 16px; border-radius: 30px; border: 1px solid var(--border); background: transparent; color: var(--text-light); font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; text-decoration: none; } .btn-logout:hover { border-color: var(--primary); color: var(--primary); background: var(--accent-soft); } .menu-toggle:hover { background: var(--accent-soft); } .nav-separator { width: 1px; height: 22px; background: var(--border); margin: 0 4px; } @media (max-width: 768px) { .menu-toggle { display: block; } .nav { display: none; flex-direction: column; align-items: stretch; position: absolute; top: 76px; left: 0; right: 0; background: var(--card); padding: 16px 20px; box-shadow: var(--shadow-lg); gap: 2px; border-top: 1px solid var(--border); max-height: calc(100vh - 76px); overflow-y: auto; } .nav.open { display: flex; } .nav a { padding: 12px 16px; width: 100%; border-radius: 8px; } .nav .social-link { font-size: 1rem; justify-content: flex-start; } .btn-search { width: 100%; justify-content: center; padding: 10px; } .nav-user { width: 100%; justify-content: center; padding: 8px 16px; } .btn-logout { width: 100%; text-align: center; padding: 10px; } .nav-separator { display: none; } .theme-toggle { width: 100%; height: auto; border-radius: 8px; justify-content: flex-start; gap: 10px; padding: 12px 16px; } .theme-toggle-label { display: inline; font-size: 0.85rem; font-weight: 500; } } @media (max-width: 480px) { .logo-tagline { display: none; } .logo-text { font-size: 1.15rem; } .logo-icon { width: 32px; height: 32px; font-size: 0.9rem; } .header-inner { height: 62px; } .nav { top: 62px; } } /* ============================================================ HERO / TOP DESTINATIONS MAP ============================================================ */ [data-theme="dark"] .hero-map { background: linear-gradient(180deg, var(--card) 0%, var(--bg) 100%); } .hero-header { text-align: center; margin-bottom: 40px; } .hero-header h1 i { color: var(--primary); font-size: 0.7em; } .world-map-section h2 { font-size: 1.5rem; font-weight: 600; color: var(--text); margin-bottom: 4px; text-align: center; } .map-subtitle { text-align: center; color: var(--text-light); font-size: 0.88rem; margin-bottom: 24px; font-family: var(--font-body); } [data-theme="dark"] .world-map-container { background-color: var(--card); background-image: radial-gradient(rgba(224, 138, 92, 0.16) 1px, transparent 1px); } .country-flag { font-size: 1.4rem; line-height: 1; flex-shrink: 0; } .country-info { display: flex; justify-content: space-between; align-items: center; flex: 1; min-width: 0; } .country-name { font-size: 0.88rem; font-weight: 500; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .country-count { font-size: 0.72rem; font-weight: 700; background: var(--primary); color: white; padding: 1px 9px; border-radius: 5px; line-height: 1.6; flex-shrink: 0; margin-left: 6px; min-width: 26px; text-align: center; } .map-stats { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 28px; padding: 18px 20px; margin-top: 16px; background: var(--card); border-radius: 12px; border: 1px solid var(--border); } .stat-item { display: flex; align-items: baseline; gap: 6px; } .stat-number { font-family: var(--font-display); font-size: 1.5rem; font-weight: 600; color: var(--text); line-height: 1.2; } .stat-label { font-size: 0.82rem; color: var(--text-light); font-weight: 500; } .stat-divider { width: 1px; height: 26px; background: var(--border); } @media (max-width: 1024px) { .country-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .hero-map { padding: 36px 0 30px; } .country-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 12px; } .country-card { padding: 8px 12px; } .country-flag { font-size: 1.15rem; } .country-name { font-size: 0.78rem; } .country-count { font-size: 0.68rem; padding: 1px 7px; min-width: 22px; } .map-stats { gap: 4px 14px; padding: 14px 16px; } .stat-number { font-size: 1.15rem; } .stat-label { font-size: 0.74rem; } .stat-divider { height: 22px; } } @media (max-width: 480px) { .country-grid { grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; } .country-card { padding: 6px 10px; } .country-count { min-width: 20px; } .map-stats { flex-direction: column; gap: 6px; padding: 12px; } .stat-divider { display: none; } } /* ============================================================ SECTION TITLES ============================================================ */ .section-title i { width: 34px; height: 34px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--accent-soft); color: var(--primary); border-radius: 50%; font-size: 0.9rem; } /* ============================================================ CATEGORY GRID ============================================================ */ .category-icon { font-size: 2.3rem; line-height: 1; display: block; } .category-name { font-family: var(--font-display); font-size: 1.1rem; font-weight: 600; font-style: italic; color: var(--text); display: block; } .category-count { font-family: var(--font-body); font-size: 0.72rem; font-weight: 500; color: var(--text-light); background: var(--accent-soft); padding: 2px 13px; border-radius: 20px; display: inline-block; } @media (max-width: 992px) { .category-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .category-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .category-name { font-size: 0.92rem; } .category-icon { font-size: 1.9rem; } .section-title { font-size: 1.4rem; margin-top: 44px; } } @media (max-width: 480px) { .category-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .category-name { font-size: 0.82rem; } .category-icon { font-size: 1.5rem; } .category-count { font-size: 0.62rem; padding: 1px 9px; } } /* ============================================================ POPULAR DESTINATIONS ============================================================ */ .dest-card h4 { font-size: 1.05rem; font-weight: 600; color: var(--text); margin-bottom: 2px; } .dest-card .place { color: var(--text-light); font-size: 0.82rem; display: flex; align-items: center; gap: 4px; } .dest-card .tag { position: absolute; top: 10px; left: 10px; background: rgba(32, 26, 20, 0.72); backdrop-filter: blur(3px); padding: 3px 11px; border-radius: 30px; font-size: 0.68rem; font-weight: 600; color: white; letter-spacing: 0.2px; } /* Theme Strip */ .theme-strip { display: flex; flex-wrap: wrap; gap: 12px; margin: 4px 0 24px; } .theme-pill { background: var(--card); padding: 9px 24px; border-radius: 30px; border: 1px solid var(--border); font-family: var(--font-display); font-style: italic; font-weight: 500; color: var(--text); transition: all 0.2s ease; } .theme-pill:hover { border-color: var(--primary); background: var(--accent-soft); color: var(--primary-dark); } /* ============================================================ BLOG / ARTICLE GRID ============================================================ */ .blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 26px; margin: 4px 0 32px; } .blog-card { background: var(--card); border-radius: 10px; overflow: hidden; box-shadow: var(--shadow-soft); transition: all 0.25s ease; border: 1px solid var(--border); } .blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: var(--primary); } .blog-img { height: 190px; object-fit: cover; width: 100%; transition: transform 0.45s ease; } .blog-card:hover .blog-img { transform: scale(1.06); } .blog-body { padding: 18px 20px 20px; } .blog-body h3 { font-size: 1.12rem; font-weight: 600; line-height: 1.32; margin-bottom: 8px; color: var(--text); } .blog-body h3 a:hover { color: var(--primary); } .blog-body p { color: var(--text-light); font-size: 0.9rem; font-family: var(--font-body); } .blog-meta { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border); font-size: 0.76rem; color: var(--text-light); display: flex; gap: 14px; letter-spacing: 0.1px; } /* ============================================================ SINGLE POST ============================================================ */ .post-header { padding: 44px 0 26px; background: transparent; border-bottom: 1px solid var(--border); } .post-header h1 { font-size: clamp(2rem, 4.2vw, 2.9rem); line-height: 1.18; font-weight: 600; max-width: 820px; color: var(--text); } .post-meta { color: var(--text-light); font-size: 0.88rem; display: flex; gap: 18px; flex-wrap: wrap; margin: 12px 0 4px; font-family: var(--font-body); } .post-featured-img { width: 100%; max-height: 500px; object-fit: cover; border-radius: var(--radius); margin: 24px 0; box-shadow: var(--shadow-soft); } .post-content { font-family: var(--font-body); font-size: 1.08rem; line-height: 1.85; max-width: 780px; margin: 0 auto; padding: 20px 0 40px; color: var(--text); } .post-content p:first-of-type::first-letter { font-family: var(--font-display); float: left; font-size: 3.6rem; line-height: 0.82; font-weight: 600; padding: 6px 10px 0 0; color: var(--primary); } .post-content h2 { margin: 42px 0 14px; font-size: 1.65rem; } .post-content h3 { margin: 28px 0 12px; font-size: 1.3rem; } .post-content a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; } .post-content img { max-width: 100%; border-radius: 10px; margin: 20px 0; } .post-content blockquote { border-left: 3px solid var(--primary); padding-left: 22px; margin: 28px 0; font-family: var(--font-display); font-style: italic; font-size: 1.25rem; color: var(--text); } /* ============================================================ CATEGORY PAGE ============================================================ */ .breadcrumb { display: flex; align-items: center; gap: 6px; font-size: 0.82rem; color: var(--text-light); margin-bottom: 14px; font-family: var(--font-body); } .breadcrumb a { color: var(--text-light); } .breadcrumb a:hover { color: var(--primary); } .breadcrumb .sep { opacity: 0.5; } .breadcrumb .current { color: var(--text); font-weight: 500; } .category-hero { background: transparent; padding: 44px 0 30px; border-bottom: 1px solid var(--border); } .category-hero h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); display: flex; align-items: center; gap: 12px; } .category-hero .cat-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--accent-soft); color: var(--primary); display: inline-flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; } .category-hero .sub { color: var(--text-light); margin-top: 10px; font-size: 1.02rem; max-width: 640px; } .category-hero .count-line { color: var(--text); font-weight: 500; font-size: 0.85rem; margin-top: 6px; letter-spacing: 0.2px; } .pagination a { font-family: var(--font-body); font-weight: 500; font-size: 0.88rem; transition: all 0.2s ease; } .pagination a:hover { border-color: var(--primary) !important; color: var(--primary); } .empty-state { text-align: center; padding: 70px 20px; color: var(--text-light); } .empty-state i { font-size: 2.6rem; color: var(--accent-soft); margin-bottom: 14px; display: block; } /* ============================================================ SEARCH RESULTS ============================================================ */ .search-header { padding: 40px 0 20px; } .search-header h1 { font-size: clamp(1.7rem, 3.6vw, 2.2rem); } .search-results { display: flex; flex-direction: column; gap: 18px; margin: 20px 0 40px; } .search-result { background: var(--card); padding: 22px 26px; border-radius: var(--radius); box-shadow: var(--shadow-soft); border: 1px solid var(--border); transition: all 0.2s ease; } .search-result:hover { border-color: var(--primary); box-shadow: var(--shadow); } .search-result h3 { font-size: 1.18rem; } .search-result h3 a:hover { color: var(--primary); } .search-result .meta { font-size: 0.84rem; color: var(--text-light); display: flex; gap: 14px; margin-top: 6px; font-family: var(--font-body); } .search-result .excerpt { margin: 10px 0; color: var(--text-light); font-family: var(--font-body); } .search-result .read-more { color: var(--primary); font-weight: 600; font-family: var(--font-body); font-size: 0.88rem; } /* ============================================================ BUTTONS & FORMS (shared) ============================================================ */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 28px; border-radius: 8px; font-family: var(--font-body); font-weight: 600; font-size: 0.92rem; cursor: pointer; border: none; transition: all 0.2s ease; text-decoration: none; } .btn-primary { background: var(--primary); color: #fff; } .btn-primary:hover { background: var(--primary-dark); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(179, 80, 44, 0.25); } .btn-secondary { background: var(--card); color: var(--primary); border: 1px solid var(--border); } .btn-secondary:hover { border-color: var(--primary); background: var(--accent-soft); transform: translateY(-1px); } .btn-sm { padding: 8px 18px; font-size: 0.82rem; } .form-group { margin-bottom: 14px; } .form-group input, .form-group textarea { width: 100%; padding: 12px 15px; border: 1px solid var(--border); border-radius: 8px; font-family: var(--font-body); font-size: 0.92rem; background: var(--card); color: var(--text); transition: all 0.2s ease; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(179, 80, 44, 0.12); } /* ============================================================ FOOTER ============================================================ */ .newsletter-copy h3 { color: #fff; font-size: 1.2rem; margin: 0 0 6px; display: flex; align-items: center; gap: 8px; } .newsletter-copy p { color: var(--footer-text); margin: 0; font-size: 0.9rem; } .newsletter-form { display: flex; gap: 10px; flex-wrap: wrap; } .newsletter-form input[type="email"] { padding: 11px 16px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.06); color: #fff; font-size: 0.9rem; min-width: 240px; } .newsletter-form input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.45); } .newsletter-form input[type="email"]:focus { outline: none; border-color: var(--primary); background: rgba(255, 255, 255, 0.1); } .newsletter-form button:hover { background: var(--primary-dark); } .newsletter-form button:disabled { opacity: 0.6; cursor: not-allowed; } .newsletter-message { width: 100%; margin: 10px 0 0; font-size: 0.85rem; min-height: 1.2em; } .newsletter-message.is-success { color: #7dd39a; } .newsletter-message.is-error { color: #e8938d; } @media (max-width: 640px) { .newsletter-banner { flex-direction: column; align-items: flex-start; } .newsletter-form { width: 100%; } .newsletter-form input[type="email"] { flex: 1; min-width: 0; } } .footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; text-align: center; } .footer-col { display: flex; flex-direction: column; align-items: center; } .footer h3 { font-size: 1.3rem; font-style: italic; } .footer h3, .footer h4 { color: #fff; margin-bottom: 14px; } .footer a:hover { color: var(--secondary); } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 22px; margin-top: 30px; text-align: center; font-size: 0.86rem; color: #8a7f6c; } /* ============================================================ RESPONSIVE (global) ============================================================ */ @media (max-width: 768px) { .post-header h1 { font-size: 1.8rem; } .blog-grid { grid-template-columns: 1fr 1fr; } .dest-grid { grid-template-columns: 1fr 1fr; } .footer-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .blog-grid { grid-template-columns: 1fr; } .dest-grid { grid-template-columns: 1fr; } } /* ============================================================ TRAVEL BUDDY 2026 DESIGN SYSTEM OVERRIDES ============================================================ */ :root { --primary: #b3502c; --primary-dark: #8f3f21; --secondary: #a9812f; --text: #201a14; --text-light: #6b6255; --bg: #faf6f0; --border: #e6ddd0; --radius: 10px; --shadow: 0 14px 34px rgba(32, 26, 20, 0.10); --card: #ffffff; --accent-soft: #f4e6d9; --shadow-soft: 0 4px 16px rgba(32, 26, 20, 0.06); --shadow-lg: 0 24px 60px rgba(32, 26, 20, 0.16); --font-display: "Fraunces", Georgia, "Times New Roman", serif; --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --footer-bg: #201a14; --footer-text: #b9ac99; --tb-ink:#17211b; --tb-muted:#66736a; --tb-paper:#fbfaf7; --tb-card:#fff; --tb-brand:#b4532f; --tb-brand-2:#d17a4d; --tb-accent:#d9a441; --tb-line:#e8e4dc; --tb-shadow:0 18px 55px rgba(35,42,36,.10); --tb-radius:20px; } html { scroll-behavior:smooth; } body { font-family: var(--font-body); background:var(--tb-paper); color:var(--tb-ink); line-height: 1.6; -webkit-font-smoothing: antialiased; } .header { background:rgba(251,250,247,.92); backdrop-filter:blur(16px); -webkit-backdrop-filter: blur(10px); border-bottom:1px solid rgba(23,33,27,.08); position:sticky; top:0; z-index:1000; } .header-inner { display: flex; align-items: center; justify-content: space-between; height: 76px; min-height:74px; } .logo-text { font-family:Fraunces,serif; font-weight:700; font-style: italic; font-size: 1.4rem; color: var(--text); -webkit-text-fill-color: var(--text); letter-spacing:-.02em; } .logo-tagline { font-family: var(--font-body); font-size: 0.55rem; font-weight: 500; color: var(--text-light); -webkit-text-fill-color: var(--text-light); display: block; letter-spacing: 1.2px; text-transform: uppercase; margin-top: 1px; opacity:.7; } .nav a { padding: 8px 14px; border-radius:999px; font-weight: 500; font-size: 0.85rem; letter-spacing: 0.1px; color: var(--text-light); text-decoration: none; transition: all 0.2s ease; white-space: nowrap; } .nav a:hover,.nav a.active { background:rgba(180,83,47,.09); color:var(--tb-brand); } .menu-toggle { display: none; background:#fff; border:1px solid var(--tb-line); font-size: 1.3rem; color: var(--text); cursor: pointer; padding: 4px 8px; border-radius:12px; } .hero-map { background:radial-gradient(circle at 85% 15%,rgba(217,164,65,.20),transparent 28%),linear-gradient(135deg,#fff 0%,#f4efe7 100%); padding:clamp(32px,6vw,76px) 0; margin-bottom: 8px; border-bottom: 1px solid var(--border); position:relative; overflow:hidden; } .hero-header h1 { display: flex; align-items: center; justify-content: center; gap: 14px; font-size:clamp(2.2rem,5vw,4.7rem); font-weight: 600; font-style: italic; color: var(--text); margin-bottom:12px; line-height:1.02; letter-spacing:-.04em; } .hero-header .sub { font-family: var(--font-body); font-size:1.12rem; color:var(--tb-muted); font-style: normal; } .world-map-container,.country-grid,.category-card,.dest-card,.post-card,.sidebar-widget,.newsletter-banner { border-radius:var(--tb-radius); } .world-map-container { background-color: #f2e9dc; background-image: radial-gradient(rgba(179, 80, 44, 0.14) 1px, transparent 1px); background-size: 15px 15px; border-radius: 20px; padding:clamp(18px,3vw,34px); border:1px solid rgba(23,33,27,.07); background:rgba(255,255,255,.75); box-shadow:var(--tb-shadow); } .country-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding: 16px; background: var(--card); border-radius: 14px; } .country-card { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; background:#fff; border:1px solid var(--tb-line); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; cursor: pointer; text-decoration: none; } .country-card:hover { transform:translateY(-3px); border-color:rgba(180,83,47,.35); box-shadow:0 10px 28px rgba(0,0,0,.08); background: var(--card); } .category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom: 20px; } .category-card { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; min-height: 140px; padding:20px; border-radius: 10px; border-top: 4px solid var(--primary); text-decoration: none; background:#fff; box-shadow:0 6px 24px rgba(0,0,0,.04); transition:.2s; border:1px solid var(--tb-line); } .category-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.08); } .dest-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin: 4px 0 24px; } .dest-card { display: block; background:#fff; border-radius: 10px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.06); transition:transform .22s ease,box-shadow .22s ease; border:1px solid var(--tb-line); } .dest-card:hover { transform:translateY(-5px); box-shadow:var(--tb-shadow); border-color: var(--primary); } .dest-img-wrap { position: relative; height: 150px; overflow:hidden; background: var(--accent-soft); aspect-ratio:4/3; } .dest-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } .dest-card:hover .dest-img-wrap img { transform:scale(1.045); } .dest-body { padding:17px; } .dest-body h4 { font-family:Fraunces,serif; font-size:1.18rem; line-height:1.25; margin:0 0 7px; } .place { color:var(--tb-muted); font-size:.88rem; } .section-title { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 58px 0 20px; padding-bottom: 16px; border-bottom: 1px solid var(--border); font-size: 1.85rem; font-weight: 600; color: var(--text); margin-top:48px; margin-bottom:18px; } .section-title-link { font-family:Fraunces,serif; font-size:clamp(1.55rem,3vw,2.25rem); letter-spacing:-.02em; } .section-subtitle { flex-basis: 100%; font-family: var(--font-body); font-size: 0.85rem; font-weight: 400; color:var(--tb-muted); margin-left:10px; } .newsletter-banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background:linear-gradient(135deg,#1b2a22,#304b3c); color:#fff; padding:28px; box-shadow:var(--tb-shadow); } .newsletter-form input { border-radius:12px; } .newsletter-form button { display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px; border-radius:12px; border: none; background:var(--tb-accent); color:#1c1b17; font-weight:800; font-size: 0.9rem; cursor: pointer; transition: background 0.2s; white-space: nowrap; } .footer { background:#17211b; color: var(--footer-text); padding: 56px 0 24px; margin-top:70px; } .footer a { display: block; margin-bottom: 8px; color:rgba(255,255,255,.78); transition: 0.2s; font-size: 0.92rem; } [data-theme=dark] body { background:#101512; color:#edf2ed; } .theme-toggle,.menu-toggle { background:var(--tb-card); } @media (max-width:1100px) { .country-grid { grid-template-columns:repeat(4,1fr); } .dest-grid { grid-template-columns:repeat(3,1fr); } } @media (max-width:800px) { .country-grid,.category-grid { grid-template-columns:repeat(2,1fr); } .dest-grid { grid-template-columns:repeat(2,1fr); } .section-subtitle { display:block; margin:4px 0 0; } .header { position:sticky; } } @media (max-width:520px) { .country-grid,.category-grid,.dest-grid { grid-template-columns:1fr; } .hero-header h1 { font-size:2.55rem; } .world-map-container { padding:14px; } .dest-body { padding:15px; } } /* ===== Legacy frontend rules consolidated from travel-theme.css ===== */ /* ============================================================ THE TRAVEL BUDDY — PREMIUM 2026 TRAVEL MAGAZINE THEME Loaded after style.css so the existing PHP/CMS components remain compatible while the public-facing design gets a unified visual system. ============================================================ */ [data-theme="dark"] { --tb-paper:#0c1524; --tb-white:#111e30; --tb-ink:#f4f7fb; --tb-muted:#a9b3c2; --tb-line:#26364c; --tb-shadow:0 14px 40px rgba(0,0,0,.3); } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } /* Header */ .tb-topbar-inner { height:100%; display:flex; align-items:center; justify-content:space-between; } .tb-toplinks { display:flex; align-items:center; gap:20px; } .logo { gap:10px; color:#fff; } .logo-mark { width:38px; height:38px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--tb-yellow); color:var(--tb-navy); font-size:1rem; box-shadow:0 5px 15px rgba(247,197,30,.22); } .logo-lockup { display:block; line-height:.72; } .logo-text { font-family:Georgia,serif; font-style:normal; font-size:1rem; line-height:.77; color:#fff; -webkit-text-fill-color:#fff; letter-spacing:-.04em; } .logo-text strong { font-size:1.22rem; } .logo-tagline { display:none; } .nav { gap:2px; } .nav a:hover,.nav a.active { background:transparent; color:var(--tb-yellow); position:relative; } .nav-caret { font-size:.52rem; opacity:.7; margin-left:3px; } .theme-toggle-label,.theme-toggle-icon-light { display:none!important; } /* Hero */ .tb-hero { position:relative; min-height:500px; display:flex; align-items:center; overflow:hidden; color:#fff; background:#0b2345; } .tb-hero-media,.tb-hero-overlay { position:absolute; inset:0; } .tb-hero-media img,.tb-hero-image { width:100%; height:100%; object-fit:cover; object-position:center; } .tb-hero-overlay { background:linear-gradient(90deg,rgba(2,18,40,.82) 0%,rgba(2,18,40,.55) 40%,rgba(2,18,40,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.2),transparent 40%); } .tb-hero-fallback { width:100%; height:100%; background:linear-gradient(135deg,#0b2d57,#1b5b7d 48%,#0d334d); } .tb-hero-content { position:relative; z-index:2; padding-top:70px; padding-bottom:86px; } .tb-eyebrow { display:block; color:var(--tb-yellow); font-weight:900; letter-spacing:.22em; font-size:.75rem; margin-bottom:12px; } .tb-hero h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(3.3rem,6.5vw,6rem); line-height:.9; letter-spacing:-.055em; color:#fff; margin:0 0 22px; } .tb-hero p { max-width:500px; color:rgba(255,255,255,.92); font-size:1.03rem; line-height:1.55; margin-bottom:25px; } .tb-hero-search { width:min(720px,100%); height:54px; background:#fff; border-radius:9px; display:flex; align-items:center; overflow:hidden; box-shadow:0 12px 35px rgba(0,0,0,.18); } .tb-hero-search>i { color:#9aa4b3; margin-left:18px; } .tb-hero-search input { min-width:0; flex:1; border:0; outline:0; padding:0 12px; color:#263246; font:500 .9rem var(--font-body); } .tb-hero-search select { height:34px; border:0; border-left:1px solid #e4e8ee; background:#fff; color:#505a69; padding:0 18px; outline:0; font-weight:600; } .tb-hero-search button { width:60px; height:54px; border:0; background:var(--tb-yellow); color:var(--tb-navy); font-size:1rem; } .tb-hero-search button:hover { background:var(--tb-yellow-2); } .tb-popular-searches { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:12px; font-size:.74rem; } .tb-popular-searches strong { margin-right:3px; } .tb-popular-searches a { padding:5px 11px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.18); border-radius:99px; color:#fff; } .tb-popular-searches a:hover { background:#fff; color:var(--tb-navy); } /* Quick links */ .tb-quicklinks-wrap { position:relative; z-index:4; margin-top:-28px; } .tb-quicklinks { background:var(--tb-white); border-radius:15px; box-shadow:0 12px 34px rgba(7,28,57,.15); display:grid; grid-template-columns:repeat(6,1fr); overflow:hidden; } .tb-quicklinks a { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:104px; border-right:1px solid var(--tb-line); padding:15px 8px; text-align:center; transition:.2s; } .tb-quicklinks a:last-child { border-right:0; } .tb-quicklinks a:hover { background:#fbfcfe; transform:translateY(-2px); } .tb-quicklinks span { width:35px; height:35px; display:grid; place-items:center; color:#fff; border-radius:50%; background:var(--tb-navy-2); margin-bottom:7px; } .tb-quicklinks a:nth-child(1) span { background:#3c9a67; } .tb-quicklinks a:nth-child(3) span { background:#f39b23; } .tb-quicklinks a:nth-child(4) span { background:#547dd1; } .tb-quicklinks a:nth-child(5) span { background:#8da51c; } .tb-quicklinks a:nth-child(6) span { background:#d94d3f; } .tb-quicklinks strong { font-size:.68rem; letter-spacing:.02em; } .tb-quicklinks small { font-size:.67rem; color:var(--tb-muted); margin-top:2px; } /* Sections */ .tb-section { padding-top:48px; } .tb-section-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:17px; } .tb-section-kicker { display:block; font-size:.68rem; font-weight:900; letter-spacing:.17em; color:#8b95a4; margin-bottom:4px; } .tb-section-head h2 { font-family:var(--font-body); font-size:1.35rem; font-weight:900; letter-spacing:.01em; margin:0; } .tb-viewall { font-size:.75rem; font-weight:800; color:#687486; } .tb-viewall:hover { color:var(--tb-navy-2); } /* Story cards */ .tb-story-grid { display:grid; gap:15px; } .tb-story-grid-5 { grid-template-columns:repeat(5,minmax(0,1fr)); } .tb-story-card { min-width:0; } .tb-story-image { display:block; position:relative; aspect-ratio:1.56/1; border-radius:11px; overflow:hidden; background:#dfe5ed; } .tb-story-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; } .tb-story-card:hover .tb-story-image img { transform:scale(1.045); } .tb-story-label { position:absolute; left:10px; bottom:9px; background:#24a05a; color:#fff; border-radius:5px; padding:4px 8px; font-size:.57rem; font-weight:900; letter-spacing:.04em; } .tb-story-label-alt { background:#5b69d6; } .tb-story-body { padding:10px 2px; } .tb-story-body h3 { font-family:var(--font-body); font-size:.93rem; line-height:1.3; font-weight:800; margin:0 0 6px; } .tb-story-body h3 a:hover { color:#315c9a; } .tb-story-body p { font-size:.77rem; color:var(--tb-muted); line-height:1.45; margin:0 0 7px; } .tb-story-meta { font-size:.65rem; color:#8993a0; } .tb-story-meta span { margin:0 4px; } /* Destinations */ .tb-destination-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; } .tb-destination-card { position:relative; display:block; aspect-ratio:1.18/1; border-radius:11px; overflow:hidden; background:#173454; color:#fff; } .tb-destination-card img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; } .tb-destination-card:hover img { transform:scale(1.06); } .tb-destination-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,17,36,.82),rgba(3,17,36,.04) 70%); } .tb-destination-copy { position:absolute; left:16px; bottom:15px; display:flex; flex-direction:column; } .tb-destination-copy strong { font-family:Georgia,serif; font-size:1.3rem; line-height:1.1; } .tb-destination-copy small { font-size:.68rem; margin-top:4px; opacity:.88; } .tb-round-arrow { position:absolute; left:16px; bottom:12px; width:27px; height:27px; border-radius:50%; background:#fff; color:var(--tb-navy); display:grid; place-items:center; transform:translateY(45px); opacity:0; transition:.2s; } .tb-destination-card:hover .tb-round-arrow { transform:translateY(0); opacity:1; } /* Feature banner */ .tb-feature-banner { margin-top:48px; min-height:205px; border-radius:13px; overflow:hidden; position:relative; background:#132c52; color:#fff; } .tb-feature-banner-image,.tb-feature-banner-overlay { position:absolute; inset:0; } .tb-feature-banner-image img { width:100%; height:100%; object-fit:cover; } .tb-feature-banner-overlay { background:linear-gradient(90deg,rgba(8,27,56,.92),rgba(8,27,56,.55),rgba(8,27,56,.1)); } .tb-feature-banner-content { position:relative; padding:30px 35px; z-index:2; } .tb-feature-banner h2 { font-family:Georgia,serif; font-size:2rem; line-height:1.05; margin:3px 0 7px; color:#fff; } .tb-feature-banner h2 em { font-style:normal; color:var(--tb-yellow); } .tb-feature-banner p { max-width:430px; font-size:.8rem; color:rgba(255,255,255,.85); margin-bottom:14px; } .tb-yellow-btn { display:inline-flex; align-items:center; gap:12px; background:var(--tb-yellow); color:var(--tb-navy); font-size:.68rem; font-weight:900; padding:11px 18px; border-radius:999px; } .tb-yellow-btn:hover { background:#fff; } /* Footer */ .tb-newsletter h3 { font-family:Georgia,serif; color:#fff; font-size:1.35rem; line-height:1.05; margin:0 0 5px; } .tb-newsletter p { margin:0; color:rgba(255,255,255,.8); font-size:.75rem; } .tb-footer-brand { max-width:260px; } .tb-footer-logo { display:flex; align-items:center; gap:10px; font-family:Georgia,serif; font-size:1rem; line-height:.74; color:#fff; margin-bottom:14px; } .tb-footer-logo strong { font-size:1.35rem; } .tb-footer .footer-col { display:flex; flex-direction:column; gap:8px; } .tb-socials { display:flex; gap:9px; } .tb-footer-bottom p { margin:0; } /* Shared inner pages */ .category-hero,.category-landing-hero,.search-header,.posts-archive .archive-header { background:linear-gradient(135deg,#061b3a,#0b315d); color:#fff; border:0; } .category-hero h1,.category-landing-hero h1,.search-header h1,.posts-archive .archive-title { color:#fff; } .category-hero .sub,.category-landing-hero .sub,.search-header .sub { color:rgba(255,255,255,.75); } .category-hero .breadcrumb a,.category-landing-hero .breadcrumb a { color:#fff; } .category-hero .count-line,.category-landing-hero .count-line { color:var(--tb-yellow); } .post-card,.blog-card,.category-card,.category-landing-card,.dest-card,.sidebar-widget,.contact-card,.about-card { border-color:var(--tb-line); box-shadow:0 6px 22px rgba(7,28,57,.06); border-radius:13px; } .post-card:hover,.blog-card:hover,.category-card:hover,.category-landing-card:hover,.dest-card:hover { box-shadow:var(--tb-shadow-hover); transform:translateY(-3px); } .post-card-title,.blog-card h3 { font-family:var(--font-body); font-weight:800; } .btn-primary,.btn.btn-primary { background:var(--tb-navy-2); border-color:var(--tb-navy-2); } .btn-primary:hover,.btn.btn-primary:hover { background:var(--tb-yellow); border-color:var(--tb-yellow); color:var(--tb-navy); } .post-header { background:linear-gradient(135deg,#061b3a,#0b315d); color:#fff; padding:45px 0; } .post-header h1 { color:#fff; } .post-meta { color:rgba(255,255,255,.75); } .post-content h2,.post-content h3 { color:var(--tb-navy-2); } [data-theme="dark"] .post-content h2,[data-theme="dark"] .post-content h3 { color:#dbe6f7; } /* Responsive */ @media (max-width:1100px) { .nav a { padding-left:8px; padding-right:8px; font-size:.68rem; } .tb-story-grid-5,.tb-destination-grid { grid-template-columns:repeat(3,1fr); } .tb-quicklinks { grid-template-columns:repeat(3,1fr); } .tb-quicklinks a:nth-child(3) { border-right:0; } .tb-footer-main { grid-template-columns:1.5fr repeat(2,1fr); } } @media (max-width:800px) { .tb-topbar { display:none; } .header { position:sticky; } .header-inner { min-height:64px; height:64px; } .menu-toggle { display:block; } .nav { display:none; position:absolute; left:0; right:0; top:64px; background:#061b3a; padding:10px 16px 16px; box-shadow:0 16px 30px rgba(0,0,0,.18); flex-direction:column; align-items:stretch; } .nav.open { display:flex; } .nav a { padding:12px 10px; } .nav a.active:after { display:none; } .nav-search { display:none!important; } .theme-toggle { align-self:flex-start; margin:7px 10px; } .tb-hero { min-height:580px; } .tb-hero-content { padding-top:60px; padding-bottom:100px; } .tb-hero h1 { font-size:clamp(3rem,15vw,5rem); } .tb-hero-search { height:auto; min-height:52px; flex-wrap:wrap; } .tb-hero-search input { height:52px; } .tb-hero-search select { display:none; } .tb-hero-search button { height:52px; } .tb-popular-searches { max-height:70px; overflow:hidden; } .tb-quicklinks-wrap { margin-top:-42px; } .tb-quicklinks { grid-template-columns:repeat(2,1fr); } .tb-quicklinks a:nth-child(2n) { border-right:0; } .tb-section { padding-top:38px; } .tb-story-grid-5,.tb-destination-grid { grid-template-columns:repeat(2,1fr); } .tb-feature-banner { margin-top:38px; } .tb-newsletter-inner { padding-top:26px; padding-bottom:28px; flex-direction:column; align-items:stretch; } .tb-newsletter-form { width:100%; } .tb-footer-main { grid-template-columns:repeat(2,1fr); gap:30px; } .tb-footer-brand { grid-column:1/-1; max-width:none; } .tb-footer-bottom { padding-top:16px; padding-bottom:16px; flex-direction:column; align-items:flex-start; } .tb-destination-copy strong { font-size:1.1rem; } } @media (max-width:520px) { .container { padding-left:16px; padding-right:16px; } .tb-story-grid-5,.tb-destination-grid { grid-template-columns:1fr; } .tb-story-image { aspect-ratio:1.65/1; } .tb-quicklinks a { min-height:94px; } .tb-quicklinks strong { font-size:.62rem; } .tb-hero-overlay { background:linear-gradient(90deg,rgba(2,18,40,.88),rgba(2,18,40,.38)),linear-gradient(0deg,rgba(0,0,0,.22),transparent 50%); } .tb-hero-content { padding-top:52px; } .tb-feature-banner { min-height:285px; } .tb-feature-banner-content { padding:28px 24px; } .tb-feature-banner h2 { font-size:1.8rem; } .tb-footer-main { grid-template-columns:1fr; } .tb-footer-brand { grid-column:auto; } .tb-newsletter-copy { align-items:flex-start; } .tb-newsletter-copy h3 { font-size:1.15rem; } } /* ============================================================ HOMEPAGE SLIDER + EXPANDED HOMEPAGE — 2026 ============================================================ */ .tb-slide.is-active { opacity:1; visibility:visible; z-index:2; } .tb-slide-media,.tb-slide-overlay { position:absolute; inset:0; } .tb-slide-kicker:before { content:""; width:32px; height:2px; background:var(--tb-yellow); } .tb-slider-arrow { width:38px; height:38px; border:1px solid rgba(255,255,255,.34); background:rgba(2,16,36,.34); color:#fff; border-radius:50%; display:grid; place-items:center; cursor:pointer; transition:.2s; } .tb-slider-arrow:hover { background:var(--tb-yellow); border-color:var(--tb-yellow); color:var(--tb-navy); } .tb-home-search-icon { display:grid; place-items:center; color:#7d8796; font-size:1rem; } .tb-home-search-field { padding:11px 8px 11px 0; } .tb-home-search-field label { display:block; color:var(--tb-muted); font-size:.62rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; margin-bottom:2px; } .tb-home-search-field input { width:100%; border:0; outline:0; background:transparent; color:var(--tb-ink); font-size:.9rem; } .tb-home-search select { height:42px; border:0; border-left:1px solid var(--tb-line); background:transparent; color:var(--tb-ink); padding:0 14px; font-weight:700; outline:0; } .tb-home-search button { align-self:stretch; border:0; background:var(--tb-yellow); color:var(--tb-navy); font-weight:900; font-size:.67rem; letter-spacing:.03em; cursor:pointer; } .tb-home-search button:hover { background:var(--tb-yellow-2); } .tb-home-popular { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:10px; font-size:.68rem; color:var(--tb-muted); } .tb-home-popular strong { color:var(--tb-ink); margin-right:2px; } .tb-home-popular a { padding:5px 10px; border:1px solid var(--tb-line); border-radius:999px; background:var(--tb-white); color:var(--tb-muted); transition:.2s; } .tb-home-popular a:hover { border-color:var(--tb-yellow); color:var(--tb-navy); background:#fff9dc; } .tb-quicklinks-home { margin-top:26px; } .tb-section-intro { padding-top:45px; } .tb-home-intro { display:grid; grid-template-columns:1fr 1.25fr; gap:50px; align-items:end; padding:8px 0 2px; } .tb-home-intro h2 { font-family:Georgia,serif; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.05; letter-spacing:-.035em; margin:0; max-width:540px; } .tb-home-intro p { font-size:.9rem; line-height:1.75; color:var(--tb-muted); margin:0; max-width:700px; } .tb-theme-grid-home { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .tb-theme-tile { display:grid; grid-template-columns:44px minmax(0,1fr) 20px; align-items:center; gap:12px; padding:15px 16px; border:1px solid var(--tb-line); background:var(--tb-white); border-radius:14px; color:var(--tb-ink); transition:.2s; } .tb-theme-tile:hover { transform:translateY(-3px); border-color:rgba(247,197,30,.75); box-shadow:var(--tb-shadow); } .tb-theme-icon { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:#eef3fa; color:var(--tb-navy-2); } .tb-theme-tile strong { display:block; font-size:.82rem; line-height:1.2; } .tb-theme-tile small { display:block; color:var(--tb-muted); font-size:.65rem; margin-top:4px; } .tb-theme-tile>i { color:#9ba4b1; font-size:.72rem; } .tb-stats-strip { margin-top:50px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--tb-line); border-radius:16px; background:var(--tb-white); overflow:hidden; box-shadow:0 8px 28px rgba(7,28,57,.05); } .tb-stats-strip>div { padding:22px 18px; text-align:center; border-right:1px solid var(--tb-line); } .tb-stats-strip>div:last-child { border-right:0; } .tb-stats-strip strong { display:block; font-family:Georgia,serif; font-size:1.65rem; color:var(--tb-navy-2); line-height:1; } .tb-stats-strip span { display:block; color:var(--tb-muted); font-size:.67rem; font-weight:700; margin-top:7px; text-transform:uppercase; letter-spacing:.05em; } [data-theme="dark"] .tb-theme-icon { background:#18283d; color:#dbe7f6; } [data-theme="dark"] .tb-home-popular a:hover { background:#18283d; color:#fff; } [data-theme="dark"] .tb-stats-strip strong { color:var(--tb-yellow); } @media (max-width:1100px) { .tb-slide-content { padding-left:28px; padding-right:28px; } .tb-home-search { grid-template-columns:48px minmax(0,1fr) 150px 120px; } .tb-theme-grid-home { grid-template-columns:repeat(2,1fr); } } @media (max-width:800px) { .tb-latest-slider,.tb-slider-track { min-height:560px; } .tb-slide-content { padding-top:60px; padding-bottom:90px; } .tb-slide h1 { font-size:clamp(2.5rem,10vw,4.5rem); } .tb-slide p { font-size:.9rem; max-width:560px; } .tb-home-search-wrap { margin-top:-25px; } .tb-home-search { grid-template-columns:44px minmax(0,1fr) 112px; grid-template-rows:auto auto; } .tb-home-search select { display:none; } .tb-home-search button { min-height:64px; } .tb-home-search-field { padding-right:12px; } .tb-home-intro { grid-template-columns:1fr; gap:12px; } .tb-theme-grid-home { grid-template-columns:1fr 1fr; } .tb-stats-strip { grid-template-columns:repeat(2,1fr); } .tb-stats-strip>div:nth-child(2) { border-right:0; } .tb-stats-strip>div:nth-child(-n/**/+2) { border-bottom:1px solid var(--tb-line); } .tb-newsletter-inner { padding-top:28px; padding-bottom:30px; } } @media (max-width:520px) { .tb-latest-slider,.tb-slider-track { min-height:590px; } .tb-slide-overlay { background:linear-gradient(90deg,rgba(2,16,36,.92),rgba(2,16,36,.46)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 55%); } .tb-slide-content { padding-top:48px; padding-bottom:88px; } .tb-slide h1 { font-size:clamp(2.25rem,13vw,3.7rem); } .tb-slide p { font-size:.84rem; } .tb-slider-controls { bottom:18px; } .tb-slider-dot { width:18px; } .tb-slider-dot.is-active { width:32px; } .tb-home-search { grid-template-columns:38px minmax(0,1fr); } .tb-home-search button { grid-column:1/-1; min-height:48px; } .tb-home-search-icon { align-self:stretch; } .tb-home-search-field { padding:10px 10px 10px 0; } .tb-home-search-field input { font-size:.8rem; } .tb-home-popular { max-height:54px; overflow:hidden; } .tb-theme-grid-home { grid-template-columns:1fr; } .tb-stats-strip { grid-template-columns:1fr 1fr; } .tb-stats-strip strong { font-size:1.35rem; } .tb-stats-strip span { font-size:.58rem; } .tb-newsletter-copy { min-width:0; } .tb-newsletter-form { grid-template-columns:1fr; } .tb-newsletter-form input,.tb-newsletter-form button { border-radius:6px; } .tb-newsletter-form button { margin-top:5px; } .tb-newsletter-form small { padding:3px 2px 0; } } /* ============================================================ INNER-PAGE PREMIUM LAYER — 2026 ============================================================ */ .tb-skip-link { position:fixed; left:12px; top:12px; z-index:9999; background:var(--tb-yellow); color:var(--tb-navy); padding:9px 14px; border-radius:7px; font-weight:800; transform:translateY(-160%); transition:transform .2s; } .tb-skip-link:focus { transform:translateY(0); } .tb-page-category .category-hero,.tb-page-country .category-hero,.tb-page-tag .category-hero,.tb-page-themes .category-hero,.tb-page-countries .category-hero,.tb-page-categories .category-landing-hero,.tb-page-privacy .category-hero,.tb-page-terms .category-hero,.tb-page-about .category-hero,.tb-page-contact .category-hero { position:relative; overflow:hidden; padding:68px 0 58px; } .tb-page-category .category-hero:after,.tb-page-country .category-hero:after,.tb-page-tag .category-hero:after,.tb-page-themes .category-hero:after,.tb-page-countries .category-hero:after,.tb-page-categories .category-landing-hero:after,.tb-page-privacy .category-hero:after,.tb-page-terms .category-hero:after,.tb-page-about .category-hero:after,.tb-page-contact .category-hero:after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 20%,rgba(245,183,46,.16),transparent 32%),linear-gradient(90deg,transparent,rgba(255,255,255,.025)); pointer-events:none; } .tb-page-category .category-hero .container,.tb-page-country .category-hero .container,.tb-page-tag .category-hero .container,.tb-page-themes .category-hero .container,.tb-page-countries .category-hero .container,.tb-page-categories .category-landing-hero .container,.tb-page-privacy .category-hero .container,.tb-page-terms .category-hero .container,.tb-page-about .category-hero .container,.tb-page-contact .category-hero .container { position:relative; z-index:1; } .tb-page-category .category-hero h1,.tb-page-country .category-hero h1,.tb-page-tag .category-hero h1,.tb-page-themes .category-hero h1,.tb-page-countries .category-hero h1,.tb-page-categories .category-landing-hero h1,.tb-page-privacy .category-hero h1,.tb-page-terms .category-hero h1,.tb-page-about .category-hero h1,.tb-page-contact .category-hero h1 { font-size:clamp(2.25rem,5vw,4rem); letter-spacing:-.035em; max-width:900px; } .tb-page-category .category-hero .sub,.tb-page-country .category-hero .sub,.tb-page-tag .category-hero .sub,.tb-page-themes .category-hero .sub,.tb-page-countries .category-hero .sub,.tb-page-categories .category-landing-hero .sub,.tb-page-about .category-hero .sub,.tb-page-contact .category-hero .sub { max-width:720px; font-size:1rem; line-height:1.7; } .tb-page-category .category-grid,.tb-page-country .category-grid,.tb-page-countries .category-grid,.tb-page-themes .category-grid { gap:20px; margin-top:34px; } .tb-page-category .post-card,.tb-page-country .post-card,.tb-page-tag .post-card,.tb-page-archive .post-card,.tb-page-search .post-card,.tb-page-categories .post-card { overflow:hidden; border-radius:16px; } .tb-page-category .post-card-image,.tb-page-country .post-card-image,.tb-page-tag .post-card-image,.tb-page-archive .post-card-image,.tb-page-search .post-card-image,.tb-page-categories .post-card-image { aspect-ratio:16/10; } .tb-page-category .post-card-content,.tb-page-country .post-card-content,.tb-page-tag .post-card-content,.tb-page-archive .post-card-content,.tb-page-search .post-card-content,.tb-page-categories .post-card-content { padding:18px 18px 20px; } .tb-page-category .post-card-title,.tb-page-country .post-card-title,.tb-page-tag .post-card-title,.tb-page-archive .post-card-title,.tb-page-search .post-card-title,.tb-page-categories .post-card-title { font-size:1.08rem; line-height:1.3; } .tb-page-themes .category-card h3,.tb-page-countries .category-card h3 { font-family:var(--font-display); font-size:1.45rem; } .tb-page-archive .posts-archive,.tb-page-search .container,.tb-page-category>.container,.tb-page-country>.container,.tb-page-tag>.container,.tb-page-categories>.container,.tb-page-countries>.container,.tb-page-themes>.container { padding-top:42px; padding-bottom:48px; } .tb-page-search .search-form { border-radius:14px; border:1px solid var(--tb-line); box-shadow:0 8px 28px rgba(7,28,57,.06); background:var(--card); padding:16px; display:flex; gap:10px; } .tb-page-search .search-form input { min-height:48px; } .tb-page-article .post-header:after { content:""; position:absolute; width:460px; height:460px; border-radius:50%; right:-170px; top:-240px; background:radial-gradient(circle,rgba(245,183,46,.22),transparent 68%); pointer-events:none; } .tb-page-article .post-header .container { position:relative; z-index:1; } .tb-page-article .post-main { min-width:0; } .tb-page-article .post-content h2 { font-size:2rem; margin-top:2.1em; } .tb-page-article .post-tags,.tb-page-article .author-box,.tb-page-article .post-navigation,.tb-page-article .post-faqs,.tb-page-article .post-quiz { border-radius:16px; } .tb-page-about .about-stats { border:0; background:linear-gradient(135deg,#fff,#f4f7fb); box-shadow:0 14px 40px rgba(7,28,57,.08); border-radius:20px; } .tb-page-contact .contact-info h2 { color:#fff; font-family:var(--font-display); font-size:2rem; } .tb-page-contact .contact-info p { color:rgba(255,255,255,.75); } .tb-page-contact .contact-email { display:inline-flex; margin:16px 0; padding:12px 16px; border-radius:10px; background:rgba(255,255,255,.09); color:#fff; } .tb-page-contact .contact-form input,.tb-page-contact .contact-form textarea { border-radius:10px; border:1px solid var(--tb-line); background:var(--input-bg); min-height:46px; } .tb-page-contact .contact-form textarea { padding-top:12px; } .tb-page-privacy .legal-content,.tb-page-terms .legal-content { font-size:1rem; line-height:1.8; } .tb-page-privacy .legal-content ul,.tb-page-terms .legal-content ul { padding-left:22px; } .tb-page-archive .posts-grid,.tb-page-search .posts-grid,.tb-page-category .posts-grid,.tb-page-country .posts-grid,.tb-page-tag .posts-grid,.tb-page-categories .posts-grid { gap:22px; } .tb-page-categories .category-landing-grid { gap:20px; } .tb-page-categories .posts-section-header { margin-top:46px; } @media (max-width:800px) { .tb-page-category .category-hero,.tb-page-country .category-hero,.tb-page-tag .category-hero,.tb-page-themes .category-hero,.tb-page-countries .category-hero,.tb-page-categories .category-landing-hero,.tb-page-privacy .category-hero,.tb-page-terms .category-hero,.tb-page-about .category-hero,.tb-page-contact .category-hero { padding:48px 0 42px; } .tb-page-article .post-header { padding:52px 0 45px; } .tb-page-article .post-layout { padding-top:30px; } .tb-page-about .about-content,.tb-page-privacy .legal-content,.tb-page-terms .legal-content,.tb-page-contact .contact-info,.tb-page-contact .contact-form-wrap { padding:24px; } .tb-page-search .search-form { flex-direction:column; } .tb-footer-trust .container { padding-top:12px; padding-bottom:12px; justify-content:flex-start; } } .tb-brand-lockup { display:flex; flex-direction:column; line-height:1; } .tb-brand .logo-text span { grid-column:1 / -1; font-size:.68rem; font-style:italic; opacity:.9; margin-bottom:2px; } .tb-footer-brand-logo .tb-brand-mark { width:48px; height:48px; flex:0 0 48px; } .tb-footer-logo-lockup { display:flex; flex-direction:column; font-family:Georgia,"Times New Roman",serif; line-height:.9; color:#fff; } .tb-footer-logo-lockup small { font-family:Inter,Arial,sans-serif; font-size:.47rem; letter-spacing:.13em; color:rgba(255,255,255,.52); margin-top:7px; white-space:nowrap; } /* Latest-post slider: show the complete source image instead of cropping it. */ .tb-latest-slider { position:relative; min-height:clamp(500px,46vw,660px); background:#061b3a; color:#fff; overflow:hidden; } .tb-slider-track { position:relative; min-height:inherit; } .tb-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .65s ease; display:flex; align-items:stretch; min-height:inherit; } .tb-slide-media { background:#061b3a; display:flex; align-items:center; justify-content:center; } .tb-slide-overlay { background:linear-gradient(90deg,rgba(2,16,36,.94) 0%,rgba(2,16,36,.78) 32%,rgba(2,16,36,.28) 64%,rgba(2,16,36,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.36),transparent 58%); } .tb-slide-content { position:relative; z-index:3; padding-top:clamp(58px,8vw,100px); padding-bottom:105px; } .tb-slider-controls { position:absolute; left:50%; bottom:24px; z-index:8; transform:translateX(-50%); display:flex; align-items:center; gap:14px; } /* Full-bleed newsletter: edge-to-edge across the viewport while its content remains aligned to the site's main 1320px content grid. */ @media (max-width:900px) { .tb-brand { min-width:0; } .tb-brand .logo-text strong { font-size:1.05rem; } .tb-brand .logo-tagline { display:none; } .tb-latest-slider { min-height:clamp(500px,78vw,610px); } .tb-slide-content { padding-top:58px; padding-bottom:100px; } .tb-slide h1 { max-width:88vw; font-size:clamp(2.25rem,8vw,4rem); } .tb-newsletter-inner { padding-left:20px; padding-right:20px; } } @media (max-width:600px) { .tb-brand-mark { width:38px; height:38px; } .tb-brand .logo-text strong { font-size:.98rem; } .tb-brand .logo-text span { font-size:.58rem; } .tb-latest-slider { min-height:560px; } .tb-slide-image { object-fit:contain; } .tb-slide-overlay { background:linear-gradient(180deg,rgba(2,16,36,.18) 0%,rgba(2,16,36,.48) 42%,rgba(2,16,36,.94) 100%); } .tb-slide-content { display:flex; flex-direction:column; justify-content:flex-end; padding-top:230px; padding-bottom:92px; } .tb-slide h1 { font-size:clamp(2rem,10vw,3.1rem); line-height:1.02; margin-bottom:12px; } .tb-slide p { font-size:.86rem; line-height:1.5; max-width:100%; } .tb-slide-meta { font-size:.64rem; margin-bottom:16px; } .tb-slide-button { align-self:flex-start; padding:10px 15px; } .tb-slider-controls { bottom:18px; gap:9px; } .tb-slider-arrow { width:34px; height:34px; } .tb-footer-logo-lockup strong { font-size:1.3rem; } .tb-footer-logo-lockup small { font-size:.42rem; } } :root { --tb-navy:#061b3a; --tb-navy-2:#092957; --tb-yellow:#f7c51e; --tb-yellow-2:#ffd84a; --tb-ink:#10243d; --tb-muted:#687789; --tb-paper:#f7f9fc; --tb-white:#fff; --tb-line:#e3e9f0; --tb-radius:18px; --tb-shadow:0 16px 42px rgba(7,28,57,.09); --tb-shadow-hover:0 18px 42px rgba(10,31,61,.16); --tb-navy-950:#031326; --tb-navy-900:#061b36; --tb-navy-800:#0a2b50; --tb-gold:#f5bd2f; --tb-gold-dark:#d99d0f; --tb-surface:#ffffff; --tb-surface-2:#f5f8fb; } html,body { overflow-x:hidden; } body { background:var(--tb-surface); color:var(--tb-ink); } .container { max-width:1320px; width:min(1320px,calc(100% - 40px)); margin-inline:auto; } /* Unified page hero */ .tb-page-category .category-hero,.tb-page-country .category-hero,.tb-page-tag .category-hero, .tb-page-themes .category-hero,.tb-page-countries .category-hero,.tb-page-categories .category-landing-hero, .tb-page-about .category-hero,.tb-page-contact .category-hero,.tb-page-privacy .category-hero,.tb-page-terms .category-hero, .tb-page-search .search-header { position:relative; background:linear-gradient(120deg,var(--tb-navy-950),var(--tb-navy-800)); color:#fff; border:0; padding:66px 0 58px; overflow:hidden; } .tb-page-category .category-hero:after,.tb-page-country .category-hero:after,.tb-page-tag .category-hero:after, .tb-page-themes .category-hero:after,.tb-page-countries .category-hero:after,.tb-page-categories .category-landing-hero:after, .tb-page-about .category-hero:after,.tb-page-contact .category-hero:after,.tb-page-privacy .category-hero:after,.tb-page-terms .category-hero:after, .tb-page-search .search-header:after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; right:-160px; top:-220px; background:radial-gradient(circle,rgba(245,189,47,.2),transparent 68%); pointer-events:none; } .tb-page-category .category-hero .container,.tb-page-country .category-hero .container,.tb-page-tag .category-hero .container, .tb-page-themes .category-hero .container,.tb-page-countries .category-hero .container,.tb-page-categories .category-landing-hero .container, .tb-page-about .category-hero .container,.tb-page-contact .category-hero .container,.tb-page-privacy .category-hero .container,.tb-page-terms .category-hero .container, .tb-page-search .search-header .container { position:relative; z-index:1; } .category-hero .breadcrumb { color:rgba(255,255,255,.62)!important; } .category-hero .breadcrumb a { color:var(--tb-gold)!important; } .category-hero h1,.search-header h1 { color:#fff!important; font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(2.35rem,5vw,4.7rem)!important; letter-spacing:-.045em!important; line-height:1.02!important; margin:0 0 12px!important; } .category-hero .sub,.search-header .sub { color:rgba(255,255,255,.78)!important; max-width:760px; line-height:1.75; } .category-hero .count-line,.search-header p { color:rgba(255,255,255,.62)!important; } /* Consistent archive cards on category/country/tag/search/categories */ .tb-page-category .blog-grid,.tb-page-country .blog-grid,.tb-page-tag .blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:34px!important; } .tb-page-category .blog-card,.tb-page-country .blog-card,.tb-page-tag .blog-card { background:var(--tb-surface); border:1px solid var(--tb-line); border-radius:var(--tb-radius); overflow:hidden; box-shadow:0 10px 30px rgba(7,28,57,.06); transition:transform .25s ease,box-shadow .25s ease; } .tb-page-category .blog-card:hover,.tb-page-country .blog-card:hover,.tb-page-tag .blog-card:hover { transform:translateY(-5px); box-shadow:var(--tb-shadow); } .tb-page-category .blog-img,.tb-page-country .blog-img,.tb-page-tag .blog-img { width:100%; height:300px; object-fit:cover; display:block; } .tb-page-category .blog-body,.tb-page-country .blog-body,.tb-page-tag .blog-body { padding:22px; } .tb-page-category .blog-body h3,.tb-page-country .blog-body h3,.tb-page-tag .blog-body h3 { font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; line-height:1.18; margin:0 0 10px; } .tb-page-category .blog-body h3 a,.tb-page-country .blog-body h3 a,.tb-page-tag .blog-body h3 a { color:var(--tb-ink); } .tb-page-category .blog-body p,.tb-page-country .blog-body p,.tb-page-tag .blog-body p { color:var(--tb-muted); line-height:1.7; } .tb-page-category .blog-meta,.tb-page-country .blog-meta,.tb-page-tag .blog-meta { display:flex; gap:16px; flex-wrap:wrap; color:var(--tb-muted); font-size:.78rem; padding-top:14px; border-top:1px solid var(--tb-line); } /* Themes / countries landing cards */ .tb-page-themes .category-grid,.tb-page-countries .category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:40px 0 70px; } .tb-page-themes .category-card,.tb-page-countries .category-card { border-radius:20px; overflow:hidden; min-height:250px; display:block; box-shadow:0 12px 30px rgba(7,28,57,.09); transition:transform .25s ease,box-shadow .25s ease; } .tb-page-themes .category-card:hover,.tb-page-countries .category-card:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(7,28,57,.14); } .tb-page-themes .category-image,.tb-page-countries .category-image { height:250px; background-position:center; background-size:cover; } .tb-page-themes .category-overlay,.tb-page-countries .category-overlay { background:linear-gradient(0deg,rgba(2,15,33,.94),rgba(2,15,33,.08) 78%)!important; padding:20px; } .tb-page-themes .category-name,.tb-page-countries .category-name { font-family:Georgia,"Times New Roman",serif; font-size:1.5rem!important; color:#fff!important; } .tb-page-themes .category-count,.tb-page-countries .category-count { color:rgba(255,255,255,.7)!important; } /* Search / archive */ .tb-page-search>.container,.tb-page-archive>.container { padding-top:38px; padding-bottom:60px; } .tb-page-search #live-search-form { margin:0 0 30px!important; } .tb-page-search .live-search-box { max-width:760px!important; } .tb-page-search #live-search-input { min-height:52px!important; border:1px solid var(--tb-line)!important; border-radius:14px!important; box-shadow:0 8px 24px rgba(7,28,57,.05); padding-left:20px!important; } .tb-page-search .posts-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:26px!important; } .tb-page-archive .post-card,.tb-page-search .post-card,.tb-page-categories .post-card { border:1px solid var(--tb-line); border-radius:18px; box-shadow:0 10px 30px rgba(7,28,57,.06); overflow:hidden; } .tb-page-archive .post-card:hover,.tb-page-search .post-card:hover,.tb-page-categories .post-card:hover { transform:translateY(-4px); box-shadow:var(--tb-shadow); } .tb-page-archive .post-card-image,.tb-page-search .post-card-image,.tb-page-categories .post-card-image { aspect-ratio:16/10; } .tb-page-archive .post-card-title,.tb-page-search .post-card-title,.tb-page-categories .post-card-title { font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; line-height:1.18; } /* Article page */ .tb-page-article .post-header { padding:72px 0 62px!important; position:relative; overflow:hidden; background:linear-gradient(120deg,var(--tb-navy-950),var(--tb-navy-800))!important; } .tb-page-article .post-content h2,.tb-page-article .post-content h3 { font-family:Georgia,"Times New Roman",serif; color:var(--tb-ink); } .tb-page-article .post-content img { border-radius:16px; box-shadow:0 12px 32px rgba(7,28,57,.12); max-width:100%; height:auto; } /* About / Contact / Legal */ .tb-page-about .about-page,.tb-page-contact .contact-page,.tb-page-privacy .legal-page,.tb-page-terms .legal-page { padding-top:48px!important; padding-bottom:72px!important; } .tb-page-about .about-content,.tb-page-privacy .legal-content,.tb-page-terms .legal-content { max-width:920px!important; margin:0 auto; background:var(--card); border:1px solid var(--tb-line)!important; border-radius:20px!important; padding:42px!important; box-shadow:0 12px 35px rgba(7,28,57,.06)!important; } .tb-page-about .about-content h2,.tb-page-privacy .legal-content h2,.tb-page-terms .legal-content h2 { font-family:Georgia,"Times New Roman",serif; font-size:2rem; color:var(--tb-ink); } .tb-page-contact .contact-grid { max-width:1080px; gap:24px!important; } .tb-page-contact .contact-info,.tb-page-contact .contact-form-wrap { border:1px solid var(--tb-line)!important; border-radius:20px!important; background:var(--card); box-shadow:0 12px 35px rgba(7,28,57,.06)!important; padding:30px; } .tb-page-contact .contact-info { background:linear-gradient(145deg,var(--tb-navy-950),var(--tb-navy-800))!important; color:#fff; } /* Homepage editorial slider: no image cropping. The original image is contained on the visual side and a blurred copy fills the surrounding space. */ .tb-editorial-slider .tb-slider-track,.tb-editorial-slider .tb-slide { height:100%; min-height:100%; } .tb-slide-copy-inner { width:min(650px,100%); margin-left:max(20px,calc((100vw - 1320px)/2)); margin-right:0; padding-right:54px; } .tb-slide-kicker span { width:34px; height:2px; background:var(--tb-gold); display:inline-block; } .tb-editorial-slider .tb-slide h1 a { color:#fff; } .tb-editorial-slider .tb-slide-meta { display:flex; gap:10px; flex-wrap:wrap; color:rgba(255,255,255,.58); font-size:.74rem; margin-bottom:24px; } .tb-editorial-slider .tb-slide-button { display:inline-flex; align-items:center; gap:10px; background:var(--tb-gold); color:#101f31; padding:13px 19px; border-radius:999px; font-size:.72rem; font-weight:800; letter-spacing:.06em; } .tb-slide-visual { position:relative; overflow:hidden; background:#132a43; display:flex; align-items:center; justify-content:center; } .tb-slide-visual-bg { position:absolute; inset:-30px; background-image:var(--tb-slide-bg); background-size:cover; background-position:center; filter:blur(22px); transform:scale(1.12); opacity:.46; } .tb-slide-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,19,38,.48),rgba(3,19,38,.06) 45%,rgba(3,19,38,.18)); } .tb-slide-image-wrap { position:relative; z-index:1; width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:26px 36px 62px; } .tb-slide-image-wrap picture { width:100%; height:100%; display:flex; align-items:center; justify-content:center; } /* Full-width newsletter with a clean inner grid */ /* Header / footer brand polish */ .tb-brand-mark { width:44px; height:44px; font-size:1.05rem; box-shadow:0 7px 20px rgba(247,197,30,.24); border:2px solid rgba(255,255,255,.16); background:var(--tb-gold)!important; color:var(--tb-navy-950)!important; border-radius:50%!important; } .tb-brand .logo-text { display:flex!important; grid-template-columns:auto auto; grid-template-rows:auto auto; column-gap:5px; line-height:.86!important; font-family:Georgia,"Times New Roman",serif!important; font-size:.82rem; letter-spacing:-.035em; flex-direction:column; gap:0!important; } .tb-brand .logo-word-the { font-size:.58rem!important; font-style:italic!important; letter-spacing:.01em; } .tb-brand .logo-text strong { font-size:1.16rem!important; line-height:.92; font-weight:700!important; letter-spacing:-.04em; } .tb-footer-logo-lockup strong { font-size:1.55rem; letter-spacing:-.04em; display:block; line-height:.86; } .tb-footer-logo-lockup span { font-size:.72rem; font-style:italic; opacity:.9; margin-bottom:2px; display:block; } @media (max-width:1000px) { .tb-page-themes .category-grid,.tb-page-countries .category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .tb-editorial-slider { height:610px; } .tb-editorial-slider .tb-slide { grid-template-columns:1fr 1fr; } .tb-slide-copy-inner { padding-right:30px; } .tb-editorial-slider .tb-slide h1 { font-size:clamp(2.25rem,5vw,3.8rem); } .tb-newsletter-inner { grid-template-columns:1fr; gap:20px; } } @media (max-width:760px) { .container { width:min(100% - 28px,1320px); } .tb-page-category .blog-grid,.tb-page-country .blog-grid,.tb-page-tag .blog-grid,.tb-page-archive .posts-grid,.tb-page-search .posts-grid { grid-template-columns:1fr!important; } .tb-page-themes .category-grid,.tb-page-countries .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .tb-editorial-slider { height:650px; min-height:650px; } .tb-editorial-slider .tb-slide { grid-template-columns:1fr; grid-template-rows:58% 42%; } .tb-slide-copy { align-items:flex-start; } .tb-slide-copy-inner { padding:48px 18px 20px; margin-inline:auto; } .tb-editorial-slider .tb-slide h1 { font-size:clamp(2rem,9vw,3.1rem); margin:12px 0; } .tb-editorial-slider .tb-slide p { font-size:.9rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .tb-slide-visual { min-height:270px; } .tb-slide-image-wrap { padding:14px 22px 54px; } .tb-editorial-slider .tb-slider-controls { bottom:12px; } .tb-newsletter-inner { padding:30px 14px; } .tb-newsletter-form { grid-template-columns:1fr!important; gap:10px!important; } .tb-newsletter-form input,.tb-newsletter-form button { border-radius:12px!important; } .tb-newsletter-form button { width:100%; } .tb-newsletter-form small { padding-top:0; } .tb-page-about .about-content,.tb-page-privacy .legal-content,.tb-page-terms .legal-content { padding:26px!important; } } @media (max-width:480px) { .tb-page-themes .category-grid,.tb-page-countries .category-grid { grid-template-columns:1fr; } .tb-editorial-slider { height:680px; min-height:680px; } .tb-editorial-slider .tb-slide { grid-template-rows:55% 45%; } .tb-slide-copy-inner { padding-top:40px; } .tb-slide-meta { font-size:.68rem!important; } } .tb-editorial-slider { height:clamp(500px,48vw,660px)!important; min-height:500px!important; background:#04172f!important; position:relative; overflow:hidden; } .tb-editorial-slider .tb-slider-track { height:100%!important; min-height:100%!important; position:relative; } .tb-editorial-slider .tb-slide { display:grid!important; grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important; position:absolute!important; inset:0!important; opacity:0!important; visibility:hidden!important; transition:opacity .45s ease!important; width:100%!important; height:100%!important; min-height:100%!important; pointer-events:none!important; z-index:0!important; } .tb-editorial-slider .tb-slide.is-active { opacity:1!important; visibility:visible!important; z-index:2!important; pointer-events:auto!important; } .tb-editorial-slider .tb-slide-copy { min-width:0; overflow:hidden; display:flex; align-items:center; background:linear-gradient(135deg,#031326 0%,#062143 100%); z-index:4; } .tb-editorial-slider .tb-slide-copy-inner { width:100%; max-width:660px; margin:0 auto; padding:clamp(40px,5vw,78px) clamp(28px,5vw,72px) 105px; } .tb-editorial-slider .tb-slide h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.25rem,4.4vw,4.7rem)!important; line-height:.99!important; letter-spacing:-.045em; max-width:650px!important; margin:14px 0 18px!important; max-height:4.95em; overflow:hidden; } .tb-editorial-slider .tb-slide p { color:rgba(255,255,255,.73); font-size:1rem; line-height:1.7; max-width:590px!important; margin:0 0 18px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .tb-editorial-slider .tb-slide-visual { min-width:0; position:relative; overflow:hidden; background:#102943; display:flex; align-items:center; justify-content:center; } .tb-editorial-slider .tb-slide-visual-bg { position:absolute!important; inset:-32px!important; background-image:var(--tb-slide-bg); background-size:cover!important; background-position:center!important; filter:blur(24px)!important; transform:scale(1.1)!important; opacity:.55!important; } .tb-editorial-slider .tb-slide-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,19,38,.22),rgba(3,19,38,.02) 42%,rgba(3,19,38,.12)); z-index:1; pointer-events:none; } .tb-editorial-slider .tb-slide-image-wrap { position:relative!important; z-index:2!important; width:100%!important; height:100%!important; padding:24px 34px 72px!important; display:flex!important; align-items:center!important; justify-content:center!important; } .tb-editorial-slider .tb-slide-image-wrap picture { width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; } .tb-editorial-slider .tb-slide-image { width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; display:block!important; filter:drop-shadow(0 20px 38px rgba(0,0,0,.28))!important; } .tb-editorial-slider .tb-slider-controls { z-index:30!important; bottom:18px!important; right:0!important; left:0!important; position:absolute!important; top:auto!important; transform:none!important; width:100%!important; max-width:none!important; margin:0!important; padding:0 max(18px,calc((100vw - 1320px)/2))!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; pointer-events:none!important; } .tb-editorial-slider .tb-slider-arrow { position:absolute!important; bottom:0!important; width:46px!important; height:46px!important; display:grid!important; place-items:center!important; border:1px solid rgba(255,255,255,.48)!important; background:rgba(3,19,38,.82)!important; color:#fff!important; border-radius:50%!important; box-shadow:0 8px 22px rgba(0,0,0,.24)!important; pointer-events:auto!important; z-index:31!important; } .tb-editorial-slider .tb-slider-prev { left:max(18px,calc((100vw - 1320px)/2))!important; } .tb-editorial-slider .tb-slider-next { right:max(18px,calc((100vw - 1320px)/2))!important; } .tb-editorial-slider .tb-slider-arrow:hover,.tb-editorial-slider .tb-slider-arrow:focus-visible { background:var(--tb-gold)!important; color:#0a1c34!important; border-color:var(--tb-gold)!important; } .tb-editorial-slider .tb-slider-dots { display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; pointer-events:auto!important; z-index:31!important; } .tb-editorial-slider .tb-slider-dot { width:28px!important; height:5px!important; border:0!important; padding:0!important; background:rgba(255,255,255,.42)!important; border-radius:99px!important; cursor:pointer!important; } .tb-editorial-slider .tb-slider-dot.is-active { width:48px!important; background:var(--tb-gold)!important; } /* Custom header/footer logos uploaded from Admin > Settings > Appearance */ .tb-custom-logo { display:block; width:auto; height:auto; max-width:230px; max-height:58px; object-fit:contain; } .tb-custom-logo-light,.tb-custom-footer-logo-light { display:block; } .tb-custom-logo-dark,.tb-custom-footer-logo-dark { display:none; } [data-theme="dark"] .tb-custom-logo-light,[data-theme="dark"] .tb-custom-footer-logo-light { display:none; } [data-theme="dark"] .tb-custom-logo-dark,[data-theme="dark"] .tb-custom-footer-logo-dark { display:block; } .tb-custom-footer-logo { display:block; width:auto; height:auto; max-width:245px; max-height:72px; object-fit:contain; } @media (max-width:800px) { .tb-editorial-slider { height:650px!important; min-height:650px!important; } .tb-editorial-slider .tb-slide { grid-template-columns:1fr!important; grid-template-rows:56% 44%!important; } .tb-editorial-slider .tb-slide-copy { align-items:flex-start; } .tb-editorial-slider .tb-slide-copy-inner { padding:38px 22px 28px; } .tb-editorial-slider .tb-slide h1 { font-size:clamp(2rem,8.5vw,3.1rem)!important; max-height:3.96em; } .tb-editorial-slider .tb-slide p { font-size:.88rem!important; -webkit-line-clamp:2; } .tb-editorial-slider .tb-slide-image-wrap { padding:12px 22px 62px!important; } .tb-editorial-slider .tb-slider-controls { bottom:12px!important; padding:0 16px!important; } .tb-editorial-slider .tb-slider-arrow { width:40px!important; height:40px!important; } .tb-editorial-slider .tb-slider-prev { left:16px!important; } .tb-editorial-slider .tb-slider-next { right:16px!important; } .tb-custom-logo { max-width:190px; max-height:48px; } } @media (max-width:520px) { .tb-editorial-slider { height:620px!important; min-height:620px!important; } .tb-editorial-slider .tb-slide { grid-template-rows:57% 43%!important; } .tb-editorial-slider .tb-slide-copy-inner { padding:32px 17px 22px; } .tb-editorial-slider .tb-slide h1 { font-size:clamp(1.85rem,9.8vw,2.7rem)!important; } .tb-editorial-slider .tb-slide-image-wrap { padding:8px 12px 58px!important; } .tb-editorial-slider .tb-slider-dot { width:18px!important; } .tb-editorial-slider .tb-slider-dot.is-active { width:30px!important; } .tb-custom-logo { max-width:165px; max-height:42px; } } .tb-editorial-slider .tb-slider-arrow span { font-size:.58rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .tb-editorial-slider .tb-slider-prev,.tb-editorial-slider .tb-slider-next { gap:7px; } .tb-editorial-slider .tb-slider-status { position:absolute; left:50%; transform:translateX(-50%); bottom:-1px; color:rgba(255,255,255,.65); font-size:.65rem; font-weight:800; letter-spacing:.08em; pointer-events:none; display:none; } @media (max-width:800px) { .tb-editorial-slider .tb-slider-arrow span { display:none; } .tb-editorial-slider .tb-slider-status { display:block; } } .tb-full-bleed-slider { --tb-slider-height:clamp(500px,48vw,650px); position:relative!important; width:100%!important; height:var(--tb-slider-height)!important; min-height:500px!important; overflow:hidden!important; background:#061a35!important; color:#fff!important; } .tb-full-bleed-slider .tb-slider-track { position:relative!important; width:100%!important; height:100%!important; min-height:100%!important; } .tb-full-bleed-slider .tb-slide { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:100%!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; display:block!important; transition:opacity .55s ease,visibility .55s ease!important; z-index:0!important; } .tb-full-bleed-slider .tb-slide.is-active { opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:2!important; } .tb-full-bleed-slider .tb-slide-media { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; background:#0b2748!important; } .tb-full-bleed-slider .tb-slide-media-bg { position:absolute!important; inset:-45px!important; background-image:var(--tb-slide-bg)!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; filter:blur(30px)!important; transform:scale(1.12)!important; opacity:.58!important; } .tb-full-bleed-slider .tb-slide-media-shade { position:absolute!important; inset:0!important; z-index:1!important; background: linear-gradient(90deg,rgba(2,15,33,.92) 0%,rgba(2,15,33,.74) 31%,rgba(2,15,33,.22) 61%,rgba(2,15,33,.08) 100%), linear-gradient(0deg,rgba(2,15,33,.42),transparent 46%,rgba(2,15,33,.14))!important; pointer-events:none!important; } .tb-full-bleed-slider .tb-slide-image-frame { position:relative!important; z-index:2!important; width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:18px 7vw 58px!important; box-sizing:border-box!important; } .tb-full-bleed-slider .tb-slide-image { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; filter:drop-shadow(0 20px 45px rgba(0,0,0,.28))!important; } .tb-full-bleed-slider .tb-slide-content-wrap { position:absolute!important; inset:0!important; z-index:5!important; pointer-events:none!important; } .tb-full-bleed-slider .tb-slide-content { height:100%!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; padding-top:20px!important; padding-bottom:90px!important; pointer-events:none!important; } .tb-full-bleed-slider .tb-slide-content>* { pointer-events:auto; } .tb-full-bleed-slider .tb-slide-kicker { display:inline-flex!important; align-items:center!important; gap:10px!important; margin:0 0 14px!important; color:var(--tb-gold)!important; font-size:.7rem!important; font-weight:900!important; letter-spacing:.18em!important; text-transform:uppercase!important; } .tb-full-bleed-slider .tb-slide-kicker span { display:inline-block!important; width:34px!important; height:2px!important; background:var(--tb-gold)!important; } .tb-full-bleed-slider .tb-slide h1 { width:min(620px,48vw)!important; max-width:620px!important; max-height:3.15em!important; overflow:hidden!important; margin:0 0 17px!important; font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(2.5rem,4.6vw,4.7rem)!important; line-height:1.02!important; letter-spacing:-.045em!important; color:#fff!important; } .tb-full-bleed-slider .tb-slide h1 a { color:#fff!important; text-decoration:none!important; } .tb-full-bleed-slider .tb-slide p { width:min(540px,42vw)!important; max-width:540px!important; margin:0 0 15px!important; color:rgba(255,255,255,.82)!important; font-size:.95rem!important; line-height:1.65!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .tb-full-bleed-slider .tb-slide-meta { display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:9px!important; margin:0 0 22px!important; color:rgba(255,255,255,.64)!important; font-size:.69rem!important; } .tb-full-bleed-slider .tb-slide-button { display:inline-flex!important; align-items:center!important; gap:10px!important; padding:12px 18px!important; border-radius:999px!important; background:var(--tb-gold)!important; color:#101f31!important; font-size:.68rem!important; font-weight:900!important; letter-spacing:.06em!important; box-shadow:0 10px 25px rgba(0,0,0,.18)!important; } .tb-full-bleed-slider .tb-slide-button:hover { background:#fff!important; color:#101f31!important; } /* Arrows live on the actual slider edges, always above the image. */ .tb-full-bleed-slider .tb-slider-edge-arrow { position:absolute!important; top:50%!important; transform:translateY(-50%)!important; z-index:20!important; width:52px!important; height:52px!important; padding:0!important; display:grid!important; place-items:center!important; border:1px solid rgba(255,255,255,.55)!important; border-radius:50%!important; background:rgba(3,17,36,.76)!important; color:#fff!important; font-size:1rem!important; cursor:pointer!important; box-shadow:0 10px 30px rgba(0,0,0,.28)!important; transition:background .2s ease,transform .2s ease,border-color .2s ease!important; } .tb-full-bleed-slider .tb-slider-edge-arrow:hover, .tb-full-bleed-slider .tb-slider-edge-arrow:focus-visible { background:var(--tb-gold)!important; border-color:var(--tb-gold)!important; color:#0b1c31!important; transform:translateY(-50%) scale(1.05)!important; outline:none!important; } .tb-full-bleed-slider .tb-slider-prev { left:22px!important; } .tb-full-bleed-slider .tb-slider-next { right:22px!important; } .tb-full-bleed-slider .tb-slider-controls { position:absolute!important; left:50%!important; bottom:20px!important; transform:translateX(-50%)!important; z-index:21!important; width:min(1320px,calc(100% - 44px))!important; max-width:none!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:18px!important; pointer-events:none!important; } .tb-full-bleed-slider .tb-slider-counter { min-width:58px!important; color:rgba(255,255,255,.72)!important; font-size:.68rem!important; font-weight:700!important; letter-spacing:.08em!important; pointer-events:none!important; } .tb-full-bleed-slider .tb-slider-counter strong { color:#fff!important; font-size:.82rem!important; } .tb-full-bleed-slider .tb-slider-dots { display:flex!important; align-items:center!important; gap:7px!important; pointer-events:auto!important; } .tb-full-bleed-slider .tb-slider-dot { width:26px!important; height:4px!important; padding:0!important; border:0!important; border-radius:99px!important; background:rgba(255,255,255,.38)!important; cursor:pointer!important; transition:width .25s ease,background .25s ease!important; } .tb-full-bleed-slider .tb-slider-dot.is-active { width:46px!important; background:var(--tb-gold)!important; } .tb-full-bleed-slider .tb-slider-progress { width:150px!important; height:2px!important; background:rgba(255,255,255,.18)!important; overflow:hidden!important; pointer-events:none!important; } .tb-full-bleed-slider .tb-slider-progress span { display:block!important; width:0; height:100%; background:var(--tb-gold)!important; } @media (max-width:900px) { .tb-full-bleed-slider { --tb-slider-height:620px!important; } .tb-full-bleed-slider .tb-slide-media-shade { background:linear-gradient(180deg,rgba(2,15,33,.12) 0%,rgba(2,15,33,.22) 38%,rgba(2,15,33,.92) 77%,rgba(2,15,33,.98) 100%)!important; } .tb-full-bleed-slider .tb-slide-image-frame { padding:20px 45px 115px!important; } .tb-full-bleed-slider .tb-slide-content { justify-content:flex-end!important; padding:0 58px 92px!important; } .tb-full-bleed-slider .tb-slide-kicker { margin-bottom:10px!important; } .tb-full-bleed-slider .tb-slide h1 { width:min(650px,80vw)!important; max-width:650px!important; font-size:clamp(2.1rem,6vw,3.5rem)!important; max-height:3.1em!important; } .tb-full-bleed-slider .tb-slide p { width:min(600px,78vw)!important; max-width:600px!important; font-size:.88rem!important; -webkit-line-clamp:2!important; } .tb-full-bleed-slider .tb-slider-edge-arrow { width:44px!important; height:44px!important; } .tb-full-bleed-slider .tb-slider-prev { left:12px!important; } .tb-full-bleed-slider .tb-slider-next { right:12px!important; } .tb-full-bleed-slider .tb-slider-controls { bottom:16px!important; width:calc(100% - 32px)!important; } } @media (max-width:560px) { .tb-full-bleed-slider { --tb-slider-height:600px!important; } .tb-full-bleed-slider .tb-slide-image-frame { padding:14px 28px 116px!important; } .tb-full-bleed-slider .tb-slide-content { padding:0 50px 88px!important; } .tb-full-bleed-slider .tb-slide-kicker { font-size:.58rem!important; letter-spacing:.13em!important; } .tb-full-bleed-slider .tb-slide h1 { width:100%!important; font-size:clamp(1.8rem,8.7vw,2.65rem)!important; line-height:1.02!important; margin-bottom:10px!important; } .tb-full-bleed-slider .tb-slide p { width:100%!important; font-size:.79rem!important; line-height:1.45!important; } .tb-full-bleed-slider .tb-slide-meta { font-size:.61rem!important; margin-bottom:13px!important; } .tb-full-bleed-slider .tb-slide-button { padding:10px 14px!important; font-size:.61rem!important; } .tb-full-bleed-slider .tb-slider-edge-arrow { width:38px!important; height:38px!important; font-size:.8rem!important; } .tb-full-bleed-slider .tb-slider-prev { left:9px!important; } .tb-full-bleed-slider .tb-slider-next { right:9px!important; } .tb-full-bleed-slider .tb-slider-counter { display:none!important; } .tb-full-bleed-slider .tb-slider-progress { display:none!important; } .tb-full-bleed-slider .tb-slider-dots { gap:5px!important; } .tb-full-bleed-slider .tb-slider-dot { width:16px!important; height:3px!important; } .tb-full-bleed-slider .tb-slider-dot.is-active { width:28px!important; } } @media (prefers-reduced-motion:reduce) { .tb-full-bleed-slider .tb-slide { transition:none!important; } } /* Never show both theme-specific logos at the same time. */ .tb-custom-logo-light, .tb-custom-footer-logo-light { display:block!important; } .tb-custom-logo-dark, .tb-custom-footer-logo-dark { display:none!important; } html[data-theme="dark"] .tb-custom-logo-light, html[data-theme="dark"] .tb-custom-footer-logo-light { display:none!important; } html[data-theme="dark"] .tb-custom-logo-dark, html[data-theme="dark"] .tb-custom-footer-logo-dark { display:block!important; } html[data-theme="light"] .tb-custom-logo-light, html[data-theme="light"] .tb-custom-footer-logo-light { display:block!important; } html[data-theme="light"] .tb-custom-logo-dark, html[data-theme="light"] .tb-custom-footer-logo-dark { display:none!important; } /* Clean, intentional editorial slider. The original source image is kept intact with object-fit:contain; the surrounding area uses a blurred copy of that same source so portrait/square images never create dead space. */ /* Large, unmistakable navigation arrows on the actual slider edges. */ .tb-home-slider .tb-slider-progress { width:120px!important; height:2px!important; background:rgba(255,255,255,.2)!important; overflow:hidden!important; pointer-events:none!important; } .tb-home-slider .tb-slider-progress span { display:block!important; width:0; height:100%; background:var(--tb-gold)!important; } @media (max-width:1000px) { .tb-home-slider.tb-full-bleed-slider { height:610px!important; min-height:610px!important; } .tb-home-slider .tb-slide { grid-template-columns:minmax(350px,46%) minmax(0,54%)!important; } .tb-home-slider .tb-slide-copy-inner { margin-left:28px!important; padding-right:28px!important; padding-bottom:84px!important; } .tb-home-slider .tb-slide h1 { font-size:clamp(2.2rem,5.2vw,3.7rem)!important; } .tb-home-slider .tb-slide-image-wrap { padding:22px 34px 62px!important; } .tb-home-slider .tb-slider-edge-arrow { width:48px!important; height:48px!important; } .tb-home-slider .tb-slider-prev { left:10px!important; } .tb-home-slider .tb-slider-next { right:10px!important; } } @media (max-width:760px) { .tb-home-slider.tb-full-bleed-slider { height:690px!important; min-height:690px!important; } .tb-home-slider .tb-slide { grid-template-columns:1fr!important; grid-template-rows:56% 44%!important; } .tb-home-slider .tb-slide-visual { grid-row:1!important; } .tb-home-slider .tb-slide-copy { grid-row:2!important; align-items:flex-start!important; } .tb-home-slider .tb-slide-copy-inner { margin:0 auto!important; padding:22px 52px 68px!important; width:min(100%,680px)!important; } .tb-home-slider .tb-slide-kicker { font-size:.58rem!important; margin-bottom:9px!important; } .tb-home-slider .tb-slide h1 { font-size:clamp(1.9rem,8.5vw,3rem)!important; max-height:2.15em!important; margin-bottom:9px!important; } .tb-home-slider .tb-slide p { -webkit-line-clamp:2!important; font-size:.78rem!important; margin-bottom:9px!important; } .tb-home-slider .tb-slide-meta { font-size:.59rem!important; margin-bottom:10px!important; } .tb-home-slider .tb-slide-button { padding:9px 13px!important; font-size:.58rem!important; } .tb-home-slider .tb-slide-image-wrap { padding:12px 50px 42px!important; } .tb-home-slider .tb-slider-edge-arrow { width:42px!important; height:42px!important; font-size:.85rem!important; } .tb-home-slider .tb-slider-prev { left:8px!important; } .tb-home-slider .tb-slider-next { right:8px!important; } .tb-home-slider .tb-slider-controls { bottom:10px!important; width:calc(100% - 100px)!important; gap:7px!important; } .tb-home-slider .tb-slider-counter,.tb-home-slider .tb-slider-progress { display:none!important; } } /* Uploaded logos: exact 220px target width, natural height, one image only. */ /* A single, predictable toggle: moon in light mode, sun in dark mode. */ .theme-toggle i { font-size:.82rem!important; line-height:1!important; } /* Remove the stray/gold rule above the homepage search card. */ /* Make the hero a little lighter and calmer while preserving the original image. */ .tb-home-slider .tb-slide-visual-bg { position:absolute!important; inset:-32px!important; background-image:var(--tb-slide-bg)!important; background-size:cover!important; background-position:center!important; filter:blur(28px)!important; transform:scale(1.1)!important; opacity:.34!important; } .tb-home-slider .tb-slide-visual-overlay { position:absolute!important; inset:0!important; z-index:1!important; background:linear-gradient(90deg,rgba(10,35,57,.14),rgba(10,35,57,0) 40%,rgba(10,35,57,.06) 100%)!important; pointer-events:none!important; } @media (max-width:760px) { .tb-custom-logo,.tb-custom-footer-logo,.tb-footer .tb-custom-footer-logo { width:180px!important; max-width:180px!important; height:auto!important; max-height:none!important; } } @media (max-width:520px) { .tb-custom-logo,.tb-custom-footer-logo,.tb-footer .tb-custom-footer-logo { width:165px!important; max-width:165px!important; } } .tb-custom-logo, .tb-custom-footer-logo { width:220px !important; height:auto !important; max-width:220px !important; max-height:none !important; object-fit:contain !important; display:block !important; object-position:center !important; flex:0 0 auto !important; } .tb-footer-brand-logo { align-items:flex-start !important; gap:12px; min-height:0 !important; display:flex !important; width:220px !important; min-width:220px !important; height:auto !important; overflow:visible !important; } .tb-footer-brand-logo .tb-custom-footer-logo { width:220px !important; max-width:220px !important; height:auto !important; max-height:none !important; } .tb-custom-logo + *, .tb-custom-footer-logo + * { display:none !important; } .tb-logo-load-error { display:none !important; } @media (max-width: 800px) { .tb-brand { min-width:0 !important; min-height:64px !important; } .tb-custom-logo, .tb-custom-footer-logo, .tb-footer-brand-logo { width:180px !important; max-width:180px !important; } .tb-footer-brand-logo { min-width:0 !important; } } @media (max-width: 480px) { .tb-custom-logo, .tb-custom-footer-logo, .tb-footer-brand-logo { width:165px !important; max-width:165px !important; } } /* ---- LIGHT MODE HEADER ---- */ .tb-topbar { height:34px!important; background:#f3f7fa!important; color:#52657a!important; font-size:.69rem; letter-spacing:.01em; border-bottom:1px solid #e4ebf1!important; } .tb-toplinks a { color:#52657a!important; } .tb-toplinks a:hover { color:#b47b00!important; } .header { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.98)!important; border:0; box-shadow:0 5px 22px rgba(24,55,82,.08)!important; backdrop-filter:blur(14px)!important; border-bottom:1px solid #dfe7ee!important; } .header-inner { min-height:92px!important; height:92px!important; padding-top:0; padding-bottom:0; align-items:center!important; } .tb-brand { align-items:center !important; gap:12px; min-width:220px !important; display:flex !important; min-height:84px !important; height:auto !important; overflow:visible !important; color:#17324d!important; } .tb-brand .tb-custom-logo { width:220px!important; max-width:220px!important; height:auto!important; max-height:none!important; } .tb-brand .logo-mark { background:var(--tb-yellow)!important; color:var(--tb-navy)!important; } .tb-brand .logo-text, .tb-brand .logo-text strong { color:#17324d!important; -webkit-text-fill-color:#17324d!important; } .tb-brand .logo-tagline { display:block; margin-top:5px; font-family:Inter,Arial,sans-serif; font-size:.44rem!important; line-height:1; letter-spacing:.13em!important; color:#6c7d8e!important; white-space:nowrap; } .nav a { color:#203b55!important; padding:10px 13px; border-radius:0; font-size:.74rem; font-weight:800; letter-spacing:.04em; } .nav a:hover, .nav a.active { color:#b27a00!important; } .nav a.active:after { content:""; position:absolute; left:13px; right:13px; bottom:3px; height:2px; background:#e4ae18!important; } .nav-search { font-size:1rem!important; padding-left:18px!important; padding-right:12px!important; color:#29455f!important; } .theme-toggle { width:38px!important; height:38px!important; border:1px solid rgba(255,255,255,.5)!important; background:#f5f8fb!important; color:#29455f!important; border-radius:50%!important; padding:0; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 3px 10px rgba(20,48,73,.08)!important; transition:background .2s ease,transform .2s ease,color .2s ease!important; border-color:#c9d5df!important; } .theme-toggle:hover { background:#fff8df!important; color:#9a6b00!important; transform:translateY(-1px)!important; } .menu-toggle { display:none; background:transparent; border:0; color:#203b55!important; font-size:1.35rem; } /* ---- DARK MODE HEADER: softer blue, not near-black ---- */ [data-theme="dark"] .tb-topbar { background:#203d57!important; color:rgba(255,255,255,.78)!important; border-bottom-color:#31536f!important; } [data-theme="dark"] .tb-toplinks a { color:rgba(255,255,255,.78)!important; } [data-theme="dark"] .tb-toplinks a:hover { color:#ffd34f!important; } [data-theme="dark"] .header { background:rgba(27,54,77,.98)!important; border-bottom-color:#3b5b73!important; box-shadow:0 5px 22px rgba(0,0,0,.14)!important; } [data-theme="dark"] .tb-brand .logo-text, [data-theme="dark"] .tb-brand .logo-text strong { color:#fff!important; -webkit-text-fill-color:#fff!important; } [data-theme="dark"] .tb-brand .logo-tagline { color:rgba(255,255,255,.62)!important; } [data-theme="dark"] .nav a { color:#f4f8fb!important; } [data-theme="dark"] .nav a:hover, [data-theme="dark"] .nav a.active { color:#ffd34f!important; } [data-theme="dark"] .nav a.active:after { background:#ffd34f!important; } [data-theme="dark"] .nav-search { color:#f4f8fb!important; } [data-theme="dark"] .theme-toggle { background:#294b66!important; border-color:#57738a!important; color:#fff!important; } [data-theme="dark"] .theme-toggle:hover { background:#345d7a!important; color:#ffd34f!important; } [data-theme="dark"] .menu-toggle { color:#fff!important; } /* ---- LIGHTER, PREMIUM FOOTER ---- */ .tb-newsletter:before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; right:-140px; top:-240px; background:radial-gradient(circle,rgba(220,170,20,.18),transparent 68%)!important; pointer-events:none; } .tb-footer-trust { border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.28)!important; border-top-color:#d1dfe8!important; border-bottom-color:#d1dfe8!important; } .tb-footer-trust .container { min-height:48px; display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap; color:#718597!important; font-size:.65rem; } .tb-footer-trust i { color:#b17a00!important; margin-right:5px; } /* Uploaded footer logo remains 220px, natural height. */ .tb-footer .tb-custom-footer-logo { max-width:220px!important; max-height:none!important; width:220px!important; height:auto!important; display:block!important; } /* ---- DARK MODE FOOTER: muted blue rather than almost-black ---- */ [data-theme="dark"] .tb-footer-brand p { color:rgba(255,255,255,.68)!important; } [data-theme="dark"] .tb-footer .footer-col a { color:rgba(255,255,255,.68)!important; } [data-theme="dark"] .tb-footer .footer-col a:hover { color:#ffd34f!important; } [data-theme="dark"] .tb-socials a { background:#2b506a!important; color:#fff!important; } [data-theme="dark"] .tb-socials a:hover { background:#e6b51e!important; color:#17324d!important; } [data-theme="dark"] .tb-footer-bottom { border-top-color:#31546d!important; color:rgba(255,255,255,.55)!important; } [data-theme="dark"] .tb-footer-trust { border-top-color:#31546d!important; border-bottom-color:#31546d!important; background:rgba(255,255,255,.025)!important; } [data-theme="dark"] .tb-footer-trust .container { color:rgba(255,255,255,.55)!important; } [data-theme="dark"] .tb-footer-trust i { color:#ffd34f!important; } /* Mobile header/nav follows the new light header. */ @media (max-width:800px) { .header-inner { min-height:78px!important; height:78px!important; } .nav { top:78px!important; background:#fff!important; border-top:1px solid #dfe7ee!important; } .nav a { color:#203b55!important; } .nav a:hover,.nav a.active { color:#a87000!important; } .menu-toggle { color:#203b55!important; } [data-theme="dark"] .nav { background:#1b364d!important; border-top-color:#3b5b73!important; } [data-theme="dark"] .nav a { color:#f4f8fb!important; } [data-theme="dark"] .menu-toggle { color:#fff!important; } .tb-brand .tb-custom-logo,.tb-footer .tb-custom-footer-logo { width:200px!important; max-width:200px!important; } } @media (max-width:480px) { .header-inner { min-height:72px!important; height:72px!important; } .nav { top:72px!important; } .tb-brand .tb-custom-logo,.tb-footer .tb-custom-footer-logo { width:180px!important; max-width:180px!important; } } /* Remove every legacy timer/progress element visually. */ .tb-home-slider .tb-slider-progress, .tb-full-bleed-slider .tb-slider-progress, .tb-editorial-slider .tb-slider-progress { display:none!important; width:0!important; height:0!important; visibility:hidden!important; } /* Clean homepage slider: light editorial surface in BOTH themes. */ .tb-home-slider .tb-slide-copy:after { content:""; position:absolute; width:330px; height:330px; right:-190px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(247,197,30,.09),transparent 68%)!important; pointer-events:none; display:none!important; } .tb-home-slider .tb-slide h1, .tb-home-slider .tb-slide h1 a { color:#142943!important; } .tb-home-slider .tb-slide h1 a:hover { color:#7c5a00!important; } /* Image area: neutral background, no dark overlay, no blur, no cropping. */ .tb-home-slider .tb-slide-visual-bg, .tb-home-slider .tb-slide-visual-overlay, .tb-home-slider .tb-slide-visual:after { display:none!important; background:none!important; opacity:0!important; } /* Slider arrows: clearly visible, no dark blobs. */ .tb-home-slider .tb-slider-edge-arrow:hover, .tb-home-slider .tb-slider-edge-arrow:focus-visible { background:#e5b21b!important; border-color:#e5b21b!important; color:#142943!important; transform:translateY(-50%) scale(1.06)!important; outline:none!important; } /* Replace old horizontal timer-like bars with clean circular indicators. */ /* Remove any legacy gold rule/border directly above the homepage search. */ .tb-home-search-wrap, .tb-home-search-wrap::before, .tb-home-search-wrap::after { border-top:0!important; box-shadow:none!important; background-clip:padding-box!important; } .tb-home-search { background:var(--tb-white); border:1px solid var(--tb-line); border-radius:16px; box-shadow:0 18px 45px rgba(7,28,57,.16); display:grid; grid-template-columns:54px minmax(0,1fr) 170px 130px; align-items:center; overflow:hidden; border-top:1px solid #dfe6ed!important; } /* Newsletter — light mode: bright, readable and full-width. */ .tb-footer .tb-newsletter { width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; background:linear-gradient(120deg,#eef6fb 0%,#f8fbfd 52%,#fff7dc 100%)!important; border-radius:0!important; color:#17314e!important; border:0!important; border-top:1px solid #dbe7ef!important; border-bottom:1px solid #dbe7ef!important; } .tb-footer .tb-newsletter:before { display:none!important; } .tb-newsletter-copy h3 { font-size:clamp(1.7rem,2.7vw,2.35rem)!important; line-height:1.06!important; margin-bottom:6px; font-family:Georgia,"Times New Roman",serif!important; color:#17314e!important; margin:0 0 7px!important; } .tb-newsletter-copy p { max-width:440px; font-size:.76rem; line-height:1.55!important; color:#617387!important; margin:0!important; } .tb-newsletter-form small { grid-column:1/-1!important; color:#7a8998!important; font-size:.7rem; margin-top:6px; padding-left:3px; line-height:1.4; padding-top:9px; padding:7px 3px 0!important; } .tb-newsletter .newsletter-message { grid-column:1/-1!important; margin:4px 0 0!important; color:#2c6c4d!important; } /* Newsletter — dark mode: soft blue, not near-black. */ [data-theme="dark"] .tb-footer .tb-newsletter { background:linear-gradient(120deg,#203f5c 0%,#2b5874 55%,#53616b 100%)!important; color:#fff!important; border-top-color:#45667d!important; border-bottom-color:#45667d!important; } [data-theme="dark"] .tb-newsletter-icon { background:#294e69!important; border-color:#52738a!important; color:#ffd34f!important; } [data-theme="dark"] .tb-newsletter-copy h3 { color:#fff!important; } [data-theme="dark"] .tb-newsletter-copy p { color:rgba(255,255,255,.76)!important; } [data-theme="dark"] .tb-newsletter-form { background:#f7fafc!important; border-color:#5f7b8d!important; } [data-theme="dark"] .tb-newsletter-form input::placeholder { color:#8795a3!important; } [data-theme="dark"] .tb-newsletter-form button { background:#e5b21b!important; color:#17314e!important; } [data-theme="dark"] .tb-newsletter-form small { color:#667786!important; } [data-theme="dark"] .tb-newsletter .newsletter-message { color:#d8f5df!important; } @media (max-width:1000px) { .tb-home-slider.tb-full-bleed-slider { height:620px!important; min-height:620px!important; } .tb-home-slider .tb-slide { grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important; } .tb-home-slider .tb-slide-copy-inner { padding-left:28px!important; padding-right:30px!important; } .tb-home-slider .tb-slide-image-wrap { padding:18px 34px 58px!important; } .tb-newsletter-inner { grid-template-columns:1fr!important; gap:20px!important; } } @media (max-width:760px) { .tb-home-slider.tb-full-bleed-slider { height:700px!important; min-height:700px!important; } .tb-home-slider .tb-slide { grid-template-columns:1fr!important; grid-template-rows:54% 46%!important; } .tb-home-slider .tb-slide-visual { grid-row:1!important; } .tb-home-slider .tb-slide-copy { grid-row:2!important; } .tb-home-slider .tb-slide-copy-inner { padding:24px 54px 66px!important; margin:0 auto!important; } .tb-home-slider .tb-slide h1 { font-size:clamp(1.95rem,8vw,3rem)!important; max-height:2.2em!important; } .tb-home-slider .tb-slide p { font-size:.8rem!important; line-height:1.5!important; } .tb-home-slider .tb-slide-image-wrap { padding:12px 46px 44px!important; } .tb-home-slider .tb-slider-prev { left:8px!important; } .tb-home-slider .tb-slider-next { right:8px!important; } .tb-home-slider .tb-slider-edge-arrow { width:40px!important; height:40px!important; } .tb-newsletter-inner { padding:30px 16px!important; } .tb-newsletter-form { grid-template-columns:1fr!important; gap:8px!important; } .tb-newsletter-form input,.tb-newsletter-form button { border-radius:9px!important; } .tb-newsletter-form button { width:100%!important; } } @media (max-width:480px) { .tb-home-slider.tb-full-bleed-slider { height:720px!important; min-height:720px!important; } .tb-home-slider .tb-slide { grid-template-rows:52% 48%!important; } .tb-home-slider .tb-slide-image-wrap { padding:10px 38px 42px!important; } } .tb-home-slider { --slider-bg:#f5f8fc; --slider-card:#ffffff; --slider-ink:#10294b; --slider-muted:#64748b; position:relative; overflow:hidden; background:var(--slider-bg); border-bottom:1px solid var(--tb-line); isolation:isolate; } .tb-slide-inner { width:100%; min-height:620px; display:grid; grid-template-columns:minmax(0,44%) minmax(0,56%); align-items:stretch; } .tb-slide-copy { position:relative; z-index:3; background:linear-gradient(115deg,#031326 0%,#061b36 76%,rgba(6,27,54,.96) 100%); display:flex; align-items:center; flex-direction:column; justify-content:center; padding:64px 42px 92px 18px; min-width:0; } .tb-slide-kicker { display:flex; align-items:center; gap:9px; color:#9a7100; font-size:.68rem; font-weight:900; letter-spacing:.16em; margin-bottom:18px; } .tb-slide h1 { max-width:620px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.55rem,4.35vw,4.7rem); line-height:1.02; letter-spacing:-.045em; margin:0 0 18px; color:var(--slider-ink); overflow-wrap:anywhere; } .tb-slide h1 a { color:inherit; } .tb-slide h1 a:hover { color:var(--tb-navy-2); } .tb-slide p { max-width:570px; font-size:.93rem; line-height:1.7; color:var(--slider-muted); margin:0 0 14px; } .tb-slide-meta { display:flex; gap:8px; align-items:center; flex-wrap:wrap; color:#778398; font-size:.68rem; margin-bottom:22px; } .tb-slide-button { display:inline-flex; align-items:center; gap:9px; background:var(--tb-yellow); color:var(--tb-navy); font-size:.68rem; font-weight:900; padding:12px 18px; border-radius:999px; box-shadow:0 10px 24px rgba(7,28,57,.10); justify-content:center; width:max-content; transition:.2s ease; } .tb-slide-button:hover { background:var(--tb-navy); color:#fff; transform:translateY(-2px); } .tb-slide-image-panel { display:flex; align-items:center; justify-content:center; padding:28px 18px 70px 8px; min-width:0; } .tb-slide-image-frame { width:100%; height:100%; min-height:500px; display:flex; align-items:center; justify-content:center; background:#e9eef5; border:1px solid #dbe3ed; border-radius:24px; overflow:hidden; box-shadow:0 18px 45px rgba(7,28,57,.08); } .tb-slide-image { width:100%; height:100%; object-fit:contain; object-position:center; background:#061b3a; display:block; max-width:100%; max-height:100%; } .tb-slider-edge-arrow { position:absolute; top:50%; z-index:10; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; border:1px solid rgba(16,41,75,.15); background:rgba(255,255,255,.94); color:var(--tb-navy); display:grid; place-items:center; cursor:pointer; box-shadow:0 10px 28px rgba(7,28,57,.12); transition:.2s ease; } .tb-slider-prev { left:18px; } .tb-slider-next { right:18px; } .tb-slider-status { position:absolute; left:50%; bottom:18px; z-index:12; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:16px; pointer-events:none; } .tb-slider-counter { display:flex; align-items:baseline; gap:4px; color:#778398; font-size:.68rem; font-weight:800; min-width:46px; } .tb-slider-dots { display:flex; align-items:center; gap:7px; padding:0 3px; pointer-events:auto; } /* Modern newsletter — light by default */ .tb-footer { margin-top:55px; background:#edf3f8; color:#17314f; border:0; border-top:1px solid #d4e1e9!important; } .tb-newsletter { background:linear-gradient(135deg,#f7fbff 0%,#eaf3fa 52%,#f8f2dd 100%); color:#17324d!important; position:relative; overflow:hidden; border-top:1px solid #dbe6ef; border-bottom:1px solid #dbe6ef; width:100%; } .tb-newsletter-inner { min-height:310px; display:grid; align-items:center; justify-content:space-between; gap:70px; position:relative; padding-top:24px; padding-bottom:24px; width:100%; max-width:1320px!important; margin:0 auto; box-sizing:border-box!important; grid-template-columns:minmax(0,1fr) minmax(420px,560px); padding:52px 24px; z-index:2; } .tb-newsletter-copy { display:flex!important; align-items:center!important; gap:18px!important; flex:1; min-width:0; } .tb-newsletter-eyebrow i { font-size:.78rem; } .tb-newsletter-copy h2 { margin:0 0 10px; font-family:Georgia,"Times New Roman",serif; color:#123052; font-size:clamp(2.15rem,4vw,3.7rem); line-height:.98; letter-spacing:-.045em; } .tb-newsletter-card { background:rgba(255,255,255,.88); border:1px solid rgba(185,199,214,.72); border-radius:24px; padding:22px; box-shadow:0 20px 55px rgba(27,55,82,.12); backdrop-filter:blur(12px); } .tb-newsletter-card-head { display:flex; align-items:center; gap:12px; margin-bottom:16px; } .tb-newsletter-card-head strong { display:block; color:#17314f; font-size:.95rem; } .tb-newsletter-form { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 126px; gap:8px; position:relative; background:transparent; padding:0; border:0; border-radius:13px!important; box-sizing:border-box; box-shadow:0 10px 28px rgba(35,62,83,.08)!important; } .tb-newsletter-input-wrap { position:relative; min-width:0; } .tb-newsletter-input-wrap>i { position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#7f90a4; font-size:.82rem; pointer-events:none; } .tb-newsletter-form input:focus { border-color:#9fb5ca; box-shadow:0 0 0 4px rgba(31,82,127,.09); } .tb-newsletter-form button { height:52px; border:0; border-radius:13px; background:var(--tb-yellow); color:var(--tb-navy); font-weight:900; font-size:.66rem; letter-spacing:.04em; cursor:pointer; box-shadow:0 9px 20px rgba(196,145,0,.18); transition:.2s ease; } .tb-newsletter-form button:hover { background:#dcae08; color:#fff!important; transform:translateY(-1px); } .tb-newsletter-form button:disabled { opacity:.65; cursor:not-allowed; transform:none; } .tb-newsletter-message { grid-column:1/-1; position:static!important; bottom:-25px; left:0; margin:1px 0 0; font-size:.72rem; min-height:17px; } .tb-newsletter-message.is-success { color:#287548; } .tb-newsletter-message.is-error { color:#b34038; } .tb-newsletter-decoration { position:absolute; border-radius:50%; pointer-events:none; } .tb-newsletter-decoration-one { width:380px; height:380px; right:-150px; top:-210px; background:radial-gradient(circle,rgba(247,197,30,.25),rgba(247,197,30,0) 68%); } .tb-newsletter-decoration-two { width:280px; height:280px; left:-160px; bottom:-180px; background:radial-gradient(circle,rgba(40,104,160,.12),rgba(40,104,160,0) 70%); } .tb-footer-main { display:grid; grid-template-columns:1.7fr repeat(4,1fr); gap:40px; padding-top:44px!important; padding-bottom:38px!important; background:transparent; } .tb-footer .footer-col h4 { font-family:var(--font-body); font-size:.69rem; letter-spacing:.1em; color:#274461; margin-bottom:4px; } .tb-socials a:hover { background:var(--tb-yellow)!important; color:var(--tb-navy)!important; border-color:var(--tb-yellow); } [data-theme="dark"] .tb-home-slider { --slider-bg:#1a2d43; --slider-card:#22384f; --slider-ink:#f7f9fc; --slider-muted:#c0ccda; background:#172b42; border-color:#30465d; } [data-theme="dark"] .tb-slide-image-frame { background:#22384f; border-color:#3a5067; box-shadow:0 18px 45px rgba(0,0,0,.22); } [data-theme="dark"] .tb-slide-kicker { color:#f1c94c; } .tb-kicker-dot { width:8px; height:8px; border-radius:50%; background:var(--tb-yellow); box-shadow:0 0 0 5px rgba(247,197,30,.12); flex:0 0 auto; } [data-theme="dark"] .tb-slider-edge-arrow { background:rgba(28,48,70,.94); color:#fff; border-color:#476079; } .tb-slider-edge-arrow:hover { background:var(--tb-yellow); border-color:var(--tb-yellow); transform:translateY(-50%) scale(1.05); color:#17314f; } [data-theme="dark"] .tb-slider-counter { color:#aebdcd; } .tb-slider-counter strong { color:#fff; font-size:.88rem; } .tb-slider-dot { width:8px; height:8px; border:1px solid #b5c0ce; padding:0; background:#536a80; border-radius:50%; cursor:pointer; transition:.22s ease; border-color:#60778c; } .tb-slider-dot.is-active { width:26px; background:var(--tb-yellow); border-radius:999px; border-color:var(--tb-yellow); } [data-theme="dark"] .tb-footer { background:#1c3147; color:#e9f0f6; border-top-color:#31546d!important; } [data-theme="dark"] .tb-newsletter { background:linear-gradient(135deg,#203a55 0%,#274d6b 58%,#4a4129 100%); color:#fff!important; border-top-color:#3a6078!important; border-bottom-color:#3a6078!important; border-color:#3b556d; } [data-theme="dark"] .tb-newsletter-copy h2 { color:#fff; } .tb-newsletter-copy h2 em { font-style:italic; color:#f2c54a; } .tb-newsletter-copy>p { max-width:600px; margin:0; color:#c0cfdd; font-size:.86rem; line-height:1.75; } .tb-newsletter-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#f2c54a; font-size:.68rem; font-weight:900; letter-spacing:.15em; margin-bottom:12px; } [data-theme="dark"] .tb-newsletter-card { background:rgba(20,36,53,.88); border-color:#496177; box-shadow:0 20px 55px rgba(0,0,0,.2); } [data-theme="dark"] .tb-newsletter-card-head strong { color:#fff; } .tb-newsletter-card-head small { display:block; margin-top:3px; color:#aebdcb; font-size:.68rem; } .tb-newsletter-icon { width:48px; height:48px; border-radius:15px; background:#f2c54a; display:grid; place-items:center; font-size:1rem; flex:0 0 48px; border:1px solid #d6e2ea!important; box-shadow:0 8px 20px rgba(18,59,104,.18); color:#17314f; } [data-theme="dark"] .tb-newsletter-form input { background:#f8fafc; color:#17314f; border-color:#d5dee8; } .tb-newsletter-form input::placeholder { color:#8a98a8; opacity:1!important; } .tb-newsletter-privacy { grid-column:1/-1; color:#aebdcb; font-size:.62rem; line-height:1.4; margin-top:1px; } .tb-newsletter-privacy i { margin-right:5px; color:#8fb0ca; } [data-theme="dark"] .tb-footer .footer-col h4 { color:#f3f7fb; } .tb-footer .footer-col a { font-size:.72rem; color:#b6c5d3; } .tb-footer .footer-col a:hover { color:#f2c54a; } .tb-footer-brand p { font-size:.73rem; line-height:1.65; color:#b1c0cf; } .tb-footer-bottom { border-top:1px solid #d6e0e9; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#9fb0c0; font-size:.65rem; border-color:#3a5268; } .tb-socials a { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:#243d56!important; color:#eaf2f8!important; border:1px solid #d8e1ea; border-color:#486078; } @media (max-width:900px) { .tb-home-slider .tb-slider-track,.tb-slide-inner { min-height:680px; } .tb-slide-inner { grid-template-columns:1fr; grid-template-rows:auto 360px; } .tb-slide-copy { padding:44px 54px 14px; } .tb-slide h1 { font-size:clamp(2.25rem,7.2vw,3.7rem); max-width:760px; } .tb-slide p { max-width:700px; } .tb-slide-image-panel { padding:8px 54px 66px; } .tb-slide-image-frame { min-height:330px; border-radius:20px; } .tb-slider-prev { left:10px; } .tb-slider-next { right:10px; } .tb-newsletter-inner { grid-template-columns:1fr; gap:26px; padding-top:42px; padding-bottom:42px; } .tb-newsletter-card { max-width:720px; width:100%; justify-self:center; box-sizing:border-box; } } @media (max-width:560px) { .tb-home-slider .tb-slider-track,.tb-slide-inner { min-height:690px; } .tb-slide-inner { grid-template-rows:auto 300px; } .tb-slide-copy { padding:34px 44px 8px; } .tb-slide-kicker { font-size:.59rem; letter-spacing:.11em; margin-bottom:12px; } .tb-slide h1 { font-size:clamp(2rem,10vw,3rem); line-height:1.03; margin-bottom:12px; } .tb-slide p { font-size:.8rem; line-height:1.55; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .tb-slide-meta { font-size:.61rem; margin-bottom:14px; } .tb-slide-button { font-size:.61rem; padding:10px 14px; } .tb-slide-image-panel { padding:4px 44px 62px; } .tb-slide-image-frame { min-height:275px; border-radius:16px; } .tb-slider-edge-arrow { width:38px; height:38px; font-size:.75rem; } .tb-slider-status { bottom:16px; gap:10px; } .tb-slider-dot { width:7px; height:7px; } .tb-slider-dot.is-active { width:20px; } .tb-newsletter-inner { padding-left:16px; padding-right:16px; } .tb-newsletter-copy h2 { font-size:2.35rem; } .tb-newsletter-copy>p { font-size:.78rem; } .tb-newsletter-card { padding:17px; border-radius:19px; } .tb-newsletter-form { grid-template-columns:1fr; } .tb-newsletter-form button { width:100%; } } .tb-home-slider.tb-full-bleed-slider { position:relative!important; width:100%!important; height:clamp(500px,42vw,610px)!important; min-height:500px!important; overflow:hidden!important; background:#f5f7fa!important; --tb-slider-height:clamp(500px,44vw,610px)!important; color:#12253d!important; border:0!important; box-shadow:none!important; border-top:1px solid #e5eaf0!important; border-bottom:1px solid #e5eaf0!important; } .tb-home-slider .tb-slider-track { position:relative!important; width:100%!important; height:100%!important; min-height:100%!important; } .tb-home-slider .tb-slide { position:absolute!important; inset:0!important; display:grid!important; grid-template-columns:minmax(0,48%) minmax(0,52%)!important; width:100%!important; height:100%!important; min-height:100%!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; z-index:0!important; transition:opacity .35s ease,visibility .35s ease!important; background:#f3f6f9!important; align-items:stretch; } .tb-home-slider .tb-slide.is-active { opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:2!important; } .tb-home-slider .tb-slide-copy-inner { position:relative!important; z-index:2!important; width:min(680px,100%)!important; margin-left:max(28px,calc((100vw - 1320px)/2))!important; margin-right:0!important; padding:50px 42px 74px 0!important; box-sizing:border-box!important; padding-left:max(24px,calc((100vw - 1320px)/2))!important; padding-right:54px!important; } .tb-home-slider .tb-slide-kicker { display:inline-flex!important; align-items:center!important; gap:10px!important; color:#a77b00!important; font-size:.68rem!important; font-weight:900!important; letter-spacing:.14em!important; margin:0 0 16px!important; white-space:nowrap!important; } .tb-home-slider .tb-slide-kicker span { width:28px!important; height:2px!important; background:#c59a19!important; display:inline-block!important; } .tb-home-slider .tb-slide h1 { width:auto!important; max-width:650px!important; max-height:3.15em!important; overflow:hidden!important; margin:0 0 16px!important; font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(2.5rem,4.2vw,4.35rem)!important; line-height:1.02!important; letter-spacing:-.045em!important; color:#102a47!important; } .tb-home-slider .tb-slide h1 a { color:#102a47!important; text-decoration:none!important; } .tb-home-slider .tb-slide-button { display:inline-flex!important; align-items:center!important; gap:9px!important; padding:11px 17px!important; border-radius:999px!important; background:#d6a900!important; color:#122b47!important; font-size:.66rem!important; font-weight:900!important; letter-spacing:.06em!important; box-shadow:0 9px 22px rgba(166,126,0,.16)!important; text-decoration:none!important; } .tb-home-slider .tb-slide-button:hover { background:#122b47!important; color:#fff!important; } .tb-home-slider .tb-slide-image-wrap { position:relative!important; z-index:2!important; width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:26px 70px 68px 24px!important; box-sizing:border-box!important; background:#edf2f6!important; } .tb-home-slider .tb-slide-image { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; filter:none!important; box-shadow:none!important; image-rendering:auto!important; } .tb-home-slider .tb-slider-edge-arrow:hover,.tb-home-slider .tb-slider-edge-arrow:focus-visible { background:#d6a900!important; border-color:#d6a900!important; color:#122b47!important; transform:translateY(-50%) scale(1.05)!important; outline:none!important; } .tb-home-slider .tb-slider-prev { left:18px!important; } .tb-home-slider .tb-slider-next { right:18px!important; } .tb-home-slider .tb-slider-controls { position:absolute!important; left:50%!important; bottom:16px!important; transform:translateX(-50%)!important; z-index:51!important; width:min(1320px,calc(100% - 150px))!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:14px!important; pointer-events:none!important; } .tb-home-slider .tb-slider-dots { display:flex!important; align-items:center!important; gap:6px!important; pointer-events:auto!important; } .tb-home-slider .tb-slider-dot { width:8px!important; height:8px!important; padding:0!important; border:1px solid #b6c3d0!important; border-radius:50%!important; background:#d5dde5!important; cursor:pointer!important; transition:.2s ease!important; } .tb-home-slider .tb-slider-dot.is-active { width:22px!important; background:#d6a900!important; height:10px!important; transform:scale(1.05)!important; border-radius:999px!important; border-color:#d6a900!important; } .tb-home-search-wrap { position:relative; z-index:10; margin-top:0!important; padding-top:18px!important; } .tb-newsletter-form input { height:52px; border:1px solid #d4dee8; border-radius:13px; padding:0 14px 0 40px; background:#fff; color:#17314f; outline:0; font-size:.82rem; min-width:0!important; width:100%; box-sizing:border-box; box-shadow:inset 0 1px 2px rgba(7,28,57,.03); padding-left:30px!important; } [data-theme="dark"] .tb-home-slider.tb-full-bleed-slider { background:#e9eef4!important; border-color:#d2dbe5!important; } .tb-home-slider .tb-slide-copy { position:relative!important; z-index:3!important; min-width:0!important; display:flex!important; align-items:center!important; background:#f5f7fa!important; overflow:hidden!important; color:#122b47!important; border:0!important; } .tb-home-slider .tb-slide-visual { position:relative!important; min-width:0!important; overflow:hidden!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#eef2f6!important; border-left:1px solid #dbe3ea!important; isolation:isolate!important; } .tb-home-slider .tb-slide h1,.tb-home-slider .tb-slide h1 a { color:#102a47!important; } .tb-home-slider .tb-slide p { width:auto!important; max-width:600px!important; margin:0 0 15px!important; color:#60748a!important; font-size:.9rem!important; line-height:1.65!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .tb-home-slider .tb-slide-meta { display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px!important; margin:0 0 20px!important; color:#7d8da0!important; font-size:.67rem!important; } .tb-home-slider .tb-slider-counter { color:#7a8998!important; font-size:.68rem!important; min-width:48px!important; pointer-events:none!important; } .tb-home-slider .tb-slider-counter strong { color:#17314f!important; font-size:.82rem!important; } .tb-home-slider .tb-slider-edge-arrow { position:absolute!important; top:50%!important; transform:translateY(-50%)!important; z-index:50!important; width:52px!important; height:52px!important; padding:0!important; display:grid!important; place-items:center!important; border:1px solid #cfd8e2!important; border-radius:50%!important; background:rgba(255,255,255,.97)!important; color:#17314f!important; font-size:.95rem!important; cursor:pointer!important; box-shadow:0 8px 24px rgba(25,49,75,.13)!important; opacity:1!important; visibility:visible!important; border-color:#cfd8e2!important; } @media (max-width:900px) { .tb-home-slider.tb-full-bleed-slider { height:auto!important; min-height:720px!important; } .tb-home-slider .tb-slide { grid-template-columns:1fr!important; grid-template-rows:minmax(360px,1fr) 320px!important; } .tb-home-slider .tb-slide-copy-inner { margin:0 auto!important; width:min(760px,100%)!important; padding:38px 58px 12px!important; } .tb-home-slider .tb-slide h1 { font-size:clamp(2.25rem,7vw,3.7rem)!important; } .tb-home-slider .tb-slide-visual { min-height:320px!important; } .tb-home-slider .tb-slide-image-wrap { padding:8px 58px 58px!important; } .tb-home-slider .tb-slider-prev { left:10px!important; } .tb-home-slider .tb-slider-next { right:10px!important; } } @media (max-width:560px) { .tb-home-slider.tb-full-bleed-slider { min-height:680px!important; } .tb-home-slider .tb-slide { grid-template-rows:minmax(300px,1fr) 280px!important; } .tb-home-slider .tb-slide-copy-inner { padding:30px 46px 8px!important; } .tb-home-slider .tb-slide h1 { font-size:clamp(2rem,10vw,3rem)!important; line-height:1.03!important; } .tb-home-slider .tb-slide p { font-size:.79rem!important; line-height:1.55!important; -webkit-line-clamp:3!important; } .tb-home-slider .tb-slide-image-wrap { padding:4px 46px 54px!important; } .tb-home-slider .tb-slide-visual { min-height:280px!important; } .tb-home-slider .tb-slider-edge-arrow { width:40px!important; height:40px!important; font-size:.72rem!important; } .tb-home-slider .tb-slider-controls { bottom:12px!important; gap:9px!important; } .tb-home-slider .tb-slider-dot { width:7px!important; height:7px!important; } .tb-home-slider .tb-slider-dot.is-active { width:19px!important; } } html[data-theme="dark"], html[data-theme="dark"] body { background:#10283f!important; color:#eaf2f8!important; } html[data-theme="dark"] main, html[data-theme="dark"] .site-main, html[data-theme="dark"] .content, html[data-theme="dark"] .page-content { background:#10283f!important; } /* Remove light-theme gaps around the homepage slider/search/quick links. */ html[data-theme="dark"] .tb-home-slider.tb-full-bleed-slider { background:#18364f!important; border-top:1px solid #2e4d64!important; border-bottom:1px solid #2e4d64!important; } html[data-theme="dark"] .tb-home-slider .tb-slide-copy { background:#18364f!important; color:#f5f8fb!important; } html[data-theme="dark"] .tb-home-slider .tb-slide-visual { background:#1d405b!important; } html[data-theme="dark"] .tb-home-slider .tb-slide h1, html[data-theme="dark"] .tb-home-slider .tb-slide h1 a { color:#f7fafc!important; } html[data-theme="dark"] .tb-home-slider .tb-slide p { color:#c4d2df!important; } html[data-theme="dark"] .tb-home-slider .tb-slide-meta, html[data-theme="dark"] .tb-home-slider .tb-slider-counter { color:#a9bbc9!important; } html[data-theme="dark"] .tb-home-slider .tb-slider-counter strong { color:#fff!important; } html[data-theme="dark"] .tb-home-slider .tb-slider-edge-arrow { background:#294a63!important; border-color:#537188!important; color:#fff!important; } html[data-theme="dark"] .tb-home-slider .tb-slider-edge-arrow:hover, html[data-theme="dark"] .tb-home-slider .tb-slider-edge-arrow:focus-visible { background:#e6b51e!important; border-color:#e6b51e!important; color:#17324d!important; } html[data-theme="dark"] .tb-home-slider .tb-slider-dot { background:#587187!important; border-color:#6d8496!important; } html[data-theme="dark"] .tb-home-slider .tb-slider-dot.is-active { background:#e6b51e!important; border-color:#e6b51e!important; } /* Search should not reveal a light strip around itself. */ html[data-theme="dark"] .tb-home-search-wrap { background:#10283f!important; border:0!important; box-shadow:none!important; padding-top:18px!important; margin-top:0!important; } html[data-theme="dark"] .tb-home-search { background:#f7fafc!important; border-color:#48657a!important; box-shadow:0 14px 34px rgba(0,0,0,.22)!important; } html[data-theme="dark"] .tb-home-popular, html[data-theme="dark"] .tb-home-popular a { color:#c5d2de!important; } html[data-theme="dark"] .tb-home-popular a { border-color:#557087!important; background:#18364f!important; } html[data-theme="dark"] .tb-home-popular a:hover { background:#294a63!important; color:#fff!important; } /* Quick links: eliminate the dark/light strip between sections. */ html[data-theme="dark"] .tb-quicklinks-wrap { background:#10283f!important; margin-top:0!important; padding-top:26px!important; } html[data-theme="dark"] .tb-quicklinks { background:#18364f!important; border:1px solid #2e4d64!important; box-shadow:0 12px 30px rgba(0,0,0,.18)!important; } html[data-theme="dark"] .tb-quicklinks a { border-color:#31536b!important; color:#eef5f9!important; } html[data-theme="dark"] .tb-quicklinks a:hover { background:#20445e!important; } html[data-theme="dark"] .tb-quicklinks small { color:#9fb2c2!important; } /* All ordinary homepage sections use the same dark surface. */ html[data-theme="dark"] .tb-section, html[data-theme="dark"] .tb-section-intro, html[data-theme="dark"] .tb-stats-strip, html[data-theme="dark"] .tb-feature-banner { background:transparent!important; } html[data-theme="dark"] .tb-section-head h2, html[data-theme="dark"] .tb-home-intro h2, html[data-theme="dark"] .tb-section h2 { color:#f4f8fb!important; } html[data-theme="dark"] .tb-section-kicker, html[data-theme="dark"] .tb-viewall { color:#aebfcd!important; } html[data-theme="dark"] .tb-story-card, html[data-theme="dark"] .tb-story-body, html[data-theme="dark"] .tb-theme-tile, html[data-theme="dark"] .tb-destination-card { color:#eef5f9!important; } html[data-theme="dark"] .tb-story-body h3, html[data-theme="dark"] .tb-story-body h3 a { color:#f2f7fa!important; } html[data-theme="dark"] .tb-story-body p, html[data-theme="dark"] .tb-story-meta { color:#a9bac8!important; } /* Footer and newsletter touch the page with no unintended white gap. */ html[data-theme="dark"] .tb-footer { margin-top:55px!important; background:#18364f!important; } html[data-theme="dark"] .tb-newsletter { background:linear-gradient(120deg,#244d6c 0%,#2b5975 58%,#4c4935 100%)!important; border-top:1px solid #3a6078!important; border-bottom:1px solid #3a6078!important; } /* Prevent generic page wrappers from reintroducing white background in dark mode. */ html[data-theme="dark"] .container, html[data-theme="dark"] .tb-home-search-wrap, html[data-theme="dark"] .tb-quicklinks-wrap { background-color:transparent; } /* Remove accidental empty vertical spacing created by legacy slider rules. */ html[data-theme="dark"] .tb-home-slider .tb-slider-track { margin:0!important; padding:0!important; } html[data-theme="dark"] .tb-home-slider .tb-slide { margin:0!important; } /* Mobile: keep the same continuous dark surface. */ @media (max-width:900px) { html[data-theme="dark"] .tb-home-search-wrap { padding-top:14px!important; } html[data-theme="dark"] .tb-quicklinks-wrap { padding-top:20px!important; } } /* The archive page explicitly opts into the shared theme. */ .tb-page-archive .posts-archive { background:transparent!important; color:var(--tb-ink)!important; } .tb-page-archive .posts-archive > .container { padding-top:42px!important; padding-bottom:58px!important; } .tb-page-archive .archive-header { margin-bottom:24px!important; padding:44px 0 34px!important; border-radius:0!important; background:linear-gradient(135deg,#edf4f9 0%,#f8fafc 58%,#fff 100%)!important; color:#17324d!important; border-bottom:1px solid #dbe5ed!important; } .tb-page-archive .archive-title { color:#17324d!important; font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(2.15rem,4.5vw,4.2rem)!important; line-height:1.04!important; letter-spacing:-.045em!important; max-width:950px!important; } .tb-page-archive .archive-description { color:#6d7d8e!important; margin-top:10px!important; } .tb-page-archive .filter-bar { background:var(--tb-white)!important; border:1px solid var(--tb-line)!important; box-shadow:0 10px 30px rgba(16,48,78,.06)!important; border-radius:16px!important; margin-bottom:28px!important; } .tb-page-archive .filter-form { gap:14px!important; } .tb-page-archive .filter-select, .tb-page-archive .search-input { background:var(--tb-white)!important; color:var(--tb-ink)!important; border-color:var(--tb-line)!important; } .tb-page-archive .archive-grid { grid-template-columns:minmax(0,1fr) 310px!important; gap:30px!important; align-items:start!important; } .tb-page-archive .posts-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important; } .tb-page-archive .post-card-image { aspect-ratio:16/10!important; background:var(--tb-paper)!important; } .tb-page-archive .post-card-image img { object-fit:cover!important; } .tb-page-archive .post-card-content { padding:18px 18px 20px!important; } .tb-page-archive .post-card-title { font-family:Georgia,"Times New Roman",serif!important; font-size:1.35rem!important; line-height:1.2!important; color:var(--tb-ink)!important; } .tb-page-archive .post-card-title a:hover { color:#8b6800!important; } .tb-page-archive .post-card-excerpt { color:var(--tb-muted)!important; } .tb-page-archive .post-card-meta { color:#8190a0!important; } .tb-page-archive .read-more-btn { color:#8b6800!important; } .tb-page-archive .sidebar-widget { background:var(--tb-white)!important; color:var(--tb-ink)!important; border:1px solid var(--tb-line)!important; box-shadow:0 10px 28px rgba(16,48,78,.05)!important; } .tb-page-archive .widget-title { color:var(--tb-ink)!important; border-bottom-color:var(--tb-line)!important; } .tb-page-archive .popular-post-item,.tb-page-archive .recent-posts a,.tb-page-archive .category-list a { color:var(--tb-ink)!important; } .tb-page-archive .popular-meta,.tb-page-archive .post-date { color:var(--tb-muted)!important; } .tb-page-archive .pagination .page-link { background:var(--tb-white)!important; color:var(--tb-ink)!important; border-color:var(--tb-line)!important; } .tb-page-archive .pagination .active .page-link { background:var(--tb-yellow)!important; color:#17324d!important; border-color:var(--tb-yellow)!important; } /* Single article: remove legacy hard-coded white surfaces in dark mode. */ .tb-page-article { background:var(--tb-paper)!important; color:var(--tb-ink)!important; } .tb-page-article .post-header h1 { font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(2.5rem,5.2vw,5.1rem)!important; line-height:1.02!important; letter-spacing:-.045em; max-width:1050px!important; color:#fff!important; } .tb-page-article .post-layout { gap:42px; padding-top:46px; max-width:1180px; margin:0 auto; grid-template-columns:minmax(0,1fr) 300px!important; background:transparent!important; } .tb-page-article .post-content { font-size:1.08rem; line-height:1.9; color:var(--tb-ink)!important; } .tb-page-article .post-content p, .tb-page-article .post-content li { color:var(--tb-ink)!important; } .tb-page-article .post-content h2, .tb-page-article .post-content h3, .tb-page-article .post-content h4 { color:var(--tb-ink)!important; } .tb-page-article .post-content blockquote { color:var(--tb-muted)!important; border-left-color:var(--tb-yellow)!important; } .tb-page-article .author-box, .tb-page-article .comment-item, .tb-page-article .comment-form-wrapper, .tb-page-article .sidebar-widget { background:var(--tb-white)!important; color:var(--tb-ink)!important; border:1px solid var(--tb-line)!important; box-shadow:var(--tb-shadow-soft)!important; } .tb-page-article .author-info h3, .tb-page-article .comment-body, .tb-page-article .comment-form-wrapper h4, .tb-page-article .widget-title, .tb-page-article .popular-title { color:var(--tb-ink)!important; } .tb-page-article .author-info p, .tb-page-article .comment-date, .tb-page-article .no-comments, .tb-page-article .popular-meta, .tb-page-article .post-date, .tb-page-article .post-navigation .nav-label { color:var(--tb-muted)!important; } .tb-page-article .author-post-link { background:var(--tb-paper)!important; color:var(--tb-ink)!important; } .tb-page-article .author-post-link:hover { background:var(--tb-yellow)!important; color:#17324d!important; } .tb-page-article .post-navigation { border-color:var(--tb-line)!important; } .tb-page-article .nav-link,.tb-page-article .nav-title { color:var(--tb-ink)!important; } .tb-page-article .search-input, .tb-page-article .comment-form-wrapper input, .tb-page-article .comment-form-wrapper textarea { background:var(--tb-white)!important; color:var(--tb-ink)!important; border-color:var(--tb-line)!important; } .tb-page-article .search-btn { background:var(--tb-yellow)!important; color:#17324d!important; } .tb-page-article .recent-posts li, .tb-page-article .category-list li { border-bottom-color:var(--tb-line)!important; } .tb-page-article .recent-posts a, .tb-page-article .category-list a, .tb-page-article .popular-post-item { color:var(--tb-ink)!important; } .tb-page-article .tag-link { background:var(--tb-paper)!important; color:var(--tb-ink)!important; border:1px solid var(--tb-line)!important; } .tb-page-article .tag-link:hover { background:var(--tb-yellow)!important; color:#17324d!important; } .tb-page-article .post-faqs .faq-item, .tb-page-article .post-quiz { background:var(--tb-white)!important; border-color:var(--tb-line)!important; color:var(--tb-ink)!important; } .tb-page-article .post-faqs h3, .tb-page-article .faq-item summary, .tb-page-article .post-quiz h3, .tb-page-article .quiz-question-text { color:var(--tb-ink)!important; } .tb-page-article .faq-answer,.tb-page-article .post-quiz-desc { color:var(--tb-muted)!important; } /* Explicit dark-mode article surfaces. */ html[data-theme="dark"] .tb-page-article .search-input, html[data-theme="dark"] .tb-page-article .comment-form-wrapper input, html[data-theme="dark"] .tb-page-article .comment-form-wrapper textarea { background:#0f2134!important; color:#f3f7fb!important; border-color:#3a5b73!important; } html[data-theme="dark"] .tb-page-article .search-input::placeholder, html[data-theme="dark"] .tb-page-article .comment-form-wrapper input::placeholder, html[data-theme="dark"] .tb-page-article .comment-form-wrapper textarea::placeholder { color:#91a5b7!important; } html[data-theme="dark"] .tb-page-article .nav-link, html[data-theme="dark"] .tb-page-article .nav-title, html[data-theme="dark"] .tb-page-article .author-info h3, html[data-theme="dark"] .tb-page-article .comment-body, html[data-theme="dark"] .tb-page-article .comment-form-wrapper h4, html[data-theme="dark"] .tb-page-article .widget-title, html[data-theme="dark"] .tb-page-article .popular-title, html[data-theme="dark"] .tb-page-article .faq-item summary, html[data-theme="dark"] .tb-page-article .post-quiz h3, html[data-theme="dark"] .tb-page-article .quiz-question-text { color:#f3f7fb!important; } /* Prevent the archive from losing its fixed two-column grid. */ @media (max-width:900px) { .tb-page-archive .archive-grid { grid-template-columns:1fr!important; } } @media (max-width:700px) { .tb-page-archive .posts-grid { grid-template-columns:1fr!important; } .tb-page-archive .archive-header { padding:34px 0 28px!important; } .tb-page-archive .archive-title { font-size:2.35rem!important; } } html[data-theme="dark"] body.tb-page-archive, html[data-theme="dark"] body.tb-page-article { background:#0b1422!important; color:#edf3f8!important; } /* ARCHIVE */ html[data-theme="dark"] .tb-page-archive .posts-archive, html[data-theme="dark"] .tb-page-archive .archive-grid, html[data-theme="dark"] .tb-page-archive .posts-grid-wrapper, html[data-theme="dark"] .tb-page-archive .archive-sidebar { background:transparent!important; color:#edf3f8!important; } html[data-theme="dark"] .tb-page-archive .archive-header { background:linear-gradient(135deg,#142b42 0%,#17364f 58%,#1d4059 100%)!important; color:#f4f8fb!important; border-bottom-color:#31516a!important; } html[data-theme="dark"] .tb-page-archive .archive-title { color:#ffffff!important; } html[data-theme="dark"] .tb-page-archive .archive-description { color:#b6c5d2!important; } html[data-theme="dark"] .tb-page-archive .filter-bar { background:#13263a!important; border-color:#304b61!important; box-shadow:0 12px 30px rgba(0,0,0,.25)!important; } html[data-theme="dark"] .tb-page-archive .filter-select, html[data-theme="dark"] .tb-page-archive .search-input { background:#0e1d2d!important; color:#f1f6fa!important; border-color:#3a5870!important; } html[data-theme="dark"] .tb-page-archive .filter-select option { background:#0e1d2d!important; color:#f1f6fa!important; } html[data-theme="dark"] .tb-page-archive .filter-select::placeholder, html[data-theme="dark"] .tb-page-archive .search-input::placeholder { color:#8fa4b6!important; } html[data-theme="dark"] .tb-page-archive .post-card-image { background:#0e1d2d!important; } html[data-theme="dark"] .tb-page-archive .post-card-title a:hover { color:#ffd84a!important; } html[data-theme="dark"] .tb-page-archive .post-card-meta, html[data-theme="dark"] .tb-page-archive .post-date { color:#8fa4b6!important; } html[data-theme="dark"] .tb-page-archive .read-more-btn { color:#ffd84a!important; } html[data-theme="dark"] .tb-page-archive .sidebar-widget, html[data-theme="dark"] .tb-page-archive .archive-sidebar .sidebar-widget { background:#13263a!important; color:#edf3f8!important; border-color:#304b61!important; box-shadow:0 12px 30px rgba(0,0,0,.2)!important; } html[data-theme="dark"] .tb-page-archive .widget-title { color:#f5f8fb!important; border-bottom-color:#304b61!important; } html[data-theme="dark"] .tb-page-archive .popular-post-item, html[data-theme="dark"] .tb-page-archive .popular-post-item a, html[data-theme="dark"] .tb-page-archive .recent-posts a, html[data-theme="dark"] .tb-page-archive .category-list a, html[data-theme="dark"] .tb-page-archive .country-list a { color:#e8f0f5!important; } html[data-theme="dark"] .tb-page-archive .popular-post-item:hover, html[data-theme="dark"] .tb-page-archive .recent-posts a:hover, html[data-theme="dark"] .tb-page-archive .category-list a:hover, html[data-theme="dark"] .tb-page-archive .country-list a:hover { color:#ffd84a!important; } html[data-theme="dark"] .tb-page-archive .popular-meta, html[data-theme="dark"] .tb-page-archive .post-date { color:#91a6b8!important; } html[data-theme="dark"] .tb-page-archive .pagination .page-link { background:#13263a!important; color:#edf3f8!important; border-color:#304b61!important; } html[data-theme="dark"] .tb-page-archive .pagination .active .page-link { background:#f7c51e!important; color:#12263a!important; border-color:#f7c51e!important; } /* ARTICLE */ html[data-theme="dark"] .tb-page-article .post-header { background:linear-gradient(135deg,#132a41 0%,#173951 60%,#214b63 100%)!important; border-bottom-color:#35566d!important; color:#fff!important; } html[data-theme="dark"] .tb-page-article .post-header h1, html[data-theme="dark"] .tb-page-article .post-header .post-title { color:#fff!important; } html[data-theme="dark"] .tb-page-article .post-layout, html[data-theme="dark"] .tb-page-article .post-main, html[data-theme="dark"] .tb-page-article .post-content-wrapper { background:transparent!important; } html[data-theme="dark"] .tb-page-article .post-content { background:#0f1c2b!important; color:#eaf1f6!important; border-color:#2c465c!important; } html[data-theme="dark"] .tb-page-article .post-content p, html[data-theme="dark"] .tb-page-article .post-content li, html[data-theme="dark"] .tb-page-article .post-content td, html[data-theme="dark"] .tb-page-article .post-content dd { color:#dce7ee!important; } html[data-theme="dark"] .tb-page-article .post-content h2, html[data-theme="dark"] .tb-page-article .post-content h3, html[data-theme="dark"] .tb-page-article .post-content h4, html[data-theme="dark"] .tb-page-article .post-content strong { color:#f6f9fb!important; } html[data-theme="dark"] .tb-page-article .post-content a { color:#ffd84a!important; } html[data-theme="dark"] .tb-page-article .post-content blockquote { color:#b8c8d5!important; background:#14283b!important; border-left-color:#f7c51e!important; } html[data-theme="dark"] .tb-page-article .post-content code, html[data-theme="dark"] .tb-page-article .post-content pre { background:#0a1624!important; color:#e8f1f6!important; border-color:#2d475d!important; } html[data-theme="dark"] .tb-page-article .author-box, html[data-theme="dark"] .tb-page-article .comment-item, html[data-theme="dark"] .tb-page-article .comment-form-wrapper, html[data-theme="dark"] .tb-page-article .sidebar-widget, html[data-theme="dark"] .tb-page-article .post-faqs .faq-item, html[data-theme="dark"] .tb-page-article .post-quiz { background:#13263a!important; border-color:#304b61!important; box-shadow:0 10px 28px rgba(0,0,0,.2)!important; color:#edf3f8!important; } html[data-theme="dark"] .tb-page-article .author-info h3, html[data-theme="dark"] .tb-page-article .comment-body, html[data-theme="dark"] .tb-page-article .comment-form-wrapper h4, html[data-theme="dark"] .tb-page-article .widget-title, html[data-theme="dark"] .tb-page-article .popular-title, html[data-theme="dark"] .tb-page-article .faq-item summary, html[data-theme="dark"] .tb-page-article .post-quiz h3, html[data-theme="dark"] .tb-page-article .quiz-question-text { color:#f5f8fb!important; } html[data-theme="dark"] .tb-page-article .author-info p, html[data-theme="dark"] .tb-page-article .comment-date, html[data-theme="dark"] .tb-page-article .no-comments, html[data-theme="dark"] .tb-page-article .popular-meta, html[data-theme="dark"] .tb-page-article .post-date, html[data-theme="dark"] .tb-page-article .post-navigation .nav-label, html[data-theme="dark"] .tb-page-article .faq-answer, html[data-theme="dark"] .tb-page-article .post-quiz-desc { color:#9fb2c2!important; } html[data-theme="dark"] .tb-page-article .comment-form-wrapper input, html[data-theme="dark"] .tb-page-article .comment-form-wrapper textarea, html[data-theme="dark"] .tb-page-article .search-input { background:#0d1c2c!important; color:#f2f6f9!important; border-color:#3a5870!important; } html[data-theme="dark"] .tb-page-article .comment-form-wrapper input::placeholder, html[data-theme="dark"] .tb-page-article .comment-form-wrapper textarea::placeholder, html[data-theme="dark"] .tb-page-article .search-input::placeholder { color:#8fa5b7!important; } html[data-theme="dark"] .tb-page-article .post-navigation { border-color:#304b61!important; } html[data-theme="dark"] .tb-page-article .nav-link, html[data-theme="dark"] .tb-page-article .nav-title { color:#edf3f8!important; } html[data-theme="dark"] .tb-page-article .author-post-link, html[data-theme="dark"] .tb-page-article .tag-link { background:#102235!important; color:#edf3f8!important; border-color:#34526a!important; } html[data-theme="dark"] .tb-page-article .author-post-link:hover, html[data-theme="dark"] .tb-page-article .tag-link:hover { background:#f7c51e!important; color:#12263a!important; } html[data-theme="dark"] .tb-page-article .category-list li { border-bottom-color:#304b61!important; } html[data-theme="dark"] .tb-page-article .category-list a, html[data-theme="dark"] .tb-page-article .popular-post-item, html[data-theme="dark"] .tb-page-article .popular-post-item a, html[data-theme="dark"] .tb-page-article .recent-posts a, html[data-theme="dark"] .tb-page-article .tag-link { color:#e7eff4!important; } html[data-theme="dark"] .tb-page-article .category-list a:hover, html[data-theme="dark"] .tb-page-article .popular-post-item a:hover, html[data-theme="dark"] .tb-page-article .recent-posts a:hover { color:#ffd84a!important; } /* Keep the shared newsletter/footer transition dark on both page types. */ html[data-theme="dark"] .tb-page-archive .tb-newsletter, html[data-theme="dark"] .tb-page-article .tb-newsletter { background:linear-gradient(120deg,#244d6c 0%,#2b5975 58%,#4c4935 100%)!important; } html[data-theme="dark"] .tb-page-archive .tb-footer, html[data-theme="dark"] .tb-page-article .tb-footer { background:#0b1d31!important; } .tb-site-header .nav > a, .tb-site-header .nav > a:hover, .tb-site-header .nav > a:focus, .tb-site-header .nav > a:visited { text-decoration: none !important; text-decoration-line: none !important; text-decoration-thickness: 0 !important; box-shadow: none !important; } .tb-site-header .nav > a::after { display:none !important; } .tb-site-header .nav > a.active { text-decoration:none !important; } /* City destination archive */ .tb-page-destinations .archive-section, .tb-page-destinations .destination-hero { position:relative; } html[data-theme="dark"] .tb-page-destinations, html[data-theme="dark"] .tb-page-destinations main { background:#0d1928 !important; color:#edf4f8; } html[data-theme="dark"] .tb-page-destinations .destination-hero { background:linear-gradient(135deg,#14263a,#1b3044)!important; border-color:#2b4258!important; } html[data-theme="dark"] .tb-page-destinations .destination-card { background:#14263a!important; border-color:#2c465c!important; color:#edf4f8!important; } html[data-theme="dark"] .tb-page-destinations .destination-count { color:#9fb2c2!important; } /* Archive: make the new theme unmistakable */ .tb-page-archive .posts-archive, .tb-page-archive .posts-grid-wrapper { background:transparent !important; } .tb-page-archive .post-card { background:var(--card,#fff); border:1px solid var(--tb-line,#dbe3ea); border-radius:18px!important; box-shadow:0 12px 34px rgba(7,28,57,.07); overflow:hidden!important; } .tb-page-archive .post-card-title a { color:inherit!important; text-decoration:none!important; } html[data-theme="dark"] .tb-page-archive, html[data-theme="dark"] .tb-page-archive main { background:#0d1928!important; color:#edf4f8!important; } html[data-theme="dark"] .tb-page-archive .post-card { background:#14263a!important; border-color:#2c465c!important; box-shadow:0 14px 34px rgba(0,0,0,.24)!important; } html[data-theme="dark"] .tb-page-archive .post-card-title, html[data-theme="dark"] .tb-page-archive .post-card-title a { color:#f3f7fa!important; } html[data-theme="dark"] .tb-page-archive .post-card-excerpt { color:#aebdca!important; } html[data-theme="dark"] .tb-page-archive .post-card-meta { color:#91a6b8!important; } html[data-theme="dark"] .tb-page-archive .filter-select, html[data-theme="dark"] .tb-page-archive input, html[data-theme="dark"] .tb-page-archive select { background:#0f2031!important; color:#eef4f8!important; border-color:#34536a!important; } html[data-theme="dark"] .tb-page-archive .archive-header, html[data-theme="dark"] .tb-page-archive .posts-archive-header { color:#f3f7fa!important; } /* Prevent any legacy yellow slider/progress rules from leaking into archive cards */ .tb-page-archive .slider-progress, .tb-page-archive .slide-progress, .tb-page-archive .hero-progress, .tb-page-archive .slider-timer { display:none!important; } @media (max-width: 768px) { .tb-site-header .nav > a { text-decoration:none!important; } } .header .nav > a, .header .nav > a:link, .header .nav > a:visited, .header .nav > a:hover, .header .nav > a:focus, .header .nav > a.active { text-decoration:none !important; } .header .nav > a::before, .header .nav > a::after { text-decoration:none !important; } .header .nav > a.active::after { text-decoration:none !important; } .tb-page-archive .tb-topbar a, .tb-page-archive .tb-toplinks a { text-decoration:none !important; } .archive-sidebar .category-list, .archive-sidebar .popular-list { list-style: none !important; margin: 0 !important; padding: 0 !important; } .archive-sidebar .category-item, .archive-sidebar .popular-item { list-style: none !important; margin: 0 !important; padding: 0 !important; } .archive-sidebar .category-item::marker, .archive-sidebar .popular-item::marker { content: none !important; } .archive-sidebar .category-list a { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 48px !important; padding: 8px 0 !important; border: 0 !important; border-left: 0 !important; color: var(--tb-ink,#17324d) !important; font-family: Inter, Arial, sans-serif !important; font-size: .92rem !important; font-weight: 650 !important; font-style: normal !important; line-height: 1.25 !important; text-decoration: none !important; } .archive-sidebar .category-list a:hover { color: var(--tb-gold-dark,#8b6800) !important; } .archive-sidebar .category-name { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; font-family: Inter, Arial, sans-serif !important; font-size: .92rem !important; font-weight: 650 !important; font-style: normal !important; line-height: 1.25 !important; } .archive-sidebar .category-count { flex: 0 0 auto !important; min-width: 38px !important; padding: 5px 10px !important; border-radius: 999px !important; background: #f4e8da !important; color: #8a6849 !important; font-family: Inter, Arial, sans-serif !important; font-size: .75rem !important; font-weight: 700 !important; font-style: normal !important; text-align: center !important; } .archive-sidebar .category-item + .category-item { border-top: 1px solid var(--tb-line,#dbe4ec) !important; } .archive-sidebar .popular-link { display: grid !important; grid-template-columns: 96px minmax(0,1fr) !important; align-items: start !important; gap: 12px !important; padding: 10px 0 !important; color: var(--tb-ink,#17324d) !important; text-decoration: none !important; } .archive-sidebar .popular-item + .popular-item { border-top: 1px solid var(--tb-line,#dbe4ec) !important; } .archive-sidebar .popular-thumb { display: block !important; width: 96px !important; height: 72px !important; object-fit: cover !important; border-radius: 9px !important; background: #e9eef2 !important; margin: 0 !important; } .archive-sidebar .popular-thumb.placeholder { display: grid !important; place-items: center !important; color: #8190a0 !important; } .archive-sidebar .popular-info { min-width: 0 !important; } .archive-sidebar .popular-title { margin: 0 0 7px !important; color: var(--tb-ink,#17324d) !important; font-family: Inter, Arial, sans-serif !important; font-size: .86rem !important; font-weight: 750 !important; font-style: normal !important; line-height: 1.35 !important; } .archive-sidebar .popular-meta { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 5px !important; color: var(--tb-muted,#68798a) !important; font-family: Inter, Arial, sans-serif !important; font-size: .68rem !important; font-style: normal !important; line-height: 1.3 !important; } .archive-sidebar .popular-views { margin-left: 3px !important; } html[data-theme="dark"] .archive-sidebar .category-list a, html[data-theme="dark"] .archive-sidebar .category-name, html[data-theme="dark"] .archive-sidebar .popular-link, html[data-theme="dark"] .archive-sidebar .popular-title { color: #edf4f8 !important; } html[data-theme="dark"] .archive-sidebar .category-count { background: #20384d !important; color: #d9c28a !important; } html[data-theme="dark"] .archive-sidebar .category-item + .category-item, html[data-theme="dark"] .archive-sidebar .popular-item + .popular-item { border-top-color: #2d465a !important; } html[data-theme="dark"] .archive-sidebar .popular-meta { color: #9fb2c1 !important; } @media (max-width: 520px) { .archive-sidebar .popular-link { grid-template-columns: 88px minmax(0,1fr) !important; } .archive-sidebar .popular-thumb { width: 88px !important; height: 66px !important; } } /* Pagination — all pages */ ul.pagination, ol.pagination { list-style: none !important; margin: 30px 0 !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } ul.pagination > li, ol.pagination > li, ul.pagination > li.page-item, ol.pagination > li.page-item { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } ul.pagination > li::marker, ol.pagination > li::marker, ul.pagination > li.page-item::marker, ol.pagination > li.page-item::marker { content: none !important; display: none !important; } .pagination .page-link { font-family: Inter, Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; line-height: 1 !important; } /* Archive/sidebar navigation lists — all pages */ ul.category-list, ol.category-list, ul.country-list, ol.country-list, ul.popular-list, ol.popular-list, ul.recent-posts, ol.recent-posts, ul.tag-list, ol.tag-list, ul.post-tags, ol.post-tags, ul.breadcrumb-list, ol.breadcrumb-list { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } ul.category-list > li, ol.category-list > li, ul.country-list > li, ol.country-list > li, ul.popular-list > li, ol.popular-list > li, ul.recent-posts > li, ol.recent-posts > li, ul.tag-list > li, ol.tag-list > li, ul.post-tags > li, ol.post-tags > li, ul.breadcrumb-list > li, ol.breadcrumb-list > li { list-style: none !important; list-style-type: none !important; margin-left: 0 !important; padding-left: 0 !important; } ul.category-list > li::marker, ol.category-list > li::marker, ul.country-list > li::marker, ol.country-list > li::marker, ul.popular-list > li::marker, ol.popular-list > li::marker, ul.recent-posts > li::marker, ol.recent-posts > li::marker, ul.tag-list > li::marker, ol.tag-list > li::marker, ul.post-tags > li::marker, ol.post-tags > li::marker, ul.breadcrumb-list > li::marker, ol.breadcrumb-list > li::marker { content: none !important; display: none !important; } /* Footer/interface link groups — never show browser bullets */ .tb-footer .footer-col ul, .tb-footer .footer-col ol, .tb-socials ul, .tb-socials ol, .footer-links, .social-links { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } .tb-footer .footer-col li, .tb-socials li, .footer-links li, .social-links li { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } .tb-footer .footer-col li::marker, .tb-socials li::marker, .footer-links li::marker, .social-links li::marker { content: none !important; display: none !important; } /* Do not let legacy italic/serif rules leak into UI lists */ ul.pagination, ul.pagination li, ul.category-list, ul.category-list li, ul.country-list, ul.country-list li, ul.popular-list, ul.popular-list li, ul.recent-posts, ul.recent-posts li { font-style: normal !important; } /* Dark mode pagination */ html[data-theme="dark"] ul.pagination .page-link, html[data-theme="dark"] ol.pagination .page-link { background: #13263a !important; color: #edf4f8 !important; border-color: #304b61 !important; } html[data-theme="dark"] ul.pagination .page-item.active .page-link, html[data-theme="dark"] ol.pagination .page-item.active .page-link { background: #f7c51e !important; color: #12263a !important; border-color: #f7c51e !important; } html[data-theme="dark"] ul.pagination .page-item.disabled .page-link, html[data-theme="dark"] ol.pagination .page-item.disabled .page-link { opacity: .6 !important; } @media (max-width: 520px) { ul.pagination, ol.pagination { gap: 6px !important; } ul.pagination .page-link, ol.pagination .page-link { min-width: 38px !important; height: 38px !important; padding: 0 10px !important; } } /* ============================================================ FINAL LIGHT THEME — NEWSLETTER + FOOTER TEXT FIX ============================================================ */ .tb-newsletter-form input { color:#17314e !important; background:#ffffff !important; border-color:#d5dee8 !important; } .tb-newsletter-form input::placeholder { color:#718096 !important; opacity:1 !important; } .tb-newsletter-form small { color:#667788 !important; } .tb-footer .footer-col h4 { color:#17314e !important; } .tb-footer .footer-col a { color:#40566b !important; } .tb-footer .footer-col a:hover { color:#a87000 !important; } .tb-footer-brand p { color:#40566b !important; } .tb-footer-bottom, .tb-footer-bottom p { color:#52677a !important; } .tb-footer-trust .container { color:#5f7487 !important; } html[data-theme="dark"] .tb-newsletter-form input { color:#17314f !important; background:#f8fafc !important; } html[data-theme="dark"] .tb-newsletter-form input::placeholder { color:#8795a3 !important; } html[data-theme="dark"] .tb-footer .footer-col h4 { color:#f3f7fb !important; } html[data-theme="dark"] .tb-footer .footer-col a { color:rgba(255,255,255,.68) !important; } html[data-theme="dark"] .tb-footer-brand p { color:rgba(255,255,255,.68) !important; } html[data-theme="dark"] .tb-footer-bottom, html[data-theme="dark"] .tb-footer-bottom p { color:rgba(255,255,255,.55) !important; } /* ============================================================ FINAL HOMEPAGE TRAVEL THEME CARD DARK-MODE VISIBILITY FIX ============================================================ */ [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile, [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile:link, [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile:visited { background:#18364f !important; color:#f7fafc !important; border-color:#48667d !important; box-shadow:0 6px 20px rgba(0,0,0,.18) !important; -webkit-text-fill-color:#f7fafc !important; } [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile strong, [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile strong a, [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile small { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; opacity:1 !important; } [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile small { color:#c7d5e0 !important; -webkit-text-fill-color:#c7d5e0 !important; } [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile > i { color:#c7d5e0 !important; opacity:1 !important; } [data-theme="dark"] .tb-theme-grid-home .tb-theme-icon { background:#244d6c !important; color:#ffd34f !important; border-color:#52738a !important; } [data-theme="dark"] .tb-theme-grid-home .tb-theme-tile:hover { background:#20445f !important; border-color:#f7c51e !important; } /* ===== Legacy frontend rules consolidated from tb-modern.css ===== */ /* ========================================================= THE TRAVEL BUDDY — MODERN DISCOVERY DESIGN New, isolated public design layer. Existing CSS is preserved. Namespace: .tb-modern-site / .tbm-* ========================================================= */ :root{--tbm-teal:#16a7a7;--tbm-teal-dark:#087f83;--tbm-ink:#10223b;--tbm-muted:#6d7788;--tbm-line:#e8edf2;--tbm-paper:#fff;--tbm-soft:#f6f9fb;--tbm-radius:18px;--tbm-shadow:0 12px 34px rgba(16,34,59,.08);--tbm-display:Georgia,"Times New Roman",serif;--tbm-body:Inter,Arial,sans-serif} .tb-modern-site{background:#fff;color:var(--tbm-ink);font-family:var(--tbm-body);line-height:1.5}.tb-modern-site a{color:inherit}.tb-modern-site .container{max-width:1280px}.tbm-container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.tbm-section{padding-top:56px;padding-bottom:4px}.tbm-kicker{display:block;color:var(--tbm-teal);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.tbm-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.tbm-section-head h2{font:600 clamp(1.55rem,2.3vw,2.05rem)/1.08 var(--tbm-display);margin:0;color:var(--tbm-ink);letter-spacing:-.025em}.tbm-section-head>a{font-size:.8rem;font-weight:700;color:var(--tbm-teal);white-space:nowrap}.tbm-section-head>a i{margin-left:5px} /* Header */ .tb-modern-site .tb-topbar{display:none}.tb-modern-site .header{height:72px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf1f4;box-shadow:none;position:relative;z-index:30}.tb-modern-site .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.tb-modern-site .logo{color:var(--tbm-ink);gap:9px}.tb-modern-site .logo-mark{width:42px;height:42px;border-radius:50%;background:#e7f8f8;color:var(--tbm-teal);box-shadow:none;font-size:1.05rem}.tb-modern-site .logo-text{font-family:var(--tbm-display);font-size:1.02rem;line-height:.86;color:var(--tbm-ink);-webkit-text-fill-color:var(--tbm-ink);letter-spacing:-.03em}.tb-modern-site .logo-text strong{font-size:1.2rem}.tb-modern-site .logo-word-the{font-size:.72rem;display:block;letter-spacing:.01em}.tb-modern-site .logo-tagline{display:block;color:#8b96a4;font:500 .46rem/1.2 var(--tbm-body);letter-spacing:.08em;margin-top:4px}.tb-modern-site .nav{gap:5px}.tb-modern-site .nav a{padding:25px 12px;font-size:.72rem;font-weight:700;color:#304158;background:transparent;border-radius:0}.tb-modern-site .nav a:hover,.tb-modern-site .nav a.active{background:transparent;color:var(--tbm-teal)}.tb-modern-site .nav a.active:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--tbm-teal);border-radius:2px}.tb-modern-site .nav-search{padding-inline:9px!important}.tb-modern-site .theme-toggle{display:none}.tb-modern-site .menu-toggle{display:none}.tb-mobile-bottom-nav{display:none}.tb-mobile-actions{display:none} /* Hero */ .tbm-hero{position:relative;min-height:505px;overflow:hidden;background:#dceef2}.tbm-hero-media,.tbm-hero-overlay{position:absolute;inset:0}.tbm-hero-media img,.tbm-hero-fallback{width:100%;height:100%;object-fit:cover;display:block}.tbm-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 27%,rgba(255,255,255,.34) 52%,rgba(255,255,255,0) 74%),linear-gradient(0deg,rgba(10,39,57,.12),transparent 45%)}.tbm-hero-inner{position:relative;z-index:2;min-height:505px;display:flex;align-items:center}.tbm-hero-copy{width:520px;padding:40px 0 75px}.tbm-eyebrow{display:flex;align-items:center;gap:8px;color:var(--tbm-teal);font-size:.67rem;font-weight:800;letter-spacing:.12em;margin-bottom:15px}.tbm-eyebrow i{width:13px;height:2px;background:var(--tbm-teal);display:inline-block}.tbm-hero h1{font:600 clamp(3rem,5.4vw,5.2rem)/.94 var(--tbm-display);letter-spacing:-.055em;color:var(--tbm-ink);margin:0 0 20px}.tbm-hero p{max-width:470px;color:#536173;font-size:.94rem;line-height:1.58;margin:0 0 22px}.tbm-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.tbm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 17px;border-radius:9px;font-size:.73rem;font-weight:800}.tbm-btn-primary{background:var(--tbm-teal);color:#fff!important;box-shadow:0 8px 20px rgba(22,167,167,.22)}.tbm-btn-primary:hover{background:var(--tbm-teal-dark)}.tbm-btn-light{background:#fff;border:1px solid #e2e8ee;color:#334155!important}.tbm-hero-trust{display:flex;align-items:center;gap:10px;margin-top:18px;color:#758092;font-size:.66rem;line-height:1.35}.tbm-avatar-stack{display:flex}.tbm-avatar-stack b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.12);margin-right:-6px;font-size:.66rem}.tbm-hero-dots{position:absolute;z-index:3;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.tbm-hero-dots span{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.7}.tbm-hero-dots .is-active{width:20px;border-radius:10px;opacity:1} /* Search overlap */ .tbm-search-wrap{position:relative;z-index:5;margin-top:-29px}.tbm-search-card{background:#fff;border:1px solid #edf1f4;border-radius:16px;box-shadow:0 12px 32px rgba(16,34,59,.1);padding:20px 24px;display:grid;grid-template-columns:240px 1fr;gap:25px;align-items:center}.tbm-search-copy h2{font:600 1.15rem/1.1 var(--tbm-display);margin:0 0 7px;color:var(--tbm-ink)}.tbm-search-copy p{font-size:.7rem;color:#7a8493;line-height:1.45;margin:0}.tbm-search-controls{display:grid;grid-template-columns:minmax(180px,1fr) 145px 90px;gap:8px;align-items:center}.tbm-search-input{height:42px;border:1px solid #e3e8ee;border-radius:9px;display:flex;align-items:center;padding:0 12px;color:#a0a9b5}.tbm-search-input i{font-size:.72rem;margin-right:8px}.tbm-search-input input{border:0;outline:0;min-width:0;width:100%;font:500 .7rem var(--tbm-body);color:var(--tbm-ink)}.tbm-search-controls select{height:42px;border:1px solid #e3e8ee;border-radius:9px;background:#fff;padding:0 10px;font:600 .68rem var(--tbm-body);color:#516073}.tbm-search-controls button{height:42px;border:0;border-radius:9px;background:var(--tbm-teal);color:#fff;font:800 .68rem var(--tbm-body);cursor:pointer}.tbm-popular{grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.64rem;color:#8a94a1}.tbm-popular strong{color:#34445a}.tbm-popular a{background:#f5f8fa;border:1px solid #edf1f3;padding:5px 9px;border-radius:20px;color:#667286;font-weight:600}.tbm-popular a:hover{color:var(--tbm-teal);border-color:#bfe8e8} /* Features */ .tbm-features{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding-top:35px}.tbm-feature{text-align:center;min-width:0}.tbm-feature-icon{width:40px;height:40px;margin:0 auto 8px;border-radius:11px;display:grid;place-items:center;font-size:.85rem}.tbm-fi-1{background:#edf4ff;color:#5472a2}.tbm-fi-2{background:#fff2e8;color:#f19a4d}.tbm-fi-3{background:#fff0fb;color:#e67ed0}.tbm-fi-4{background:#eaf6ff;color:#4e91ca}.tbm-fi-5{background:#fff2e8;color:#e7834e}.tbm-fi-6{background:#eaf8f5;color:#3d9e86}.tbm-feature strong{display:block;font-size:.7rem;color:#24364e}.tbm-feature small{display:block;color:#8a94a1;font-size:.58rem;line-height:1.35;margin-top:3px} /* Story cards */ .tbm-story-grid{display:grid;gap:16px}.tbm-story-grid-4{grid-template-columns:repeat(4,1fr)}.tbm-story-grid-3{grid-template-columns:repeat(3,1fr)}.tbm-story-card{background:#fff;border:1px solid #e8edf2;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px rgba(16,34,59,.055);transition:transform .2s,box-shadow .2s}.tbm-story-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(16,34,59,.1)}.tbm-story-image{display:block;position:relative;aspect-ratio:1.62;overflow:hidden}.tbm-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.tbm-story-card:hover .tbm-story-image img{transform:scale(1.035)}.tbm-story-image span{position:absolute;top:10px;left:10px;padding:4px 8px;background:rgba(22,167,167,.9);border-radius:12px;color:#fff;font-size:.54rem;font-weight:800;letter-spacing:.06em}.tbm-story-body{padding:12px 13px 14px}.tbm-story-body h3{font:600 .88rem/1.28 var(--tbm-display);margin:0;color:var(--tbm-ink)}.tbm-story-body h3 a:hover{color:var(--tbm-teal)}.tbm-story-body p{font-size:.66rem;line-height:1.45;color:#7a8493;margin:7px 0}.tbm-meta{margin-top:8px;color:#8a94a1;font-size:.59rem}.tbm-meta b{padding:0 4px;color:#bcc3cb} /* Destinations */ .tbm-destination-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tbm-destination-card{position:relative;display:block;aspect-ratio:.82;border-radius:13px;overflow:hidden;background:#dfe9ed;color:#fff!important}.tbm-destination-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.tbm-destination-card:hover img{transform:scale(1.045)}.tbm-destination-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(0,0,0,.68) 100%)}.tbm-destination-copy{position:absolute;left:13px;right:32px;bottom:13px}.tbm-destination-copy strong{display:block;font:600 1rem/1.05 var(--tbm-display)}.tbm-destination-copy small{display:block;font-size:.57rem;margin-top:4px;opacity:.92}.tbm-destination-card>i{position:absolute;right:11px;bottom:12px;font-size:.58rem} /* Themes */ .tbm-theme-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.tbm-theme-card{background:#fff;border:1px solid #e8edf2;border-radius:11px;padding:12px 7px;text-align:center;box-shadow:0 5px 15px rgba(16,34,59,.04)}.tbm-theme-card:hover{border-color:#bfe8e8;transform:translateY(-2px)}.tbm-theme-icon{width:36px;height:36px;margin:0 auto 7px;border-radius:10px;display:grid;place-items:center;font-size:.8rem}.tbm-theme-1{background:#eef1ff;color:#6173cf}.tbm-theme-2{background:#eaf9fb;color:#39a9b1}.tbm-theme-3{background:#eff8f1;color:#55a76b}.tbm-theme-4{background:#fff0f9;color:#d86dc0}.tbm-theme-5{background:#fff0f4;color:#e67a98}.tbm-theme-6{background:#eef9ec;color:#62a65c}.tbm-theme-7{background:#fff3e8;color:#f08b43}.tbm-theme-8{background:#fff0df;color:#e28a2b}.tbm-theme-card strong{display:block;font-size:.64rem}.tbm-theme-card small{display:block;color:#9aa2ad;font-size:.54rem;margin-top:2px} /* Stats */ .tbm-stats{margin-top:45px;background:#0e979b;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);padding:19px 10px;color:#fff;box-shadow:0 10px 25px rgba(14,151,155,.16)}.tbm-stats>div{display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.18)}.tbm-stats>div:last-child{border-right:0}.tbm-stats i{grid-row:1/3;font-size:1rem;opacity:.95}.tbm-stats strong{font:600 1.15rem var(--tbm-display)}.tbm-stats small{font-size:.56rem;opacity:.88} /* Newsletter and footer */ .tb-modern-site .tb-newsletter{margin-top:58px;background:linear-gradient(105deg,#fff0df,#e9fbfb);border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3}.tb-modern-site .tb-newsletter-inner{min-height:130px}.tb-modern-site .tb-newsletter-copy h2{font:600 1.3rem/1.05 var(--tbm-display);color:var(--tbm-ink)}.tb-modern-site .tb-newsletter-copy p{font-size:.68rem;color:#718092;max-width:410px}.tb-modern-site .tb-newsletter-eyebrow{color:var(--tbm-teal)}.tb-modern-site .tb-newsletter-card{background:transparent;box-shadow:none;border:0;padding:0}.tb-modern-site .tb-newsletter-card-head{display:none}.tb-modern-site .tb-newsletter-form{display:grid;grid-template-columns:1fr 94px;gap:7px}.tb-modern-site .tb-newsletter-input-wrap{height:42px;background:#fff;border:1px solid #e0e7eb;border-radius:8px}.tb-modern-site .tb-newsletter-form button{height:42px;background:var(--tbm-teal);border-radius:8px}.tb-modern-site .tb-newsletter-privacy{font-size:.55rem;color:#8792a0;grid-column:1/-1}.tb-modern-site .tb-footer{background:#102039;color:#d8e1eb}.tb-modern-site .tb-footer-main{padding-top:36px;padding-bottom:25px}.tb-modern-site .tb-footer a{color:#c8d2dd}.tb-modern-site .tb-footer a:hover{color:#54d0d0}.tb-modern-site .tb-footer h4{color:#fff;font-size:.65rem;letter-spacing:.08em}.tb-modern-site .tb-footer p,.tb-modern-site .tb-footer-bottom{color:#91a0b0;font-size:.62rem}.tb-modern-site .tb-footer .logo-mark{background:rgba(255,255,255,.1);color:#54d0d0}.tb-modern-site .tb-footer-bottom{border-top-color:rgba(255,255,255,.12)} /* Generic inner pages: same visual system */ .tb-modern-site .category-hero,.tb-modern-site .archive-hero,.tb-modern-site .search-header{background:linear-gradient(120deg,#effafa,#f8fbfd);border-bottom:1px solid #e8eef2;padding:55px 0}.tb-modern-site .category-hero h1,.tb-modern-site .archive-hero h1,.tb-modern-site .search-header h1{font:600 clamp(2.1rem,4vw,3.3rem)/1 var(--tbm-display);color:var(--tbm-ink);letter-spacing:-.04em}.tb-modern-site .category-hero .sub,.tb-modern-site .archive-hero p,.tb-modern-site .search-header p{color:#718092}.tb-modern-site .breadcrumb{font-size:.66rem;color:#8993a1;margin-bottom:14px}.tb-modern-site .breadcrumb a{color:var(--tbm-teal);font-weight:700}.tb-modern-site .category-grid,.tb-modern-site .destination-grid,.tb-modern-site .posts-grid,.tb-modern-site .blog-grid,.tb-modern-site .archive-grid{gap:18px}.tb-modern-site .category-card,.tb-modern-site .destination-card,.tb-modern-site .post-card,.tb-modern-site .blog-card{border:1px solid #e7edf1;border-radius:14px;box-shadow:0 7px 22px rgba(16,34,59,.06);overflow:hidden;background:#fff}.tb-modern-site .category-card:hover,.tb-modern-site .destination-card:hover,.tb-modern-site .post-card:hover,.tb-modern-site .blog-card:hover{box-shadow:0 14px 30px rgba(16,34,59,.1);transform:translateY(-3px)}.tb-modern-site .post-card-image,.tb-modern-site .blog-img,.tb-modern-site .category-image,.tb-modern-site .destination-card-image{border-radius:0}.tb-modern-site .post-card-content,.tb-modern-site .blog-body,.tb-modern-site .destination-card-content{padding:15px}.tb-modern-site .post-card-title,.tb-modern-site .blog-body h2,.tb-modern-site .destination-card-content h2{font-family:var(--tbm-display);letter-spacing:-.02em}.tb-modern-site .post-card-meta,.tb-modern-site .blog-meta,.tb-modern-site .destination-count{font-size:.62rem;color:#8a94a1}.tb-modern-site .btn,.tb-modern-site .btn-about{border-radius:9px;font-weight:800}.tb-modern-site .post-layout{gap:28px}.tb-modern-site .post-content,.tb-modern-site .post-main,.tb-modern-site .sidebar-widget,.tb-modern-site .comment-form-wrapper,.tb-modern-site .comments-section{border-radius:14px}.tb-modern-site .post-content{border:1px solid #e8edf2;box-shadow:0 8px 25px rgba(16,34,59,.045)}.tb-modern-site .sidebar-widget{border:1px solid #e8edf2;box-shadow:none}.tb-modern-site input,.tb-modern-site select,.tb-modern-site textarea{border-radius:9px}.tb-modern-site .pagination{gap:6px}.tb-modern-site .page-link{border-radius:8px} /* Mobile */ @media(max-width:900px){.tbm-container{width:min(100% - 32px,680px)}.tb-modern-site .header{height:64px}.tb-modern-site .nav{display:none}.tb-mobile-actions{display:flex;align-items:center;gap:8px}.tb-mobile-search{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e6ebef;border-radius:10px;background:#fff;color:var(--tbm-ink)!important;font-size:.88rem}.tb-modern-site .menu-toggle{display:grid!important;place-items:center;width:38px;height:38px;border:1px solid #e6ebef;border-radius:10px;background:#fff;color:var(--tbm-ink);font-size:.95rem}.tb-modern-site .tb-brand-mark{width:37px;height:37px}.tb-modern-site .logo-text strong{font-size:1rem}.tb-modern-site .logo-tagline{font-size:.39rem}.tbm-hero,.tbm-hero-inner{min-height:540px}.tbm-hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.78) 37%,rgba(255,255,255,.05) 78%)}.tbm-hero-inner{align-items:flex-start}.tbm-hero-copy{width:100%;padding-top:42px}.tbm-hero h1{font-size:3.1rem;max-width:520px}.tbm-hero p{max-width:420px}.tbm-search-wrap{margin-top:-22px}.tbm-search-card{grid-template-columns:1fr;padding:18px;gap:14px}.tbm-search-controls{grid-template-columns:1fr 100px}.tbm-search-input{grid-column:1/-1}.tbm-search-controls select{grid-column:1}.tbm-search-controls button{grid-column:2}.tbm-popular{grid-column:1/-1}.tbm-features{grid-template-columns:repeat(3,1fr);gap:24px 12px}.tbm-story-grid-4{grid-template-columns:repeat(2,1fr)}.tbm-destination-row{grid-template-columns:repeat(3,1fr);overflow:hidden}.tbm-destination-card:nth-child(n+4){display:none}.tbm-theme-row{grid-template-columns:repeat(4,1fr)}.tbm-stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.tbm-stats>div{border-right:0}.tb-modern-site .tb-newsletter-inner{display:block}.tb-modern-site .tb-newsletter-copy{padding-bottom:12px}.tb-modern-site .tb-newsletter-form{max-width:520px}.tb-modern-site .tb-footer-main{grid-template-columns:repeat(2,1fr);gap:28px}.tb-modern-site .tb-footer-brand{grid-column:1/-1}} @media(max-width:560px){body.tb-modern-site{padding-bottom:68px}.tbm-container{width:calc(100% - 24px)}.tbm-hero,.tbm-hero-inner{min-height:515px}.tbm-hero-copy{padding-top:34px}.tbm-hero h1{font-size:2.65rem;line-height:.95;margin-bottom:14px}.tbm-hero p{font-size:.82rem;max-width:310px}.tbm-hero-actions .tbm-btn{min-height:40px;padding:0 13px;font-size:.67rem}.tbm-search-card{border-radius:14px;padding:14px}.tbm-search-copy h2{font-size:1.05rem}.tbm-search-copy p{font-size:.63rem}.tbm-search-controls{grid-template-columns:1fr 86px}.tbm-search-controls select,.tbm-search-controls button{height:40px}.tbm-popular{gap:5px}.tbm-popular a{font-size:.57rem;padding:4px 7px}.tbm-features{grid-template-columns:repeat(2,1fr);padding-top:25px;gap:20px 8px}.tbm-feature strong{font-size:.65rem}.tbm-feature small{font-size:.53rem}.tbm-section{padding-top:40px}.tbm-section-head{align-items:end;margin-bottom:15px}.tbm-section-head h2{font-size:1.45rem}.tbm-section-head>a{font-size:.62rem}.tbm-story-grid-4,.tbm-story-grid-3{grid-template-columns:repeat(2,1fr);gap:10px}.tbm-story-grid-3 .tbm-story-card:nth-child(3){display:none}.tbm-story-body{padding:10px}.tbm-story-body h3{font-size:.75rem}.tbm-meta{font-size:.52rem}.tbm-destination-row{grid-template-columns:repeat(2,1fr);gap:9px}.tbm-destination-card{aspect-ratio:.9}.tbm-destination-card:nth-child(3){display:none}.tbm-destination-copy strong{font-size:.86rem}.tbm-theme-row{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.tbm-theme-card{min-width:94px;scroll-snap-align:start}.tbm-stats{margin-top:32px;border-radius:11px}.tbm-stats>div{grid-template-columns:27px auto}.tbm-stats strong{font-size:1rem}.tbm-stats small{font-size:.5rem}.tb-modern-site .tb-newsletter{margin-top:40px}.tb-modern-site .tb-newsletter-inner{padding:24px 0}.tb-modern-site .tb-newsletter-copy h2{font-size:1.2rem}.tb-modern-site .tb-newsletter-form{grid-template-columns:1fr 88px}.tb-modern-site .tb-footer-main{grid-template-columns:1fr 1fr;padding-bottom:22px}.tb-modern-site .tb-footer-brand{grid-column:1/-1}.tb-modern-site .tb-footer-bottom{display:block;text-align:center}.tb-modern-site .tb-footer-bottom span{display:block;margin-top:6px}.tb-mobile-bottom-nav{position:fixed;z-index:100;left:0;right:0;bottom:0;height:65px;background:rgba(255,255,255,.97);border-top:1px solid #e7edf1;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 24px rgba(16,34,59,.08);backdrop-filter:blur(12px)}.tb-mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7b8795!important;font-size:.53rem;font-weight:700}.tb-mobile-nav-item i{font-size:.9rem}.tb-mobile-nav-item.is-active{color:var(--tbm-teal)!important}.tb-modern-site .header-inner{padding-inline:12px}.tb-modern-site .logo-text{font-size:.86rem}.tb-modern-site .logo-text strong{font-size:.96rem}.tb-modern-site .logo-word-the{font-size:.6rem}.tb-modern-site .logo-tagline{font-size:.34rem}.tb-modern-site .tb-mobile-search{width:35px;height:35px}.tb-modern-site .tb-mobile-menu{width:35px;height:35px}.tb-modern-site .category-hero,.tb-modern-site .archive-hero,.tb-modern-site .search-header{padding:38px 0}.tb-modern-site .category-hero h1,.tb-modern-site .archive-hero h1,.tb-modern-site .search-header h1{font-size:2rem}.tb-modern-site .posts-grid.posts-grid-2,.tb-modern-site .posts-grid.posts-grid-3,.tb-modern-site .blog-grid,.tb-modern-site .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-modern-site .post-layout{display:block}.tb-modern-site .post-sidebar{margin-top:24px}.tb-modern-site .post-content{padding:20px!important}.tb-modern-site .contact-grid,.tb-modern-site .about-stats{grid-template-columns:1fr 1fr}} @media(max-width:380px){.tbm-hero h1{font-size:2.35rem}.tbm-story-grid-4,.tbm-story-grid-3{grid-template-columns:1fr}.tbm-story-grid-4 .tbm-story-card:nth-child(n+3){display:none}.tbm-story-grid-3 .tbm-story-card:nth-child(3){display:none}.tbm-destination-row{grid-template-columns:1fr 1fr}.tbm-features{grid-template-columns:1fr 1fr}.tbm-section-head>a{display:none}} /* Dark mode follows the existing preference switch but keeps the same layout. */ [data-theme="dark"] .tb-modern-site{background:#0e1725;color:#eef4fb}html[data-theme="dark"] .tb-modern-site{background:#0e1725}html[data-theme="dark"] .tb-modern-site .header{background:#101c2d;border-color:#26374b}html[data-theme="dark"] .tb-modern-site .logo-text{color:#eef4fb;-webkit-text-fill-color:#eef4fb}html[data-theme="dark"] .tb-modern-site .nav a{color:#c7d3e1}html[data-theme="dark"] .tb-modern-site .tbm-search-card,html[data-theme="dark"] .tb-modern-site .tbm-story-card,html[data-theme="dark"] .tb-modern-site .tbm-theme-card{background:#142238;border-color:#273b52}html[data-theme="dark"] .tb-modern-site .tbm-section-head h2,html[data-theme="dark"] .tb-modern-site .tbm-search-copy h2,html[data-theme="dark"] .tb-modern-site .tbm-story-body h3{color:#f2f6fa}html[data-theme="dark"] .tb-modern-site .tbm-search-input,html[data-theme="dark"] .tb-modern-site .tbm-search-controls select{background:#142238;border-color:#31445b;color:#d7e0ea}html[data-theme="dark"] .tb-modern-site .tbm-search-input input{background:transparent;color:#eef4fb}html[data-theme="dark"] .tb-modern-site .tbm-popular a{background:#1b2a3d;border-color:#30435a;color:#b9c6d4}html[data-theme="dark"] .tb-modern-site .tbm-feature strong{color:#dce6ef}html[data-theme="dark"] .tb-modern-site .tbm-meta,html[data-theme="dark"] .tb-modern-site .tbm-story-body p{color:#9eacbc}html[data-theme="dark"] .tb-modern-site .tb-mobile-bottom-nav{background:#101c2d;border-color:#26374b}html[data-theme="dark"] .tb-modern-site .tbm-hero-overlay{background:linear-gradient(90deg,rgba(8,20,34,.94),rgba(8,20,34,.72) 38%,rgba(8,20,34,.18) 72%,rgba(8,20,34,0) 100%)}html[data-theme="dark"] .tb-modern-site .tbm-hero h1{color:#fff}html[data-theme="dark"] .tb-modern-site .tbm-hero p{color:#d1dbe5}html[data-theme="dark"] .tb-modern-site .tbm-btn-light{background:#17263a;border-color:#31445b;color:#fff!important} html[data-theme="dark"] .tb-modern-site .tb-mobile-search,html[data-theme="dark"] .tb-modern-site .tb-mobile-menu{background:#142238;border-color:#30445a;color:#eef4fb} /* Featured story slider */ .tbm-post-slider{position:relative;min-height:505px;background:#10283b;overflow:hidden}.tbm-post-slider-track{position:relative;width:100%;height:505px}.tbm-post-slide{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease}.tbm-post-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.tbm-hero-post{position:relative;display:block;min-width:0;height:505px;overflow:hidden;background:#18364f;color:#fff!important;text-decoration:none!important}.tbm-hero-post:only-child{grid-column:1/-1}.tbm-hero-post img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s ease}.tbm-hero-post:hover img{transform:scale(1.035)}.tbm-hero-post-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,32,.03) 22%,rgba(3,18,32,.18) 42%,rgba(3,18,32,.92) 100%)}.tbm-hero-post-copy{position:absolute;left:clamp(24px,5vw,78px);right:clamp(24px,5vw,78px);bottom:72px;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.tbm-hero-post-secondary .tbm-hero-post-copy{left:clamp(24px,4vw,62px);right:clamp(24px,4vw,62px)}.tbm-hero-post-copy small{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:#f3c74a;font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.tbm-hero-post-copy small i{width:25px;height:2px;background:#f3c74a;display:inline-block}.tbm-hero-post-copy strong{max-width:700px;font:600 clamp(2rem,3.7vw,4rem)/1.02 var(--tbm-display);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.2)}.tbm-hero-post-copy>span{max-width:620px;margin-top:13px;color:rgba(255,255,255,.82);font-size:.78rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tbm-hero-post-copy>b{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:10px 14px;border-radius:999px;background:#f3c74a;color:#14263a;font-size:.63rem;font-weight:900;letter-spacing:.04em}.tbm-hero-post-copy>b i{font-size:.58rem}.tbm-slider-control{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(5,21,38,.68);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:background .2s ease,color .2s ease,transform .2s ease}.tbm-slider-control:hover,.tbm-slider-control:focus-visible{background:#f3c74a;color:#14263a;transform:translateY(-50%) scale(1.05);outline:0}.tbm-slider-prev{left:20px}.tbm-slider-next{right:20px}.tbm-post-slider .tbm-hero-dots{bottom:17px;display:flex;align-items:center;gap:7px}.tbm-post-slider .tbm-hero-dots button{width:25px;height:4px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .2s ease,background .2s ease}.tbm-post-slider .tbm-hero-dots button.is-active{width:44px;background:#f3c74a}.tbm-post-slider .tbm-hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px} @media(max-width:900px){.tbm-post-slider,.tbm-post-slider-track{min-height:540px;height:540px}.tbm-post-slide{grid-template-columns:1fr}.tbm-hero-post{height:540px}.tbm-hero-post-secondary{display:none}.tbm-hero-post-copy,.tbm-hero-post-secondary .tbm-hero-post-copy{left:32px;right:32px;bottom:78px}.tbm-hero-post-copy strong{font-size:clamp(2rem,7vw,3.4rem);max-width:650px}.tbm-hero-post-copy>span{font-size:.75rem;max-width:560px}.tbm-slider-control{width:42px;height:42px}.tbm-slider-prev{left:12px}.tbm-slider-next{right:12px}} @media(max-width:560px){.tbm-post-slider,.tbm-post-slider-track{min-height:515px;height:515px}.tbm-hero-post{height:515px}.tbm-hero-post-copy,.tbm-hero-post-secondary .tbm-hero-post-copy{left:24px;right:24px;bottom:67px}.tbm-hero-post-copy small{font-size:.57rem;margin-bottom:9px}.tbm-hero-post-copy strong{font-size:clamp(1.85rem,9vw,2.75rem);line-height:1.02}.tbm-hero-post-copy>span{font-size:.7rem;line-height:1.45;margin-top:10px;-webkit-line-clamp:2}.tbm-hero-post-copy>b{margin-top:13px;padding:9px 12px;font-size:.58rem}.tbm-slider-control{width:38px;height:38px;font-size:.75rem}.tbm-slider-prev{left:9px}.tbm-slider-next{right:9px}.tbm-post-slider .tbm-hero-dots{bottom:14px}.tbm-post-slider .tbm-hero-dots button{width:17px;height:3px}.tbm-post-slider .tbm-hero-dots button.is-active{width:28px}} /* ========================================================= HOMEPAGE SLIDER — TRUE EDGE-TO-EDGE FIX The slider must touch both viewport edges. No container/gutter can create an empty strip on the left or right. ========================================================= */ .tbm-post-slider { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } .tbm-post-slider-track { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tbm-post-slide { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; box-sizing: border-box !important; } .tbm-hero-post { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tbm-hero-post img { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } /* A final single post always occupies the complete slider width. */ .tbm-post-slide .tbm-hero-post:only-child { grid-column: 1 / -1 !important; width: 100% !important; } @media (max-width: 900px) { .tbm-post-slide { grid-template-columns: 1fr !important; } .tbm-post-slide .tbm-hero-post-secondary { display: none !important; } .tbm-post-slide .tbm-hero-post:first-child { width: 100% !important; grid-column: 1 / -1 !important; } } /* ===================================================================== TRAVELBUDDY — NEW HOMEPAGE SYSTEM Replaces the previous public-facing visual layer. ===================================================================== */ :root{ --tb-blue:#1769d1; --tb-blue-dark:#0b4fa8; --tb-blue-soft:#eaf3ff; --tb-ink:#182230; --tb-muted:#667384; --tb-line:#e5eaf0; --tb-surface:#fff; --tb-soft:#f7f9fc; --tb-navy:#071a32; --tb-shadow:0 12px 34px rgba(20,42,70,.10); --tb-radius:12px; --tb-container:1180px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body.tb-site{margin:0;background:#fff;color:var(--tb-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55} body.tb-site img{max-width:100%} body.tb-site a{color:inherit} .tb-container{width:min(var(--tb-container),calc(100% - 48px));margin-inline:auto} .tb-skip-link{position:fixed;left:16px;top:-60px;z-index:9999;padding:10px 14px;background:var(--tb-blue);color:#fff;border-radius:8px;text-decoration:none;font-weight:700} .tb-skip-link:focus{top:16px} /* Header */ .tb-topbar{height:30px;background:#f7f8fa;border-bottom:1px solid #eceff3;color:#5e6875;font-size:11px} .tb-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between} .tb-topbar-left,.tb-topbar-right{display:flex;align-items:center;gap:16px} .tb-topbar-right a{text-decoration:none;color:#5e6875} .tb-topbar-right a:hover{color:var(--tb-blue)} .tb-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid #e9edf2;box-shadow:0 2px 12px rgba(20,42,70,.035)} .tb-header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px} .tb-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-width:185px} .tb-brand img{display:block;max-height:48px;width:auto} .tb-brand-mark{width:39px;height:39px;border-radius:10px;background:var(--tb-blue);display:grid;place-items:center;color:#fff;flex:0 0 39px} .tb-brand-lockup{display:flex;align-items:baseline;gap:2px;position:relative;padding-bottom:11px} .tb-brand-lockup .the{font-size:11px;color:#75808e;position:absolute;left:1px;top:-3px} .tb-brand-lockup strong{font-size:22px;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--tb-blue)} .tb-brand-lockup small{position:absolute;left:1px;bottom:0;color:#8a94a2;font-size:7px;letter-spacing:.09em;white-space:nowrap} .tb-nav{display:flex;align-items:center;gap:29px;margin-left:auto} .tb-nav a,.tb-nav button{border:0;background:none;text-decoration:none;color:#222c39;font-size:13px;font-weight:600;cursor:pointer;padding:8px 0} .tb-nav a:hover,.tb-nav a.active{color:var(--tb-blue)} .tb-nav .nav-with-icon{display:inline-flex;align-items:center;gap:7px} .tb-nav .nav-with-icon i{font-size:9px;color:#7a8592} .tb-nav-search{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#f7f9fb!important;color:#172231!important} .tb-nav-search:hover{background:var(--tb-blue)!important;color:#fff!important} .tb-theme-toggle{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#f7f9fb!important} .tb-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--tb-line);background:#fff;border-radius:10px;align-items:center;justify-content:center;color:var(--tb-ink);font-size:18px;cursor:pointer} .tb-mobile-panel{display:none} .tb-mobile-backdrop{display:none} /* Hero slider */ .tb-home-hero{position:relative;min-height:365px;height:min(48vw,365px);max-height:365px;background:#0b2138;overflow:hidden} .tb-home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease} .tb-home-slide.is-active{opacity:1;visibility:visible;pointer-events:auto} .tb-home-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .tb-home-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,35,.82) 0%,rgba(5,20,35,.57) 37%,rgba(5,20,35,.12) 75%,rgba(5,20,35,.08) 100%)} .tb-hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center} .tb-hero-copy{max-width:560px;color:#fff;padding-top:3px} .tb-hero-eyebrow{font-family:"Segoe Print","Bradley Hand",cursive;font-size:19px;font-weight:600;margin-bottom:3px;display:block} .tb-hero-copy h1{font-size:clamp(38px,4.4vw,62px);line-height:1.02;letter-spacing:-.04em;margin:0 0 12px;font-weight:800;color:#fff;max-width:620px} .tb-hero-copy p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.92);max-width:430px;margin:0 0 18px} .tb-primary-btn{display:inline-flex;align-items:center;gap:9px;background:var(--tb-blue);color:#fff!important;border-radius:7px;padding:11px 17px;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(23,105,209,.25)} .tb-primary-btn:hover{background:#0f5ebf;transform:translateY(-1px)} .tb-hero-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#142234;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.16)} .tb-hero-arrow:hover{background:var(--tb-blue);color:#fff} .tb-hero-prev{left:24px}.tb-hero-next{right:24px} .tb-hero-dots{position:absolute;z-index:5;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:7px} .tb-hero-dots button{width:9px;height:9px;border-radius:50%;padding:0;border:0;background:#fff;opacity:.8;cursor:pointer} .tb-hero-dots button.is-active{background:var(--tb-blue);opacity:1} /* Floating search */ .tb-search-wrap{position:relative;z-index:10;margin-top:-27px} .tb-search-card{width:min(1080px,calc(100% - 36px));margin:auto;background:#fff;border-radius:13px;box-shadow:var(--tb-shadow);padding:15px;display:grid;grid-template-columns:1fr 1.05fr;gap:14px;align-items:center} .tb-search-tabs{display:flex;gap:26px;margin:0 0 12px 6px} .tb-search-tab{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#66717e} .tb-search-tab.active{color:var(--tb-blue)} .tb-search-fields{display:grid;grid-template-columns:1.15fr 1fr 1fr 86px;gap:9px} .tb-field{height:44px;border:1px solid #e2e7ed;border-radius:7px;display:flex;align-items:center;background:#fff;overflow:hidden} .tb-field i{margin-left:12px;color:#7f8996;font-size:12px} .tb-field input,.tb-field select{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 11px;font:500 11px Inter,sans-serif;color:#55606d} .tb-search-submit{height:44px;border:0;border-radius:7px;background:var(--tb-blue);color:#fff;font-size:11px;font-weight:800;cursor:pointer} .tb-search-submit:hover{background:var(--tb-blue-dark)} .tb-popular-line{grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:1px 3px 0;color:#788391;font-size:10px} .tb-popular-line strong{color:#4e5967;font-size:10px} .tb-popular-line a{padding:4px 8px;border-radius:20px;background:#f5f7fa;text-decoration:none;color:#5f6b78} .tb-popular-line a:hover{background:#eaf3ff;color:var(--tb-blue)} /* Feature strip */ .tb-feature-strip{padding:32px 0 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-bottom:1px solid #f0f2f5} .tb-feature{display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center} .tb-feature-icon{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:var(--tb-blue);color:#fff;display:grid;place-items:center;font-size:16px} .tb-feature strong{font-size:12px;line-height:1.2}.tb-feature small{font-size:10px;color:#7b8794;line-height:1.35;margin-top:2px} /* Shared sections */ .tb-section{padding:38px 0 4px} .tb-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px} .tb-section-head h2{margin:0;font-size:22px;line-height:1.1;letter-spacing:-.03em;color:#171f2a} .tb-section-head h2::after{content:"";display:block;width:23px;height:2px;background:var(--tb-blue);margin:8px auto 0} .tb-section-head .tb-heading-wrap{width:100%;text-align:center} .tb-view-all{font-size:11px;font-weight:800;color:var(--tb-blue)!important;text-decoration:none;white-space:nowrap} .tb-view-all i{font-size:9px;margin-left:3px} /* Destination cards */ .tb-destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px} .tb-destination-card{position:relative;display:block;aspect-ratio:1.05/1.34;border-radius:9px;overflow:hidden;text-decoration:none;background:#0f2237} .tb-destination-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease} .tb-destination-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,15,27,.86) 100%)} .tb-destination-card:hover img{transform:scale(1.05)} .tb-destination-copy{position:absolute;z-index:2;left:13px;right:13px;bottom:13px;color:#fff} .tb-destination-copy strong{display:block;font-size:14px;line-height:1.15}.tb-destination-copy small{display:block;margin-top:4px;font-size:10px;color:rgba(255,255,255,.86)} .tb-place-count{display:inline-flex;margin-top:7px;background:var(--tb-blue);border-radius:10px;padding:3px 7px;font-size:8px;font-weight:800} /* Story cards */ .tb-story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px} .tb-story-card{border:1px solid #e4e8ed;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(20,42,70,.05);transition:transform .2s,box-shadow .2s} .tb-story-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,42,70,.10)} .tb-story-image{position:relative;display:block;aspect-ratio:1.55/1;overflow:hidden} .tb-story-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.tb-story-card:hover .tb-story-image img{transform:scale(1.04)} .tb-story-label{position:absolute;left:9px;bottom:8px;color:#fff;background:var(--tb-blue);border-radius:4px;padding:3px 6px;font-size:7px;font-weight:800;letter-spacing:.03em} .tb-story-body{padding:10px 10px 12px}.tb-story-body h3{margin:0 0 7px;font-size:13px;line-height:1.25}.tb-story-body h3 a{text-decoration:none}.tb-story-meta{font-size:9px;color:#8a94a0}.tb-story-meta b{margin:0 4px;color:#b1b8c0} /* Countries */ .tb-country-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px} .tb-country-card{position:relative;min-height:150px;border-radius:9px;overflow:hidden;text-decoration:none;background:#12263c} .tb-country-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tb-country-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,35,.05),rgba(6,20,35,.85))} .tb-country-copy{position:absolute;z-index:2;left:11px;right:11px;bottom:12px;color:#fff}.tb-country-copy strong{font-size:14px}.tb-country-copy p{margin:4px 0 5px;font-size:9px;line-height:1.35;color:rgba(255,255,255,.82)}.tb-country-copy small{font-size:8px;font-weight:800} .tb-flag{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;font-size:13px;margin-bottom:22px} /* Theme cards */ .tb-theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px} .tb-theme-card{position:relative;min-height:128px;border-radius:9px;overflow:hidden;text-decoration:none;background:#17334f} .tb-theme-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tb-theme-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,32,.05),rgba(6,18,32,.78))} .tb-theme-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff;text-align:center}.tb-theme-icon{width:31px;height:31px;margin:0 auto 8px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:13px}.tb-theme-copy strong{font-size:13px}.tb-theme-copy small{display:block;font-size:8px;color:rgba(255,255,255,.82);margin-top:2px} /* Newsletter */ .tb-newsletter-new{margin-top:46px;background:linear-gradient(105deg,#1468ce,#0c56ad);color:#fff;position:relative;overflow:hidden} .tb-newsletter-new::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 30%,rgba(255,255,255,.14),transparent 38%);pointer-events:none} .tb-newsletter-inner{min-height:145px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative;z-index:1} .tb-newsletter-copy-new{display:flex;align-items:center;gap:17px}.tb-mail-icon{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--tb-blue);display:grid;place-items:center;font-size:24px;flex:0 0 64px}.tb-newsletter-copy-new h2{margin:0;font-size:22px;line-height:1.1;color:#fff}.tb-newsletter-copy-new p{margin:6px 0 0;font-size:10px;color:rgba(255,255,255,.82)} .tb-newsletter-form-new{display:grid;grid-template-columns:1fr 92px;gap:8px}.tb-newsletter-form-new .tb-newsletter-input{height:42px;border:0;border-radius:6px;padding:0 13px;outline:0;font-size:11px}.tb-newsletter-form-new button{height:42px;border:0;border-radius:6px;background:#071a32;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.tb-newsletter-form-new button:hover{background:#020d19} .tb-newsletter-privacy-new{grid-column:1/-1;margin:0;font-size:8px;color:rgba(255,255,255,.72)} /* Footer */ .tb-footer-new{background:var(--tb-navy);color:#dce4ed;padding-top:36px} .tb-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:38px;padding-bottom:29px} .tb-footer-brand-new .tb-brand-lockup strong{color:#4a94ed}.tb-footer-brand-new .tb-brand-lockup .the{color:#9aa9b8}.tb-footer-brand-new .tb-brand-lockup small{color:#738498} .tb-footer-brand-new p{font-size:10px;color:#9cabb9;line-height:1.55;max-width:230px;margin:15px 0} .tb-footer-col h4{margin:0 0 12px;font-size:11px;color:#fff}.tb-footer-col a{display:block;color:#aab7c4;text-decoration:none;font-size:10px;margin:7px 0}.tb-footer-col a:hover{color:#fff} .tb-footer-contact p{margin:7px 0;color:#aab7c4;font-size:9px;display:flex;gap:8px}.tb-footer-contact i{color:#fff;width:12px;text-align:center} .tb-social-row{display:flex;gap:7px;margin-top:14px}.tb-social-row a{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#15385f;color:#fff;font-size:11px;text-decoration:none}.tb-social-row a:hover{background:var(--tb-blue)} .tb-footer-bottom-new{border-top:1px solid rgba(255,255,255,.10);padding:15px 0;display:flex;justify-content:space-between;gap:15px;color:#7f91a3;font-size:9px} /* Inner public pages remain compatible with the existing PHP templates. */ body.tb-site .container{width:min(var(--tb-container),calc(100% - 48px));margin-inline:auto} body.tb-site .header{display:none} body.tb-site .tb-topbar{display:none} body.tb-site .footer:not(.tb-footer-new){display:none} /* Mobile */ @media(max-width:900px){ .tb-container,body.tb-site .container{width:calc(100% - 32px)} .tb-topbar{display:none} .tb-header-inner{height:66px;gap:12px} .tb-brand{min-width:0}.tb-brand-lockup strong{font-size:20px} .tb-nav{display:none}.tb-menu-toggle{display:flex;margin-left:auto} .tb-mobile-backdrop{position:fixed;inset:0;background:rgba(4,15,27,.48);z-index:110;opacity:0;pointer-events:none;display:block;transition:opacity .25s} .tb-mobile-panel{display:block;position:fixed;top:0;right:0;bottom:0;width:min(330px,88vw);background:#fff;z-index:120;transform:translateX(100%);transition:transform .28s ease;box-shadow:-12px 0 35px rgba(0,0,0,.15);padding:18px;overflow-y:auto} body.mobile-nav-open .tb-mobile-panel{transform:translateX(0)}body.mobile-nav-open .tb-mobile-backdrop{opacity:1;pointer-events:auto} .tb-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--tb-line);margin-bottom:10px} .tb-mobile-close{width:36px;height:36px;border:0;border-radius:8px;background:#f4f6f8;color:#1c2735;cursor:pointer} .tb-mobile-links a{display:flex;align-items:center;justify-content:space-between;padding:14px 5px;border-bottom:1px solid #eef1f4;text-decoration:none;font-size:14px;font-weight:700;color:#253140} .tb-mobile-links a i{font-size:10px;color:#8b96a3}.tb-mobile-links a:hover{color:var(--tb-blue)} .tb-home-hero{height:500px;max-height:none}.tb-hero-copy{padding:0 28px;max-width:640px}.tb-hero-copy h1{font-size:clamp(38px,8vw,54px)}.tb-hero-copy p{font-size:13px} .tb-hero-prev{left:12px}.tb-hero-next{right:12px} .tb-search-wrap{margin-top:-42px}.tb-search-card{grid-template-columns:1fr;width:calc(100% - 24px);padding:14px}.tb-search-fields{grid-template-columns:1fr 1fr}.tb-field:first-child{grid-column:1/-1}.tb-search-submit{grid-column:2}.tb-popular-line{padding-top:2px} .tb-feature-strip{grid-template-columns:repeat(2,1fr);gap:24px 16px;padding:28px 0}.tb-section{padding-top:34px} .tb-destination-grid,.tb-story-grid{grid-template-columns:repeat(2,1fr)}.tb-country-grid,.tb-theme-grid{grid-template-columns:repeat(2,1fr)} .tb-country-card:nth-child(n+5),.tb-theme-card:nth-child(n+5){display:none} .tb-newsletter-inner{grid-template-columns:1fr;gap:18px;padding:28px 0}.tb-newsletter-form-new{max-width:620px} .tb-footer-grid{grid-template-columns:1.3fr 1fr;gap:28px}.tb-footer-contact{grid-column:1/-1} } @media(max-width:560px){ .tb-container,body.tb-site .container{width:calc(100% - 24px)} .tb-brand-lockup strong{font-size:18px}.tb-brand-lockup small{font-size:6px}.tb-brand-mark{width:34px;height:34px;flex-basis:34px} .tb-home-hero{height:520px}.tb-home-slide::after{background:linear-gradient(180deg,rgba(5,20,35,.35),rgba(5,20,35,.82) 75%)}.tb-hero-content{align-items:flex-end;padding-bottom:92px}.tb-hero-copy{padding:0 24px}.tb-hero-eyebrow{font-size:16px}.tb-hero-copy h1{font-size:40px;line-height:1.02}.tb-hero-copy p{font-size:12px;max-width:320px}.tb-hero-arrow{width:36px;height:36px;top:43%}.tb-hero-dots{bottom:17px} .tb-search-card{width:calc(100% - 16px);border-radius:12px}.tb-search-tabs{gap:15px;margin-left:3px}.tb-search-fields{grid-template-columns:1fr}.tb-field:first-child,.tb-search-submit{grid-column:auto}.tb-search-submit{width:100%}.tb-popular-line{font-size:9px} .tb-feature-strip{grid-template-columns:1fr 1fr;gap:22px 10px}.tb-feature{grid-template-columns:34px 1fr;column-gap:8px}.tb-feature-icon{width:34px;height:34px;font-size:13px}.tb-feature strong{font-size:10px}.tb-feature small{font-size:8px} .tb-section-head{margin-bottom:13px}.tb-section-head h2{font-size:19px}.tb-view-all{font-size:9px}.tb-destination-grid,.tb-story-grid{gap:8px}.tb-destination-copy{left:9px;right:9px;bottom:9px}.tb-destination-copy strong{font-size:12px}.tb-destination-copy small{font-size:8px}.tb-place-count{font-size:7px} .tb-story-body{padding:8px}.tb-story-body h3{font-size:11px}.tb-story-meta{font-size:8px}.tb-story-image{aspect-ratio:1.45/1} .tb-country-grid,.tb-theme-grid{grid-template-columns:1fr 1fr;gap:8px}.tb-country-card{min-height:145px}.tb-country-copy strong{font-size:12px}.tb-country-copy p{font-size:8px}.tb-theme-card{min-height:135px}.tb-theme-copy strong{font-size:11px} .tb-newsletter-copy-new{align-items:flex-start;gap:12px}.tb-mail-icon{width:48px;height:48px;flex-basis:48px;font-size:18px}.tb-newsletter-copy-new h2{font-size:19px}.tb-newsletter-copy-new p{font-size:8px}.tb-newsletter-form-new{grid-template-columns:1fr}.tb-newsletter-form-new button{width:100%} .tb-footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.tb-footer-brand-new{grid-column:1/-1}.tb-footer-bottom-new{display:block;text-align:center}.tb-footer-bottom-new span{display:block;margin-top:6px} } @media(max-width:380px){ .tb-hero-copy h1{font-size:35px}.tb-feature-strip{grid-template-columns:1fr}.tb-destination-grid,.tb-story-grid,.tb-country-grid,.tb-theme-grid{grid-template-columns:1fr 1fr}.tb-section-head{align-items:center}.tb-view-all{display:none} } /* Keep the public inner pages usable on small screens after legacy CSS consolidation. */ @media(max-width:700px){ body.tb-site .category-hero,body.tb-site .archive-hero,body.tb-site .search-header{padding:42px 0!important} body.tb-site .post-layout{display:block!important} body.tb-site .post-sidebar{margin-top:22px} body.tb-site table{display:block;overflow-x:auto} }