
/* SILVER KEY - FINAL HEADER AND FOOTER COLORS */

:root {
  --sk-light: #e9eef0;
  --sk-dark: #183748;
  --sk-gold: #c49a40;
}

/* Match header and footer background */
html body header,
html body .site-header,
html body .main-header,
html body footer,
html body .site-footer,
html body .main-footer {
  background: var(--sk-light) !important;
  background-color: var(--sk-light) !important;
}

/* Navbar text */
html body header a,
html body header nav a,
html body .site-header a,
html body .main-header a {
  color: var(--sk-dark) !important;
}

/* Navbar icons */
html body header i,
html body header svg,
html body header button,
html body .site-header i,
html body .main-header i {
  color: var(--sk-dark) !important;
}

/* SVG icons */
html body header svg:not([fill="none"]) {
  fill: currentColor;
}

html body header svg {
  stroke: currentColor;
}

/* All footer text clearly visible */
html body footer,
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer p,
html body footer span,
html body footer a,
html body footer li,
html body footer small,
html body footer strong,
html body footer .footer-title,
html body footer .footer-description,
html body footer .footer-bottom,
html body .site-footer,
html body .site-footer a {
  color: var(--sk-dark) !important;
}

/* Footer contact icons in gold */
html body footer .fa-phone,
html body footer .fa-envelope,
html body footer .fa-location-dot,
html body footer .fa-map-marker-alt,
html body footer .fa-map-marker {
  color: var(--sk-gold) !important;
}

/* Keep existing social button colors */
html body footer .social-icons a,
html body footer .social-links a {
  background-color: initial;
}

/* Logo background transparent; dimensions unchanged */
html body header img,
html body footer img {
  background-color: transparent !important;
}

html body header img[src*="logo"],
html body footer img[src*="logo"] {
  background: transparent !important;
  box-shadow: none !important;
}

/* No logo width, height, max-width or max-height changed */

/* SILVER KEY NAVBAR + FOOTER FINAL OVERRIDES */

html body header,
html body header.header,
html body header.site-header,
html body header.main-header,
html body .header,
html body .site-header,
html body .main-header,
html body .navbar,
html body .nav-wrapper,
html body .header-inner,
html body .header-container {
    background-color: #E9EEF0 !important;
    background-image: none !important;
}

/* Navbar text */
html body header nav a,
html body header .nav-links a,
html body header .navbar a,
html body .navbar a,
html body header .menu a,
html body header .nav-menu a {
    color: #183748 !important;
}

/* Navbar icons */
html body header i,
html body header button,
html body header svg,
html body .navbar i,
html body .navbar button {
    color: #183748 !important;
}

/* Keep icon container contrast */
html body header button {
    border-color: #BCCBD2 !important;
}

/* Footer heading sizes */
html body footer h2,
html body footer h3,
html body footer h4,
html body footer .footer-title {
    font-size: 26px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

/* Footer paragraphs, links, contact information */
html body footer p,
html body footer li,
html body footer a,
html body footer .footer-description,
html body footer .footer-links a,
html body footer .contact-info {
    font-size: 19px !important;
    line-height: 1.9 !important;
}

/* Footer bottom copyright */
html body footer .footer-bottom,
html body footer .copyright,
html body footer small {
    font-size: 16px !important;
}

/* Keep all footer content dark and readable */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer p,
html body footer li,
html body footer a,
html body footer span {
    color: #183748 !important;
}

/* Preserve logo size and appearance */
html body header img,
html body footer img {
    background: transparent !important;
}

/* Mobile footer typography */
@media (max-width: 767px) {
    html body footer h2,
    html body footer h3,
    html body footer h4 {
        font-size: 23px !important;
    }

    html body footer p,
    html body footer li,
    html body footer a {
        font-size: 17px !important;
        line-height: 1.75 !important;
    }
}

/* EXACT SILVER KEY NAVBAR COLOR FIX */

html body header.nav,
html body header.nav .nav-inner {
    background: #E9EEF0 !important;
    background-color: #E9EEF0 !important;
    background-image: none !important;
}

/* All navigation links */
html body header.nav .links a,
html body header.nav .nav-tools a,
html body header.nav .nav-tools span,
html body header.nav .nav-tools button {
    color: #183748 !important;
}

/* Navigation icons */
html body header.nav .nav-tools i,
html body header.nav .nav-tools svg,
html body header.nav .nav-icon,
html body header.nav .menu-toggle {
    color: #183748 !important;
}

/* Preserve logo size */
html body header.nav img {
    background-color: transparent !important;
}

/* Responsive mobile navbar */
@media (max-width: 768px) {
    html body header.nav,
    html body header.nav .nav-inner,
    html body header.nav .links {
        background-color: #E9EEF0 !important;
    }

    html body header.nav .links a {
        color: #183748 !important;
    }
}



/* SILVER KEY NAV GOLD HOVER V6 */

/* Login / Register black */
html body header.nav .nav-tools,
html body header.nav .nav-tools a,
html body header.nav .nav-tools span,
html body header.nav .nav-tools i,
html body header.nav .nav-tools svg,
html body header.nav .nav-tools button {
    color: #111111 !important;
}

/* Account icon */
html body header.nav .nav-tools svg {
    stroke: #111111 !important;
}

/* Navigation links default */
html body header.nav .links a {
    color: #183748 !important;
    position: relative;
    transition: color 0.25s ease !important;
    text-decoration: none !important;
}

/* Gold hover on navigation pages */
html body header.nav .links a:hover,
html body header.nav .links a:focus-visible {
    color: #C49A40 !important;
}

/* Gold animated underline */
html body header.nav .links a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    height: 2px;
    background: #C49A40;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

/* Hover underline */
html body header.nav .links a:hover::after,
html body header.nav .links a:focus-visible::after {
    transform: scaleX(1);
}

/* Active navigation underline */
html body header.nav .links a[aria-current="page"]::after {
    transform: scaleX(1);
}

/* Keep active link navy; underline gold */
html body header.nav .links a[aria-current="page"] {
    color: #183748 !important;
}

/* Login hover */
html body header.nav .nav-tools a:hover,
html body header.nav .nav-tools a:hover i {
    color: #C49A40 !important;
}

/* Mobile navigation */
@media (max-width: 768px) {
    html body header.nav .links a::after {
        bottom: -3px;
    }
}

/* Existing logos and sizes unchanged */



/* SILVER KEY GOLD HEADINGS NAV FONT V7 */

/* Slightly larger desktop navigation links */
@media (min-width: 769px) {
    html body header.nav .links a {
        font-size: 17px !important;
        font-weight: 600 !important;
    }
}

/* Gold underline on active navigation page */
html body header.nav .links a[aria-current="page"]::after,
html body header.nav .links a.active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -9px !important;
    height: 2px !important;
    background-color: #C49A40 !important;
    transform: scaleX(1) !important;
}

