/* ============================================================
   BLUEPRINTS MARKET — PREMIUM GLOBAL THEME
   Complete Rebuild — Dark/Light Mode — Chrome/Gold Aesthetic
   ============================================================ */

/* ------------------------------------------------------------
   GLOBAL RESET
------------------------------------------------------------ */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #0b0d14;
    color: #f5f5f5;
    line-height: 1.5;
}

/* ------------------------------------------------------------
   GLOBAL LAYOUT
------------------------------------------------------------ */
header,
footer {
    background: #0b0d14;
    padding: 20px 40px;
    border-bottom: 1px solid #222633;
}

footer {
    border-top: 1px solid #222633;
    border-bottom: none;
}

main {
    display: block;
}

/* ------------------------------------------------------------
   LOGO
------------------------------------------------------------ */
.logo-img {
    max-width: 260px;
    height: auto;
}

@media (max-width: 768px) {
    .logo-img {
        max-width: 200px;
        margin: 0 auto;
    }
}

/* ------------------------------------------------------------
   PREMIUM MAIN NAV — CHROME + GOLD (2× SIZE)
------------------------------------------------------------ */
.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 40px;
    background: #0b0d14;
    border-bottom: 1px solid #222633;
}

.main-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 12px;
}

.main-nav .menu-btn {
    display: inline-block;
    padding: 22px 36px; /* 2× size */
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;

    background: linear-gradient(145deg, #1a1d29, #0d0f17);
    border: 3px solid #d4af37; /* gold frame */
    border-radius: 10px;

    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 12px rgba(212,175,55,0.35),
        0 0 18px rgba(0,0,0,0.6);
}

.main-nav .menu-btn:hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;

    box-shadow:
        inset 0 0 18px rgba(0,0,0,0.45),
        0 0 22px rgba(212,175,55,0.55);
}

/* ------------------------------------------------------------
   PREMIUM SUB NAV — CHROME + GOLD (1.75× SIZE)
------------------------------------------------------------ */
.sub-nav {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #222633;
}

.sub-nav-title {
    font-size: 22px;
    margin-bottom: 18px;
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.sub-nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.sub-nav-links a {
    display: inline-block;
    padding: 16px 28px; /* 1.75× size */
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;

    background: linear-gradient(145deg, #141722, #0b0d14);
    border: 2px solid #d4af37;
    border-radius: 8px;

    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 10px rgba(212,175,55,0.25),
        0 0 14px rgba(0,0,0,0.5);
}

.sub-nav-links a:hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;

    box-shadow:
        inset 0 0 14px rgba(0,0,0,0.45),
        0 0 18px rgba(212,175,55,0.55);
}

/* ------------------------------------------------------------
   PREMIUM FOOTER NAV — MATCHES MAIN NAV
------------------------------------------------------------ */
.footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
}

.footer-nav a {
    padding: 16px 26px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;

    background: linear-gradient(145deg, #1a1d29, #0d0f17);
    border: 2px solid #d4af37;
    border-radius: 8px;

    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 10px rgba(212,175,55,0.25),
        0 0 14px rgba(0,0,0,0.5);
}

.footer-nav a:hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;
}

/* ------------------------------------------------------------
   DROPDOWN MENU — PREMIUM
------------------------------------------------------------ */
.dropdown {
    position: relative;
}

.dropdown-btn {
    padding: 22px 36px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;

    background: linear-gradient(145deg, #1a1d29, #0d0f17);
    border: 3px solid #d4af37;
    border-radius: 10px;

    color: #cfd3ff;
    text-decoration: none;
    cursor: pointer;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 12px rgba(212,175,55,0.35),
        0 0 18px rgba(0,0,0,0.6);
}

.dropdown-btn:hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;
}

.dropdown-content {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 260px;

    background: #0f1220;
    border: 2px solid #d4af37;
    border-radius: 10px;

    padding: 10px 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: 0.25s ease;
    z-index: 999;
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.dropdown-content a {
    display: block;
    padding: 14px 20px;
    font-size: 17px;
    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;
}

.dropdown-content a:hover {
    background: #d4af37;
    color: #0b0d14;
}

/* ------------------------------------------------------------
   SECTIONS / HERO / CARDS
------------------------------------------------------------ */
.hero,
.section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px;
}

