/* Sterling Visa — Royal Blue & Gold Theme Override */
:root{
  --sterling-blue:#0B2E63;
  --sterling-blue-dark:#061B3D;
  --sterling-blue-light:#174A92;
  --sterling-gold:#D4AF37;
  --sterling-gold-light:#F2D675;
  --sterling-white:#FFFFFF;
}

/* Main brand colors */
body{color:#303030;}
a:hover{color:var(--sterling-gold)!important;}
.site-header, header, .header, .navbar, .main-header{
  border-color:var(--sterling-gold)!important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.main-menu li a:hover,
.main-menu li.active a{
  color:var(--sterling-gold)!important;
}

/* Buttons and calls to action */
.btn, button, input[type="submit"], input[type="button"],
.theme-btn, .default-btn, .read-more, .contact-btn{
  background:var(--sterling-blue)!important;
  border-color:var(--sterling-blue)!important;
  color:#fff!important;
}
.btn:hover, button:hover, input[type="submit"]:hover,
.theme-btn:hover, .default-btn:hover, .read-more:hover, .contact-btn:hover{
  background:var(--sterling-gold)!important;
  border-color:var(--sterling-gold)!important;
  color:var(--sterling-blue-dark)!important;
}

/* Gold highlights */
.section-title h1, .section-title h2, .section-title h3,
.title, .heading, h1 span, h2 span, h3 span,
.feature-box i, .service-box i, .icon-box i,
.fa, .flaticon{
  color:var(--sterling-gold);
}
.section-title:after, .section-title:before,
.title:after, .heading:after{
  background:var(--sterling-gold)!important;
}

/* Blue sections, footer and overlays */
.footer, footer, .footer-area, .copyright,
.dark-bg, .blue-bg, .site-footer{
  background-color:var(--sterling-blue-dark)!important;
}
.footer a:hover, footer a:hover{
  color:var(--sterling-gold)!important;
}

/* Cards and borders */
.service-box:hover, .feature-box:hover, .single-service:hover,
.card:hover, .box:hover{
  border-color:var(--sterling-gold)!important;
}
.service-box, .feature-box, .single-service, .card{
  border-color:rgba(11,46,99,.16);
}

/* Existing orange/yellow accents */
.bg-orange, .orange-bg, .theme-color, .primary-color,
.highlight, .active-color{
  background-color:var(--sterling-blue)!important;
}
.text-orange, .orange-color, .theme-text{
  color:var(--sterling-gold)!important;
}

/* Form controls */
input:focus, textarea:focus, select:focus{
  border-color:var(--sterling-gold)!important;
  box-shadow:0 0 0 .15rem rgba(212,175,55,.20)!important;
}

/* Sliders, dots and back-to-top */
.owl-dot.active span, .owl-dot:hover span,
.swiper-pagination-bullet-active,
#back-to-top, .back-to-top{
  background:var(--sterling-gold)!important;
}

/* Remove blue background behind logo */

#header .navbar-header,
#header .logo,
#header .navbar-brand {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

/* Remove possible pseudo-element background */
#header .navbar-header::before,
#header .navbar-header::after,
#header .logo::before,
#header .logo::after,
#header .navbar-brand::before,
#header .navbar-brand::after {
    background: transparent !important;
    display: none !important;
    content: none !important;
}

/* Correct logo area height */
#header .navbar-header {
    height: 125px !important;
    display: flex !important;
    align-items: center !important;
}

/* Logo container */
#header .logo {
    height: 125px !important;
    display: flex !important;
    align-items: center !important;
}

/* Logo link */
#header .navbar-brand {
    height: 125px !important;
    padding: 5px 20px !important;
    display: flex !important;
    align-items: center !important;
}

/* Logo image */
#header .navbar-brand img {
    width: 180px !important;
    height: 105px !important;
    object-fit: contain !important;
    display: block !important;
}