.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}



/* ==========================================================================
   TrackTech Custom Header & Footer Styles (Shonde Abiola Damilare Redesign)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Jost:wght@300;400;500;600;700&display=swap');

/* Apply global font stack overrides */
body, p, span, li, a, input, select, textarea, button, .elementor-widget-text-editor, .elementor-button {
  font-family: "Jost", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .site-title a, .elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
}

/* Base Body Styles */
body {
  background-color: #050B14 !important;
  color: #f8fafc !important;
}

/* Fixed Header Styles */
header#site-header.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
  background: rgba(5, 11, 20, 0.94) !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.18) !important;
  backdrop-filter: blur(16px) !important;
  transition: all 0.3s ease !important;
  padding: 0 5vw !important;
}

/* Push page content down to prevent overlapping */
body.page-template-elementor_header_footer, 
body.elementor-page {
  padding-top: 82px !important;
}

/* Header inner layout */
header#site-header.site-header .header-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Brand styling with circle logo */
header#site-header.site-header .site-branding {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

header#site-header.site-header .site-branding::before {
  content: "SA" !important;
  grid-row: span 2 !important;
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #c9a84c !important;
  border-radius: 50% !important;
  color: #c9a84c !important;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  transition: all 0.3s ease !important;
}

header#site-header.site-header .site-title {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

header#site-header.site-header .site-title a {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

header#site-header.site-header .site-description {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  color: #c9a84c !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
}

/* Navigation menu */
header#site-header.site-header nav.site-navigation {
  display: flex !important;
  align-items: center !important;
}

header#site-header.site-header nav.site-navigation ul.menu {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header#site-header.site-header nav.site-navigation ul.menu li {
  margin: 0 !important;
  padding: 0 !important;
}

header#site-header.site-header nav.site-navigation ul.menu li a {
  color: rgba(245, 240, 232, 0.78) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

header#site-header.site-header nav.site-navigation ul.menu li a:hover,
header#site-header.site-header nav.site-navigation ul.menu li.current-menu-item a {
  color: #c9a84c !important; /* Gold */
}

/* Last menu item is a CTA button like in the referenced folder */
header#site-header.site-header nav.site-navigation ul.menu li:last-child a {
  border: 1px solid #c9a84c !important;
  color: #c9a84c !important;
  padding: 0.65rem 1.2rem !important;
  margin-left: 0.75rem !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

header#site-header.site-header nav.site-navigation ul.menu li:last-child a:hover {
  background: #c9a84c !important;
  color: #050B14 !important;
}

/* Mobile Toggler Styles */
header#site-header.site-header button.site-navigation-toggle {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  display: none !important;
}

header#site-header.site-header .site-navigation-toggle-holder.show {
  display: block !important;
}

header#site-header.site-header .site-navigation-toggle-icon,
header#site-header.site-header .site-navigation-toggle-icon::before,
header#site-header.site-header .site-navigation-toggle-icon::after {
  background-color: #c9a84c !important;
}

/* Mobile Dropdown Menu */
header#site-header.site-header .site-navigation-dropdown {
  background-color: #050B14 !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.28) !important;
  position: absolute !important;
  top: 82px !important;
  left: 0 !important;
  right: 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu {
  list-style: none !important;
  padding: 1.5rem !important;
  margin: 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li {
  margin: 0 0 1rem 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li:last-child {
  margin-bottom: 0 !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li a {
  color: rgba(245, 240, 232, 0.78) !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  text-decoration: none !important;
}

header#site-header.site-header .site-navigation-dropdown ul.menu li a:hover,
header#site-header.site-header .site-navigation-dropdown ul.menu li.current-menu-item a {
  color: #c9a84c !important;
}

/* Footer customization */
footer#site-footer.site-footer {
  background-color: #050B14 !important;
  color: #f8fafc !important;
  border-top: 1px solid rgba(201, 168, 76, 0.28) !important;
  padding: 50px 5vw 30px !important;
}

footer#site-footer.site-footer .footer-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1.5rem !important;
  padding: 0 !important;
}

footer#site-footer.site-footer .site-branding {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Brand mark circle in footer */
footer#site-footer.site-footer .site-branding::before {
  content: "SA" !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #c9a84c !important;
  border-radius: 50% !important;
  color: #c9a84c !important;
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
}

footer#site-footer.site-footer .site-description {
  color: #c9a84c !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer#site-footer.site-footer .copyright {
  margin: 0 !important;
  padding: 0 !important;
}

footer#site-footer.site-footer .copyright p {
  color: #94a3b8 !important;
  font-family: "Jost", sans-serif !important;
  font-size: 0.85rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Media Queries for responsive navbar */
@media (max-width: 980px) {
  header#site-header.site-header button.site-navigation-toggle {
    display: block !important;
  }
  header#site-header.site-header nav.site-navigation {
    display: none !important;
  }
}