.hero h1 {
    font-size: 2.4rem;
    margin-bottom: 16px;
    color: #d4af37;
}

.hero p,
.section p {
    font-size: 1rem;
    color: #d0d4e8;
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.card {
    background: #111522;
    border: 1px solid #222633;
    padding: 18px;
    border-radius: 12px;
}

.card h3 {
    margin-top: 0;
    margin-bottom: 8px;
    color: #d4af37;
}

.card p {
    color: #c3c7e0;
}

/* ------------------------------------------------------------
   BREADCRUMB
------------------------------------------------------------ */
.breadcrumb {
    padding: 10px 20px;
    background: #0f1220;
    border-bottom: 1px solid #222633;
    font-size: 13px;
}

.breadcrumb a {
    color: #4fd1ff;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

/* ------------------------------------------------------------
   LIGHT THEME
------------------------------------------------------------ */
body.light {
    background: #f5f5f5;
    color: #000;
}

body.light header,
body.light footer {
    background: #e8e8e8;
    border-color: #ccc;
}

body.light .main-nav .menu-btn,
body.light .dropdown-btn {
    background: #ffffff;
    border-color: #d4af37;
    color: #000;
}

body.light .main-nav .menu-btn:hover,
body.light .dropdown-btn:hover {
    background: #d4af37;
    color: #000;
}

body.light .sub-nav-links a {
    background: #ffffff;
    border-color: #d4af37;
    color: #000;
}

body.light .sub-nav-links a:hover {
    background: #d4af37;
    color: #000;
}

body.light .footer-nav a {
    background: #ffffff;
    border-color: #d4af37;
    color: #000;
}

body.light .footer-nav a:hover {
    background: #d4af37;
    color: #000;
}

/* ------------------------------------------------------------
   RESPONSIVE
------------------------------------------------------------ */
@media (max-width: 768px) {
    .top-header {
        flex-direction: column;
        text-align: center;
    }

    .main-nav .menu-btn {
        width: 100%;
        text-align: center;
    }

    .sub-nav-links a {
        width: 100%;
        text-align: center;
    }
}

/* ============================================================
   UNIVERSAL PAGE WIDTH + CENTERING SYSTEM
   ============================================================ */

/* Main content wrapper for ALL pages */
.page-wrapper {
    max-width: 1200px;        /* universal width */
    margin: 0 auto;           /* center horizontally */
    padding: 40px 20px;       /* consistent spacing */
}

/* All headings inside pages */
.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4 {
    margin-top: 0;
    text-align: left;
}

/* Universal image centering */
.page-wrapper img,
.system-img,
.product-img {
    display: block;
    margin: 30px auto;        /* center image */
    max-width: 100%;
    height: auto;
}

/* Fix images inside cards or boxes */
.box img {
    margin: 20px auto;
    display: block;
}

/* Fix tables */
.page-wrapper table {
    margin: 20px auto;
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
}

/* Fix paragraphs */
.page-wrapper p {
    font-size: 16px;
    line-height: 1.6;
    color: #cfd3ff;
}

/* Fix lists */
.page-wrapper ul,
.page-wrapper ol {
    margin-left: 20px;
    color: #cfd3ff;
}

/* Fix spacing between sections */
.page-wrapper section {
    margin-bottom: 40px;
}

/* ============================================================
   UNIVERSAL IMAGE CONTROL — SITE WIDE
   ============================================================ */

/* Force all images to never exceed content width */
img,
.page-wrapper img,
.section img,
.hero img,
.card img,
.box img,
.system-img,
.product-img {
    display: block !important;
    max-width: 100% !important;   /* never wider than content */
    height: auto !important;      /* keep aspect ratio */
    margin-left: auto !important; /* center horizontally */
    margin-right: auto !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    object-fit: contain !important;
}

/* Fix images inside tables */
table img {
    max-width: 100% !important;
    height: auto !important;
    margin: 20px auto !important;
    display: block !important;
}

/* Fix images inside flex/grid containers */
.cards img,
.grid img {
    max-width: 100% !important;
    height: auto !important;
    margin: 20px auto !important;
}

/* Prevent oversized images on mobile */
@media (max-width: 600px) {
    img,
    .system-img,
    .product-img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ============================================================
   UNIVERSAL MENU CENTERING — SITE WIDE
   ============================================================ */

/* Center the entire header block */
.top-header {
    display: flex;
    flex-direction: column;      /* stack logo + nav */
    align-items: center;         /* center horizontally */
    justify-content: center;
    text-align: center;
    padding: 30px 20px;
}

/* Center main navigation */
.main-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;   /* force center */
    align-items: center;
    gap: 18px;
    width: 100%;
    margin-top: 20px;
}

/* Center sub navigation container */
.sub-nav {
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

/* Center sub navigation title */
.sub-nav-title {
    text-align: center;
    width: 100%;
}

/* Center sub navigation links */
.sub-nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;   /* force center */
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* Center footer navigation */
.footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;   /* force center */
    align-items: center;
    gap: 16px;
    width: 100%;
}

/* Mobile fix */
@media (max-width: 768px) {
    .top-header {
        flex-direction: column;
        text-align: center;
    }

    .main-nav,
    .sub-nav-links,
    .footer-nav {
        justify-content: center !important;
    }
}

/* ============================================================
   UNIVERSAL PAGE CONTENT WRAPPER — SITE WIDE
   ============================================================ */

/* Force ALL page content to have margins */
body > *:not(header):not(footer):not(nav):not(.top-header):not(.main-nav):not(.sub-nav):not(script) {
    max-width: 1200px;          /* universal content width */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    display: block;
}

/* Ensure text never touches edges */
body p,
body li,
body span,
body h1,
body h2,
body h3,
body h4,
body table,
body ul,
body ol {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Fix sections */
.section,
.hero,
.page-wrapper {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Fix boxes */
.box {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Fix images */
img,
.system-img,
.product-img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* Fix tables */
table {
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobile fix */
@media (max-width: 600px) {
    body > * {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ============================================================
   BLUEPRINTSMARKET — PREMIUM FOOTER BUTTONS (MATCH SUB NAV)
   ============================================================ */

/* Footer columns centered */
.bm-footer-col {
    text-align: center;
}

/* Footer links styled like sub-menu buttons */
.bm-footer-col a {
    display: inline-block;
    padding: 16px 28px; /* same as sub-nav */
    margin: 8px 0;

    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;

    background: linear-gradient(145deg, #141722, #0b0d14);
    border: 2px solid #d4af37;
    border-radius: 8px;

    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 10px rgba(212,175,55,0.25),
        0 0 14px rgba(0,0,0,0.5);
}

/* Hover effect (same as sub-nav) */
.bm-footer-col a:hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;

    box-shadow:
        inset 0 0 14px rgba(0,0,0,0.45),
        0 0 18px rgba(212,175,55,0.55);
}

/* Footer bottom policy links also styled */
.bm-footer-policy-links a {
    display: inline-block;
    padding: 14px 24px;
    margin: 6px;

    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.10em;

    background: linear-gradient(145deg, #141722, #0b0d14);
    border: 2px solid #d4af37;
    border-radius: 8px;

    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 10px rgba(212,175,55,0.25),
        0 0 14px rgba(0,0,0,0.5);
}

.bm-footer-policy-links a:hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;
}

/* Light theme compatibility */
body.light .bm-footer-col a,
body.light .bm-footer-policy-links a {
    background: #ffffff;
    border-color: #d4af37;
    color: #000;
}

body.light .bm-footer-col a:hover,
body.light .bm-footer-policy-links a:hover {
    background: #d4af37;
    color: #000;
}

/* ============================================================
   BLUEPRINTSMARKET — SITE-WIDE PREMIUM BUTTON LINKS
   ============================================================ */

/* EXCLUDE main nav, dropdown, hero buttons */
a:not(.menu-btn):not(.dropdown-btn):not(.btn):not(.btn-primary):not(.btn-secondary) {
    display: inline-block;
    padding: 16px 28px;
    margin: 8px 0;

    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;

    background: linear-gradient(145deg, #141722, #0b0d14);
    border: 2px solid #d4af37;
    border-radius: 8px;

    color: #cfd3ff;
    text-decoration: none;
    transition: 0.25s ease;

    box-shadow:
        inset 0 0 10px rgba(212,175,55,0.25),
        0 0 14px rgba(0,0,0,0.5);
}

/* Hover effect */
a:not(.menu-btn):not(.dropdown-btn):not(.btn):not(.btn-primary):not(.btn-secondary):hover {
    background: linear-gradient(145deg, #d4af37, #b8922b);
    color: #0b0d14;

    box-shadow:
        inset 0 0 14px rgba(0,0,0,0.45),
        0 0 18px rgba(212,175,55,0.55);
}

/* Center all links inside footer columns */
.bm-footer-col {
    text-align: center;
}

/* Center footer bottom policy links */
.bm-footer-policy-links {
    text-align: center;
}

/* Light theme compatibility */
body.light a:not(.menu-btn):not(.dropdown-btn):not(.btn):not(.btn-primary):not(.btn-secondary) {
    background: #ffffff;
    border-color: #d4af37;
    color: #000;
}

body.light a:not(.menu-btn):not(.dropdown-btn):not(.btn):not(.btn-primary):not(.btn-secondary):hover {
    background: #d4af37;
    color: #000;
}

/* ============================================================
   BLUEPRINTSMARKET — MAX FORCE BUTTON TRANSFORMATION (ALL LINKS)
   ============================================================ */

/* Turn ALL links into premium buttons except main nav + dropdown */
a:not(.menu-btn):not(.dropdown-btn) {
    display: inline-block !important;
    padding: 16px 28px !important;
    margin: 10px auto !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;

    background: linear-gradient(145deg, #141722, #0b0d14) !important;
    border: 2px solid #d4af37 !important;
    border-radius: 8px !important;

    color: #cfd3ff !important;
    text-decoration: none !important;
    text-align: center !important;

    transition: 0.25s ease !important;

    box-shadow:
        inset 0 0 10px rgba(212,175,55,0.25) !important,
        0 0 14px rgba(0,0,0,0.5) !important;
}

/* Hover effect */
a:not(.menu-btn):not(.dropdown-btn):hover {
    background: linear-gradient(145deg, #d4af37, #b8922b) !important;
    color: #0b0d14 !important;

    box-shadow:
        inset 0 0 14px rgba(0,0,0,0.45) !important,
        0 0 18px rgba(212,175,55,0.55) !important;
}

/* Center footer columns */
.bm-footer-col {
    text-align: center !important;
}

/* Center footer bottom policy links */
.bm-footer-policy-links {
    text-align: center !important;
}

/* Light theme compatibility */
body.light a:not(.menu-btn):not(.dropdown-btn) {
    background: #ffffff !important;
    border-color: #d4af37 !important;
    color: #000 !important;
}

body.light a:not(.menu-btn):not(.dropdown-btn):hover {
    background: #d4af37 !important;
    color: #000 !important;
}

/* ============================================================
   BLUEPRINTSMARKET — MAIN HEADER + MENUS BLUE GLOW FRAME
   ============================================================ */

.top-header,
.main-nav .menu-btn,
.sub-nav,
.sub-nav-links a {
    box-shadow:
        0 0 12px rgba(0, 140, 255, 0.65),
        0 0 24px rgba(0, 140, 255, 0.45),
        inset 0 0 12px rgba(0, 140, 255, 0.35) !important;
    border-color: #008cff !important;
}

/* ============================================================
   BLUEPRINTSMARKET — BODY CONTENT ALTERNATING BLUE GLOW
   ============================================================ */

.hero,
.section,
.page-wrapper,
.box,
.cards,
.card {
    border: 2px solid #00aaff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 10px rgba(0, 170, 255, 0.45),
        0 0 18px rgba(0, 200, 255, 0.35),
        inset 0 0 10px rgba(0, 200, 255, 0.25) !important;
}

/* ============================================================
   BLUEPRINTSMARKET — FOOTER BLUE GLOW FRAME
   ============================================================ */

.bm-master-footer,
.bm-footer-col,
.bm-footer-policy-links a {
    box-shadow:
        0 0 12px rgba(0, 140, 255, 0.65),
        0 0 24px rgba(0, 140, 255, 0.45),
        inset 0 0 12px rgba(0, 140, 255, 0.35) !important;
    border-color: #008cff !important;
}

/* ============================================================
   BLUEPRINTSMARKET — SITE-WIDE BUTTON BLUE GLOW
   ============================================================ */

a:not(.menu-btn):not(.dropdown-btn) {
    box-shadow:
        0 0 12px rgba(0, 140, 255, 0.65),
        0 0 24px rgba(0, 140, 255, 0.45),
        inset 0 0 12px rgba(0, 140, 255, 0.35) !important;
    border-color: #008cff !important;
}

/* ============================================================
   LIGHT THEME — BLUE GLOW COMPATIBILITY
   ============================================================ */

body.light .top-header,
body.light .main-nav .menu-btn,
body.light .sub-nav,
body.light .sub-nav-links a,
body.light .bm-master-footer,
body.light .bm-footer-col,
body.light .bm-footer-policy-links a,
body.light a:not(.menu-btn):not(.dropdown-btn),
body.light .hero,
body.light .section,
body.light .page-wrapper,
body.light .box,
body.light .cards,
body.light .card {
    box-shadow:
        0 0 12px rgba(0, 140, 255, 0.65),
        0 0 24px rgba(0, 140, 255, 0.45),
        inset 0 0 12px rgba(0, 140, 255, 0.35) !important;
    border-color: #008cff !important;
}

/* ============================================================
   BLUEPRINTSMARKET — GLOBAL IMAGE BLUE GLOW FRAME
   ============================================================ */

img,
.system-img,
.product-img,
.hero img,
.section img,
.card img,
.box img,
.bm-footer-col img {
    border: 3px solid #008cff !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 12px rgba(0, 140, 255, 0.75) !important,
        0 0 24px rgba(0, 140, 255, 0.55) !important,
        inset 0 0 12px rgba(0, 140, 255, 0.35) !important;

    padding: 6px !important; /* gives the glow breathing room */
    background: #0b0d14 !important; /* chrome-dark background */
}

/* Light theme compatibility */
body.light img,
body.light .system-img,
body.light .product-img,
body.light .hero img,
body.light .section img,
body.light .card img,
body.light .box img,
body.light .bm-footer-col img {
    border-color: #008cff !important;

    box-shadow:
        0 0 12px rgba(0, 140, 255, 0.75) !important,
        0 0 24px rgba(0, 140, 255, 0.55) !important,
        inset 0 0 12px rgba(0, 140, 255, 0.35) !important;

    background: #ffffff !important;
}

/* Theme Toggle Button — identical to main menu buttons */
.theme-toggle-btn {
    display: inline-block;
    padding: 14px 28px;
    margin: 8px 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.12em;
    border-radius: 8px;
    cursor: pointer;
}

/* Balanced Footer Grid */
.bm-footer-balanced {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* Tablet: 2 columns */
@media (max-width: 900px) {
    .bm-footer-balanced {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: 1 column */
@media (max-width: 600px) {
    .bm-footer-balanced {
        grid-template-columns: 1fr;
    }
}

/* Prevent layout shift for all images */
img {
  display: block;
  width: 100%;
  height: auto;
}

/* Lock aspect ratio for known images */
.logo-img {
  width: 180px;
  height: 180px;
}

.watermark-frame img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

/* Stabilize header height */
.top-header {
  min-height: 140px;
}