/* Keep hover effect gold */
html body header.nav .links a:hover,
html body header.nav .links a:focus-visible {
    color: #C49A40 !important;
}

/* Footer headings in gold */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer .footer-title,
html body footer .footer-heading {
    color: #C49A40 !important;
}

/* Keep footer description and links navy */
html body footer p,
html body footer li,
html body footer a,
html body footer small {
    color: #183748 !important;
}

/* Mobile navigation text */
@media (max-width: 768px) {
    html body header.nav .links a {
        font-size: 17px !important;
    }
}

/* No logo size or background changes */



/* SILVER KEY FINAL REFINEMENTS V8 */

/* Login / Register text and user icon */
html body header.nav .nav-tools,
html body header.nav .nav-tools a,
html body header.nav .nav-tools span,
html body header.nav .nav-tools i,
html body header.nav .nav-tools svg,
html body header.nav .nav-tools button,
html body header.nav .nav-tools label {
    color: #102A3A !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #102A3A !important;
}

html body header.nav .nav-tools svg {
    stroke: #102A3A !important;
}

/* Remove active underline from all pages */
html body header.nav .links a.active::after,
html body header.nav .links a[aria-current="page"]::after {
    transform: scaleX(0) !important;
}

/* Permanent Home underline */
html body header.nav .links a[href="index.html"]::after,
html body header.nav .links a[href="./index.html"]::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -9px !important;
    height: 2px !important;
    background: #C49A40 !important;
    transform: scaleX(1) !important;
}

/* Keep navigation hover gold */
html body header.nav .links a:hover {
    color: #C49A40 !important;
}

/* Footer headings black by default */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer .footer-title,
html body footer .footer-heading {
    color: #183748 !important;
    font-size: 23px !important;
    transition: color 0.25s ease !important;
}

/* Footer headings gold on hover */
html body footer h1:hover,
html body footer h2:hover,
html body footer h3:hover,
html body footer h4:hover,
html body footer h5:hover,
html body footer h6:hover,
html body footer .footer-title:hover,
html body footer .footer-heading:hover {
    color: #C49A40 !important;
}

/* Slightly smaller footer content */
html body footer p,
html body footer li,
html body footer a,
html body footer .footer-description,
html body footer .footer-links a,
html body footer .contact-info {
    font-size: 17px !important;
    line-height: 1.75 !important;
}

/* Footer copyright */
html body footer .footer-bottom,
html body footer .copyright,
html body footer small {
    font-size: 14px !important;
}

