/* Global override: replace all orange-themed accents with #2c2c6c */

:root {
  --orange: #2c2c6c;
  --warning: #2c2c6c;
}

/* Buttons */
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle,
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #2c2c6c !important;
  border-color: #2c2c6c !important;
  color: #fff !important;
}

.btn-outline.btn-warning {
  color: #2c2c6c !important;
  border-color: #2c2c6c !important;
}
.btn-outline.btn-warning:hover,
.btn-outline.btn-warning:focus,
.btn-outline.btn-warning:active,
.btn-outline.btn-warning.active,
.show > .btn-outline.btn-warning.dropdown-toggle {
  background-color: #2c2c6c !important;
  border-color: #2c2c6c !important;
  color: #fff !important;
}

/* Badges, progress, labels, text accents */
.badge-warning,
.progress-bar-warning,
.label-warning,
.bg-warning {
  background-color: #2c2c6c !important;
  border-color: #2c2c6c !important;
  color: #fff !important;
}

.text-warning,
.btn-warning .badge {
  color: #2c2c6c !important;
}

/* Quill editor orange markers */
.ql-editor .ql-bg-orange { background-color: #2c2c6c !important; }
.ql-editor .ql-color-orange { color: #2c2c6c !important; }

/* Revolution slider themed orange buttons */
.tp-button.orange,
.tp-button:hover.orange,
.purchase.orange,
.purchase:hover.orange {
  background-color: #2c2c6c !important;
  box-shadow: 0 3px 0 0 #1f1f4c !important;
}

/* Leaflet active link outline */
.leaflet-container a.leaflet-active { outline-color: #2c2c6c !important; }

/* Filter-based icon tinting previously using orange */
.orange-img {
  -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(10%) saturate(1515%) hue-rotate(203deg) brightness(91%) contrast(94%);
  filter: brightness(0) saturate(100%) invert(16%) sepia(10%) saturate(1515%) hue-rotate(203deg) brightness(91%) contrast(94%);
}

/* Theme primary color replacements from custom skin */
html .text-primary,
html .text-hover-primary:hover,
html .bg-primary,
html .bg-hover-primary:hover,
html .bg-color-after-primary:after,
html .bg-color-hover-after-primary:after:hover,
html .bg-color-before-primary:before,
html .bg-color-hover-before-primary:before:hover,
html .border-color-primary,
html .svg-fill-color-primary,
html .svg-fill-color-hover-primary:hover,
html .svg-stroke-color-primary,
html .svg-stroke-color-hover-primary:hover,
html .gradient-text-color,
.bg-gradient,
.bg-gradient-to-top,
.bg-gradient-to-bottom {
  color: #2c2c6c !important;
  background: #2c2c6c !important;
  background-image: none !important;
  border-color: #2c2c6c !important;
  stroke: #2c2c6c !important;
  fill: #2c2c6c !important;
}

/* Buttons using primary color */
.btn,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #2c2c6c !important;
  border-color: #2c2c6c !important;
  color: #ffffff !important;
}

/* Links and active nav states that were orange */
a,
a:hover,
.nav-link.active,
.menu-item.active > a,
.active > a,
ul.nav li.active > a {
  color: #2c2c6c !important;
}

/* Common component-specific overrides seen in project */
.social-icons li:hover a,
.social-icons li:hover.social-icons-contact a,
.smbutton,
.landingbanner,
.b-tooltip-dark,
.cc-color-override-688238583 .cc-btn,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
  background-color: #2c2c6c !important;
  color: #ffffff !important;
  border-color: #2c2c6c !important;
}

/* Icon colors (bullets/arrows) that used orange */
.fa,
.far,
.fas,
[class^="icon-"],
[class*=" icon-"] {
  color: #2c2c6c !important;
}

/* Ensure contrast: force white text on dark-blue backgrounds */
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.header .btn,
.btn-quaternary,
.btn-quaternary:hover,
.btn-quaternary:focus,
.btn-quaternary:active,
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  color: #ffffff !important;
}

/* Footer readability */
#footer,
#footer p,
#footer span,
#footer li,
#footer a:not(.btn),
footer,
footer p,
footer span,
footer li,
footer a:not(.btn) {
  color: #ffffff !important;
}