/* -----------------------------
   TXS GLOBAL NAVBAR STYLES
--------------------------------*/
/* TXS Navbar Logo */
.txs-nav-logo {
    max-width: 50px;
    height: auto;
    display: block;
}
/* Navbar background (deep TXS green) */
.navbar {
    background-color: #003a27 !important;
}

/* Logo inside navbar */
.navbar-brand img {
    max-width: 50px;
    height: auto;
}

/* Nav link default state */
.navbar .nav-link {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

/* Gold hover accent */
.navbar .nav-link:hover {
    color: #d4b178 !important; /* TXS gold */
}

/* Active/current page highlighting */
.navbar .nav-link.active {
    color: #d4b178 !important;
    font-weight: 500;
}

/* Mobile toggler icon override */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.4);
}

.navbar-toggler-icon {
    filter: invert(100%); /* Makes toggle icon white */
}

/* Increase touch targets on mobile */
.navbar-nav .nav-item {
    padding: 5px 0;
}

/* -----------------------------
   TXS HERO SECTION
--------------------------------*/

.txs-hero {
    background-image: url('../images/team-sunrise-hero.jpg'); /* change filename to yours */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 70vh; /* adjust height as needed */
    position: relative;
}

/* Optional dark overlay for readability */
.txs-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25); /* adjust 0.25–0.45 for darker text contrast */
}

.txs-hero .container {
    position: relative;
    z-index: 2; /* keeps text above overlay */
}
/* --------------------------------------
   TXS HERO TEXT FADE-IN ANIMATION
---------------------------------------*/

.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1.2s ease-out forwards;
}

.fade-in-up:nth-of-type(2) {
    animation-delay: 0.3s; /* stagger subtext */
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* --------------------------------------
   TXS FOOTER STYLES
-----------------------------------------*/

/* Footer wrapper */
.footer-bg {
    background: #141414;
    color: #fff;
}

/* Footer headings */
.footer-bg h5 {
    color: #fff;
    margin-bottom: .75rem;
    letter-spacing: .5px;
    font-weight: 500;
}

/* Footer links */
.footer-bg a {
    color: #fff;
    text-decoration: none;
}

.footer-bg a:hover {
    color: #7da748; /* TXS green highlight */
    text-decoration: underline;
}

/* Footer logo */
.footer-bg .footer-logo {
    max-height: 140px;
    width: auto;
    object-fit: contain;
}

/* Brand name under logo */
.footer-bg .footer-brand-name {
    color: #ccc;
    font-size: .95rem;
    margin-top: .25rem;
}

/* List spacing */
.footer-bg .list-unstyled li {
    margin-bottom: .35rem;
    font-size: .95rem;
}

/* -----------------------------
   MOBILE SCROLL + FOOTER FIX
--------------------------------*/

/* Ensure page can scroll fully on mobile */
html, body {
  min-height: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Ensure footer is reachable */
#footer {
  display: block;
  width: 100%;
  position: relative;
}