/* Mobile footer typography */
@media (max-width: 768px) {
    html body footer h2,
    html body footer h3,
    html body footer h4 {
        font-size: 21px !important;
    }

    html body footer p,
    html body footer li,
    html body footer a {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
}

/* Logos: no size or design changes */



/* SILVER KEY LOGIN BLACK V9 */

/* Login / Register text and user icon only */
html body header.nav .nav-tools a[href*="login"],
html body header.nav .nav-tools a[href*="register"],
html body header.nav .nav-tools a[href*="auth"],
html body header.nav .nav-tools a[href*="login"] *,
html body header.nav .nav-tools a[href*="register"] *,
html body header.nav .nav-tools a[href*="auth"] * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Account SVG icon */
html body header.nav .nav-tools a[href*="login"] svg,
html body header.nav .nav-tools a[href*="register"] svg,
html body header.nav .nav-tools a[href*="auth"] svg {
    stroke: #000000 !important;
}



/* SILVER KEY LOGIN VISIBILITY V10 */

/* Target the last navigation tool: Login / Register */
html body header.nav .nav-tools > :last-child,
html body header.nav .nav-tools > :last-child *,
html body header.nav .nav-tools > :last-child::before,
html body header.nav .nav-tools > :last-child::after,
html body header.nav .nav-tools > :last-child *::before {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Account icon */
html body header.nav .nav-tools > :last-child svg,
html body header.nav .nav-tools > :last-child svg * {
    stroke: #000000 !important;
}

/* Font Awesome user icon */
html body header.nav .nav-tools > :last-child i {
    color: #000000 !important;
}

/* No logo, footer or layout changes */

/* SILVER KEY CONTENT BRIEF UPDATE - scoped extensions */
html body header.nav a.sk-auth-link,
html body header.nav a.sk-auth-link:link,
html body header.nav a.sk-auth-link:visited,
html body header.nav a.sk-auth-link svg,
html body header.nav a.sk-auth-link svg * {
  color:#000 !important;stroke:#000 !important;
  opacity:1 !important;visibility:visible !important;
  -webkit-text-fill-color:#000 !important;
}
.sk-team-tabs { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin:26px 0 28px; }
.sk-team-tab { font:inherit; font-weight:700; padding:14px 24px; color:#172B40; border:1px solid #C3A675; border-radius:7px; background:#F7F5F0; cursor:pointer; }
.sk-team-tab[aria-selected="true"] { background:#172B40; color:#fff; }
.sk-team-tab:focus-visible { outline:3px solid #C3A675; outline-offset:3px; }
.sk-team-panel { padding:24px; background:#F7F5F0; border-radius:10px; border:1px solid #e6dfd1; }
.sk-team-panel[hidden] { display:none !important; }
.sk-team-panel h3 { font-family:Georgia,serif; color:#172B40; font-size:26px; margin:0 0 12px; }
.sk-team-panel p { color:#172B40; line-height:1.75; }
.sk-team-empty { font-size:14px; opacity:.75; }
@media (max-width:700px) { .sk-team-tabs {flex-direction:column} .sk-team-tab {width:100%} .sk-team-panel{padding:18px;} }

/* v11: exact account link selector, sister company and showcase preservation */
html body header.nav a.sk-auth-link,html body header.nav a.sk-auth-link:link,html body header.nav a.sk-auth-link:visited,
html body header.nav a.sk-auth-link *,html body header.nav a.sk-auth-link svg {color:#111820 !important;-webkit-text-fill-color:#111820 !important;opacity:1 !important;visibility:visible !important;}
html body header.nav a.sk-auth-link svg, html body header.nav a.sk-auth-link svg * {stroke:#111820 !important;}
.sk-sister-section{background:#F7F5F0;padding:90px 0;color:#172B40}
.sk-sister-section .section-head{max-width:860px;margin:0 auto 34px}
.sk-sister-section .section-head h2{color:#172B40}
.sk-sister-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.sk-sister-card{background:#fff;border:1px solid #e6e0d6;border-radius:16px;padding:32px;box-shadow:0 12px 28px rgba(23,43,64,.05);display:flex;flex-direction:column;align-items:flex-start}
.sk-sister-card.sk-primary-company{border-top:3px solid #C3A675}
.sk-company-mark{height:120px;width:100%;display:flex;align-items:center;justify-content:center;background:#f3f5f5;border-radius:10px;margin-bottom:22px}
.sk-company-mark img{display:block;max-width:74%;max-height:90px;width:auto;height:auto;object-fit:contain;background:transparent}
.sk-company-label{font-size:11px;letter-spacing:.13em;color:#95723c;font-weight:800;margin-bottom:8px}
.sk-sister-card h3{font-family:Georgia,serif;color:#172B40;font-size:27px;margin:0 0 12px}
.sk-sister-card p{color:#415367;line-height:1.8;margin:0 0 22px}
.sk-company-link{color:#7a5a2e;text-decoration:none;font-weight:700;margin-top:auto;border-bottom:1px solid #C3A675;padding-bottom:3px}
.sk-company-link:hover,.sk-company-link:focus-visible{color:#172B40}
.sk-sister-legal{color:#5f6f78;font-size:13px;text-align:center;margin:22px auto 0;max-width:850px}
/* Keep both showcase sections visible and maintain existing carousel styles */
#happy-clients,#authorized-partners{display:block;visibility:visible;opacity:1}
@media(max-width:767px){.sk-sister-section{padding:56px 0}.sk-sister-grid{grid-template-columns:1fr}.sk-sister-card{padding:22px}.sk-sister-card h3{font-size:23px}}
