:root {
  --ob-0: #0A0A0A;
  --ob-1: #101010;
  --ob-2: #161616;
  --ob-3: #1F1F1F;
  --ob-line: #262626;
  --plat: #F2F2F2;
  --plat-dim: #B4B4B4;
  --plat-faint: #8A8A8A;
  --gold: #D4AF37;
  --gold-hi: #E9C767;
  --gold-soft: rgba(212, 175, 55, 0.16);
}

/* ---- ground ------------------------------------------------------------ */
html, body { background: var(--ob-0) !important; color: var(--plat-dim) !important; }

section, .container-custom, main,
.white-bg, .bg-white, .section-bg-common,
.about--area, .services, .services-key, .case, .review, .blog, .contact,
.counter, .team, .faq, .dayta-results {
  background-color: var(--ob-0) !important;
}

/* alternating bands so the page still has rhythm */
.section-bg-common, .services-key, .review, .dayta-results { background-color: var(--ob-1) !important; }

.slider-content__title_big, .slider-content__title_small,
.slider-content__text, .slider-content h1, .slider-content h2 { color: var(--plat) !important; }
.slider-content__title_small { color: var(--gold) !important; }
.slider-content__text { color: var(--plat-dim) !important; }

h1, h2, h3, h4, h5, h6, .heading,
.section-heading__title_big, .services__item_title,
.dayta-results__title, .dayta-hit__title { color: var(--plat) !important; }

p, li, span, td, .paragraph, .services__item_paragraph,
.section-heading__text, .dayta-hit__sum, .dayta-results__count {
  color: var(--plat-dim) !important;
}

.text-white { color: var(--plat) !important; }

/* ---- gold replaces the blue -------------------------------------------- */
.primary-text-color, .section-heading__title_small,
.breadcrumb-item a, .footer-widget__menu_list a:hover,
.dayta-hit__type, a.link { color: var(--gold) !important; }

a { color: var(--gold); }
a:hover { color: var(--gold-hi); }

.btn--primary, .dayta-results__btn {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #0A0A0A !important;               /* dark text on gold: gold + white fails contrast */
}
.btn--primary:hover, .dayta-results__btn:hover {
  background: var(--gold-hi) !important;
  border-color: var(--gold-hi) !important;
  color: #0A0A0A !important;
}
.btn--primary svg, .btn--primary path, .btn--primary rect { fill: #0A0A0A !important; }

/* ---- header ------------------------------------------------------------ */
.header-top, .header-bottom, #navbar-wrap, .navbar-wrap {
  background: var(--ob-0) !important;
  border-bottom: 1px solid var(--ob-line) !important;
}
.header-top__info_text--small { color: var(--plat-faint) !important; }
.header-top__info_text--big, .header-top__info_text--big a { color: var(--plat) !important; }
.main-menu__nav > ul > li > a { color: var(--plat) !important; }
.main-menu__nav > ul > li > a:hover { color: var(--gold) !important; }
.main-menu__dropdown { background: var(--ob-2) !important; border: 1px solid var(--ob-line) !important; }
.main-menu__dropdown li a { color: var(--plat-dim) !important; }
.main-menu__dropdown li a:hover { color: var(--gold) !important; background: var(--ob-3) !important; }

.header-search__input, .dayta-results__input, .contact-form__input, input, textarea, select {
  background: var(--ob-2) !important;
  border-color: var(--ob-line) !important;
  color: var(--plat) !important;
}
input::placeholder, textarea::placeholder { color: var(--plat-faint) !important; }
.header-search__input:focus, .dayta-results__input:focus,
.contact-form__input:focus { border-color: var(--gold) !important; outline: none !important; }

.header-top__social_list--link { background: var(--ob-2) !important; color: var(--plat-dim) !important; }
.header-top__social_list--link:hover { background: var(--gold) !important; color: #0A0A0A !important; }

/* ---- cards ------------------------------------------------------------- */
.services__item, .case-item__content, .review-block, .blog-item,
.services__awards, .dayta-hit, .accordion-item, .contact-address {
  background: var(--ob-2) !important;
  border-color: var(--ob-line) !important;
}
.services__item:hover, .blog-item:hover, .dayta-hit:hover { border-color: var(--gold) !important; }
.dayta-hit { border-left-color: var(--gold) !important; }
.services__item_icon, .services__item_overlay i { color: var(--gold) !important; }

.accordion-button { background: var(--ob-2) !important; color: var(--plat) !important; }
.accordion-button:not(.collapsed) { background: var(--ob-3) !important; color: var(--gold) !important; }
.accordion-body, .accordion-body p { background: var(--ob-2) !important; color: var(--plat-dim) !important; }

.dayta-chip { background: var(--ob-2) !important; border-color: var(--ob-line) !important; color: var(--plat-dim) !important; }
.dayta-chip.is-active { background: var(--gold) !important; border-color: var(--gold) !important; color: #0A0A0A !important; }
.dayta-hit mark { background: var(--gold-soft) !important; color: var(--gold-hi) !important; }

/* ---- counters / footer ------------------------------------------------- */
.counter__item_count, .counter-number { color: var(--gold) !important; }
.footer, .footer--bg, .footer--top, .footer--bottom {
  background: var(--ob-1) !important;
  border-color: var(--ob-line) !important;
}
.footer-widget__title_heading { color: var(--plat) !important; }
.footer-widget__menu_list a, .footer__copyright_text { color: var(--plat-dim) !important; }
.footer-widget__social_list--link { background: var(--ob-3) !important; color: var(--plat-dim) !important; }
.footer-widget__social_list--link:hover { background: var(--gold) !important; color: #0A0A0A !important; }

/* ---- hero panel: shift its blue accents to gold ------------------------ */
.dayta-code__window { border-color: rgba(212, 175, 55, 0.3) !important; background: rgba(10, 10, 10, .95) !important; }
.dayta-code__caret { border-bottom-color: var(--gold) !important; }
.dayta-tab.is-active { background: var(--gold) !important; border-color: var(--gold) !important; color: #0A0A0A !important; }
.dayta-tab:hover { border-color: var(--gold) !important; }
.dayta-who__av { box-shadow: 0 0 0 2px rgba(212, 175, 55, .5) !important; }
.dayta-badge, .dayta-code__play { background: rgba(16, 16, 16, .95) !important; border-color: var(--ob-line) !important; }
.dayta-badge__icon--blue { background: var(--gold) !important; }
.dayta-badge__icon--blue svg { stroke: #0A0A0A !important; }
.dc-key { color: var(--gold-hi) !important; }
.dc-fn  { color: #E4D08A !important; }

.dayta-build, .glow { background-color: var(--ob-0) !important; }

/* ---- photos: settle them into the dark ground -------------------------- */
.slider__bg, .breadcrumb--bg, .hero-inner, .counter--bg, .contact--bg { position: relative; }
.slider__bg::after, .hero-inner::after, .counter--bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(10,10,10,.94) 0%, rgba(10,10,10,.72) 55%, rgba(10,10,10,.55) 100%);
  pointer-events: none; z-index: 0;
}
/* Lift only the content wrapper above the overlay. Targeting every child
   would re-position the theme's absolutely-placed decorative shapes into
   normal flow, which pushes the hero panel off the right of the screen. */
.slider__bg > .container-fluid, .slider__bg > .container,
.hero-inner > .container, .counter--bg > .container { position: relative; z-index: 1; }
.slider__shape { z-index: 0; }

hr, .footer--bottom-border { border-color: var(--ob-line) !important; }
::selection { background: var(--gold); color: #0A0A0A; }


/* ---- leftovers from the light theme ------------------------------------
   Specific rules in style.css that still paint blue or dark-on-dark.
------------------------------------------------------------------------- */

/* button arrows: the line, the cap and the animated "fake" cap were a mix of
   black and white, which read as two different arrows on a gold button */
.btn--primary .rt-button-line,
.btn--primary .rt-button-cap,
.btn--primary .rt-button-cap-fake path,
.btn--primary:hover .rt-button-line,
.btn--primary:hover .rt-button-cap,
.btn--common.btn--primary .rt-button-line,
.btn--common.btn--primary .rt-button-cap {
  fill: #0A0A0A !important;
  stroke: #0A0A0A !important;
}

/* tabbed "Why Choose us" strip */
.services-key__navbar_link { color: var(--plat-dim) !important; }
.services-key__navbar_link i { color: var(--plat-faint) !important; }
.services-key__navbar_link::before { background: var(--gold) !important; }
.services-key__navbar_link:hover,
.services-key__navbar_link:focus { color: var(--plat) !important; }
.services-key__navbar_link.nav-link.active { color: var(--gold) !important; }
.services-key__navbar_link.nav-link.active i { color: var(--gold) !important; }
.services-key__navbar_nav { border-bottom-color: var(--ob-line) !important; }

/* card hover overlay was solid blue */
.services__item_overlay {
  background-color: var(--gold) !important;
  color: #0A0A0A !important;
}
.services__item:hover .services__item_title a,
.services__item:hover .services__item_paragraph,
.services-key__content:hover .services__item_title a,
.services-key__content:hover .services__item_paragraph,
.services__item:hover .services-key__content_link { color: #0A0A0A !important; }
.services__item:hover .services__item_icon { color: #0A0A0A !important; }

/* the small marker bar before each eyebrow line */
.section-heading__title_small::before,
.slider-content__title_small::before,
.heading::before { background: var(--gold) !important; }

/* misc blue that survives elsewhere */
.breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before { color: var(--plat-faint) !important; }
.slick-dots li.slick-active button { background: var(--gold) !important; }
.dayta-badge__icon--amber { background: var(--gold) !important; }
.dayta-badge__icon--amber svg { stroke: #0A0A0A !important; }

/* top bar icons and social glyphs were still the old brand blue */
.header-top__info_icon i,
.header-top__info_item i,
.contact-address__item_icon i { color: var(--gold) !important; }
.header-top__social_list--link i,
.footer-widget__social_list--link i { color: inherit !important; }
.header-top__social_list--link { color: var(--plat-dim) !important; }
.header-top__social_list--link:hover i { color: #0A0A0A !important; }

/* ---- icon glyphs -------------------------------------------------------
   Flaticon paints through ::before, so colouring the <i> alone does nothing.
------------------------------------------------------------------------- */
.header-top__info_icon i::before,
.contact-address__item_icon i::before,
.services__item_icon::before,
.services-key__navbar_link i::before { color: var(--gold) !important; }

/* ---- social chips ------------------------------------------------------
   Each network shipped a pale tint plus its own brand colour, which glows
   as a bright chip on black. Neutral chip, gold on hover.
------------------------------------------------------------------------- */
.header-top__social_list .facebook,
.header-top__social_list .twitter,
.header-top__social_list .linkedin,
.footer-widget__social_list .facebook,
.footer-widget__social_list .twitter,
.footer-widget__social_list .linkedin {
  background: var(--ob-2) !important;
  border: 1px solid var(--ob-line) !important;
}
.header-top__social_list .facebook i,
.header-top__social_list .twitter i,
.header-top__social_list .linkedin i,
.footer-widget__social_list .facebook i,
.footer-widget__social_list .twitter i,
.footer-widget__social_list .linkedin i { color: var(--plat-dim) !important; }

.header-top__social_list .facebook:hover,
.header-top__social_list .twitter:hover,
.header-top__social_list .linkedin:hover,
.footer-widget__social_list .facebook:hover,
.footer-widget__social_list .twitter:hover,
.footer-widget__social_list .linkedin:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
.header-top__social_list .facebook:hover i,
.header-top__social_list .twitter:hover i,
.header-top__social_list .linkedin:hover i,
.footer-widget__social_list .facebook:hover i,
.footer-widget__social_list .twitter:hover i,
.footer-widget__social_list .linkedin:hover i { color: #0A0A0A !important; }


/* ---- history timeline ---------------------------------------------------
   The cards are hardcoded #ffffff and the connector line #f4f4f4, so on the
   dark page they read as white blocks with near-invisible grey text.
------------------------------------------------------------------------- */
.timeline-item .timeline-content {
  background-color: var(--ob-2) !important;
  border: 1px solid var(--ob-line) !important;
}
.timeline-item .timeline-content .heading,
.timeline-item .timeline-content h3,
.timeline-item .timeline-content h4 { color: var(--plat) !important; }
.timeline-item .timeline-content p,
.timeline-item .timeline-content span { color: var(--plat-dim) !important; }

/* the little pointer on the side of each card is a CSS triangle, so its
   border colour has to follow the card background */
.timeline-item--left .timeline-content::after { border-left-color: var(--ob-2) !important; }
.timeline-item--right .timeline-content::after { border-right-color: var(--ob-2) !important; }

.timeline-wrapper--line::before,
.timeline-wrapper--line::after { background-color: var(--ob-line) !important; }

.timeline-circle { background-color: var(--gold) !important; border-color: var(--gold) !important; }
.timeline-header .heading, .timeline-header h2 { color: var(--gold) !important; }

/* ---- last of the light-theme blue -------------------------------------
   These live here rather than in the base sheet, so switching to light
   restores the original blue automatically.
------------------------------------------------------------------------- */

/* rule under "Over [N] Customers" */
.about-content__title { border-bottom-color: var(--gold) !important; }

/* the years-of-experience badge over the photo */
.about-content__experience {
  background: var(--gold) !important;
  color: #0A0A0A !important;
}
.about-content__experience_years,
.about-content__experience_title,
.about-content__experience_title span { color: #0A0A0A !important; }
.about-content__experience_years::after { background-color: rgba(10, 10, 10, .35) !important; }

/* back-to-top: the arrow glyph and the progress ring around it */
.progress-wrap::after { color: var(--gold) !important; }
.progress-wrap svg.progress-circle path { stroke: var(--gold) !important; }
.progress-wrap {
  background: var(--ob-1) !important;
  box-shadow: inset 0 0 0 2px var(--ob-line) !important;
}


/* =========================================================================
   Site-wide sweep: every rule in style.css that hardcodes the theme blue,
   remapped to gold. Generated from style.css rather than hand-listed, so
   nothing on the inner pages gets missed.
   ========================================================================= */

/* foreground: text, icons, strokes (92 rules) */
.about-agency__right .list ul li i::before { color: var(--gold) !important; stroke: var(--gold) !important; }
.blog-details .blog-arrow .link:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.blog-details .blog-comment .comment .blog-author__content .title button:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.blog-details .meta li { color: var(--gold) !important; stroke: var(--gold) !important; }
.blog-item--software .content .tags a { color: var(--gold) !important; stroke: var(--gold) !important; }
.blog-item__date { color: var(--gold) !important; stroke: var(--gold) !important; }
.blog-item__list i { color: var(--gold) !important; stroke: var(--gold) !important; }
.border-primary { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn--link { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn--link path.rt-button-cap { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn--white { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn--white path.rt-button-cap { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn--white:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-link { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-outline-primary { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-outline-primary:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-primary { color: var(--gold) !important; stroke: var(--gold) !important; }
.btn-primary:disabled, .btn-primary.disabled { color: var(--gold) !important; stroke: var(--gold) !important; }
.business-item__content .link { color: var(--gold) !important; stroke: var(--gold) !important; }
.business-item__content .number { color: var(--gold) !important; stroke: var(--gold) !important; }
.careers-block .job-button .btn { color: var(--gold) !important; stroke: var(--gold) !important; }
.case-choose:hover .case-choose__content .heading a { color: var(--gold) !important; stroke: var(--gold) !important; }
.case-choose__content .link { color: var(--gold) !important; stroke: var(--gold) !important; }
.case-details__mover .mover .link:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.case-details__mover .mover .link:hover i, .case-details__mover .mover .link:hover h3, .case-details__mover .mover .link:hover .h3 { color: var(--gold) !important; stroke: var(--gold) !important; }
.case-menu button.active { color: var(--gold) !important; stroke: var(--gold) !important; }
.case-modern__image .link { color: var(--gold) !important; stroke: var(--gold) !important; }
.counter__modern .counter-number { color: var(--gold) !important; stroke: var(--gold) !important; }
.counter__startup .counter-number { color: var(--gold) !important; stroke: var(--gold) !important; }
.featured-agency .article .link:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.featured-agency .header .icon { color: var(--gold) !important; stroke: var(--gold) !important; }
.footer-menu--modern > ul > li > a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.footer-widget--software__menu ul li a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.footer__copyright_text a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.form-check-input:checked { color: var(--gold) !important; stroke: var(--gold) !important; }
.form-check-input[type="checkbox"]:indeterminate { color: var(--gold) !important; stroke: var(--gold) !important; }
.fullpage-service .content .title--small { color: var(--gold) !important; stroke: var(--gold) !important; }
.header-right--agency ul li .search--circle > a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.header-right--agency ul li .search--startup > a { color: var(--gold) !important; stroke: var(--gold) !important; }
.header-top__info_icon i::before { color: var(--gold) !important; stroke: var(--gold) !important; }
.link-primary { color: var(--gold) !important; stroke: var(--gold) !important; }
.list-group-item.active { color: var(--gold) !important; stroke: var(--gold) !important; }
.main-menu__nav ul li:hover > a { color: var(--gold) !important; stroke: var(--gold) !important; }
.nav-link { color: var(--gold) !important; stroke: var(--gold) !important; }
.offcanvas-full .close-btn:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-footer .offcanvas-social li a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.offcanvas-menu-wrap .offcanvas-content .offcanvas-nav .nav-item a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.offscreen-navigation .menu > li a.animation.opened { color: var(--gold) !important; stroke: var(--gold) !important; }
.offscreen-navigation .sub-menu li > a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.page-breadcrumb .breadcrumb .breadcrumb-item a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.page-item.active .page-link { color: var(--gold) !important; stroke: var(--gold) !important; }
.page-link { color: var(--gold) !important; stroke: var(--gold) !important; }
.price-item:hover .price-item__button { color: var(--gold) !important; stroke: var(--gold) !important; }
.price-item__button { color: var(--gold) !important; stroke: var(--gold) !important; }
.price-item__price { color: var(--gold) !important; stroke: var(--gold) !important; }
.primary-text-color { color: var(--gold) !important; stroke: var(--gold) !important; }
.progress-wrap svg.progress-circle path { color: var(--gold) !important; stroke: var(--gold) !important; }
.progress-wrap:after { color: var(--gold) !important; stroke: var(--gold) !important; }
.review--active .slick-arrow { color: var(--gold) !important; stroke: var(--gold) !important; }
.rt-card .blog-list li a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.rt-card.search-box .search-form-box .form-group button { color: var(--gold) !important; stroke: var(--gold) !important; }
.section-heading__title_medium a svg { color: var(--gold) !important; stroke: var(--gold) !important; }
.section-heading__title_small { color: var(--gold) !important; stroke: var(--gold) !important; }
.section-software__title_big span { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-about article .link path.rt-button-cap { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-about article .link path.rt-button-line { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-about article .link path.rt-button-line:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-about article .link:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-about header .icon::before { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-item .btn:hover path.rt-button-cap { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-item:hover .btn { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-item:hover .btn path.rt-button-cap { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-item:hover .header .heading a { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-key__content_link { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-key__navbar_link.nav-link.active { color: var(--gold) !important; stroke: var(--gold) !important; }
.services-software__header .icon { color: var(--gold) !important; stroke: var(--gold) !important; }
.services__details .content .list ul li i { color: var(--gold) !important; stroke: var(--gold) !important; }
.services__item--modern:hover .icon-box .icon { color: var(--gold) !important; stroke: var(--gold) !important; }
.services__item_icon { color: var(--gold) !important; stroke: var(--gold) !important; }
.services__sidebar .brouchers .item .brouchers-icon i { color: var(--gold) !important; stroke: var(--gold) !important; }
.services__sidebar .person .social ul li:hover a { color: var(--gold) !important; stroke: var(--gold) !important; }
.solution-tab .featured-agency .header .icon { color: var(--gold) !important; stroke: var(--gold) !important; }
.sticky-on.sticky .header-right--agency ul li .search a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.sticky-on.sticky .main-menu--agency nav > ul > li > a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.sticky-on.sticky .main-menu--light nav ul li a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }
.template-search .animation-shape-lines { color: var(--gold) !important; stroke: var(--gold) !important; }
.template-search .close { color: var(--gold) !important; stroke: var(--gold) !important; }
a { color: var(--gold) !important; stroke: var(--gold) !important; }
a, a:active, a:focus { color: var(--gold) !important; stroke: var(--gold) !important; }
a:hover { color: var(--gold) !important; stroke: var(--gold) !important; }

/* borders (10 rules) */
.about-content__title { border-color: var(--gold) !important; }
.btn--border:hover, .btn--border:focus { border-color: var(--gold) !important; }
.loader .cssload-inner.cssload-one { border-color: var(--gold) !important; }
.loader .cssload-inner.cssload-three { border-color: var(--gold) !important; }
.loader .cssload-inner.cssload-two { border-color: var(--gold) !important; }
.price-item--agency:hover { border-color: var(--gold) !important; }
.price-item__button { border-color: var(--gold) !important; }
.review--active .slick-arrow { border-color: var(--gold) !important; }
.review--active .slick-arrow:hover { border-color: var(--gold) !important; }
.tech-software:hover { border-color: var(--gold) !important; }

/* filled surfaces - dark text, because white on gold fails contrast (61 rules) */
.about-content__experience { background-color: var(--gold) !important; color: #0A0A0A !important; }
.about-image--modern .shape { background-color: var(--gold) !important; color: #0A0A0A !important; }
.about-skill .progress-bar { background-color: var(--gold) !important; color: #0A0A0A !important; }
.about-skill .progress-bar::after { background-color: var(--gold) !important; color: #0A0A0A !important; }
.blog-item__tags { background-color: var(--gold) !important; color: #0A0A0A !important; }
.btn--hover:hover, .btn--hover:focus { background-color: var(--gold) !important; color: #0A0A0A !important; }
.btn--primary { background-color: var(--gold) !important; color: #0A0A0A !important; }
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { background-color: var(--gold) !important; color: #0A0A0A !important; }
.btn-outline-primary:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.btn-primary { background-color: var(--gold) !important; color: #0A0A0A !important; }
.btn-primary:disabled, .btn-primary.disabled { background-color: var(--gold) !important; color: #0A0A0A !important; }
.business-item:nth-child(odd) .business-item__content:hover::after { background-color: var(--gold) !important; color: #0A0A0A !important; }
.business-item__content:hover .number { background-color: var(--gold) !important; color: #0A0A0A !important; }
.business-item__content:hover::after { background-color: var(--gold) !important; color: #0A0A0A !important; }
.careers-block .job-button .btn:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.case-item:hover .case-item__content { background-color: var(--gold) !important; color: #0A0A0A !important; }
.case-modern__image .link:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.contact-form__button { background-color: var(--gold) !important; color: #0A0A0A !important; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--gold) !important; color: #0A0A0A !important; }
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { background-color: var(--gold) !important; color: #0A0A0A !important; }
.faq-accordion .accordion-item .accordion-header .accordion-button { background-color: var(--gold) !important; color: #0A0A0A !important; }
.feature-block:hover .feature-block__content::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.footer-menu--modern > ul > li > a::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.footer-widget--software__menu ul li a::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.footer-widget__title_heading::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.form-check-input:checked { background-color: var(--gold) !important; color: #0A0A0A !important; }
.form-check-input[type="checkbox"]:indeterminate { background-color: var(--gold) !important; color: #0A0A0A !important; }
.form-range::-moz-range-thumb { background-color: var(--gold) !important; color: #0A0A0A !important; }
.form-range::-webkit-slider-thumb { background-color: var(--gold) !important; color: #0A0A0A !important; }
.list-group-item.active { background-color: var(--gold) !important; color: #0A0A0A !important; }
.main-menu__nav ul li a::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.main-menu__nav ul li:hover > a::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--gold) !important; color: #0A0A0A !important; }
.newsletter__form_input button { background-color: var(--gold) !important; color: #0A0A0A !important; }
.offcanvas-menu-wrap .close-btn { background-color: var(--gold) !important; color: #0A0A0A !important; }
.page-item.active .page-link { background-color: var(--gold) !important; color: #0A0A0A !important; }
.price-item::before, .price-item::after { background-color: var(--gold) !important; color: #0A0A0A !important; }
.price-item:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.primary-bg-color { background-color: var(--gold) !important; color: #0A0A0A !important; }
.progress-bar { background-color: var(--gold) !important; color: #0A0A0A !important; }
.project-item .image__link:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.review--active .slick-arrow:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.review-agency .content .quote { background-color: var(--gold) !important; color: #0A0A0A !important; }
.review-software__content .paragraph::after { background-color: var(--gold) !important; color: #0A0A0A !important; }
.rt-card .download-area .icon-part a { background-color: var(--gold) !important; color: #0A0A0A !important; }
.rt-pagination .pagination .page-item .page-link:hover, .rt-pagination .pagination .page-item .page-link:focus { background-color: var(--gold) !important; color: #0A0A0A !important; }
.section-heading__title_small::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.service-modern--block:hover .services-item--modern { background-color: var(--gold) !important; color: #0A0A0A !important; }
.services-item--modern:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.services-key__navbar_link::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.services__details .image .icon { background-color: var(--gold) !important; color: #0A0A0A !important; }
.services__item_overlay { background-color: var(--gold) !important; color: #0A0A0A !important; }
.sidebar-button { background-color: var(--gold) !important; color: #0A0A0A !important; }
.slider-content__title_small::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.social ul li a:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.solution-tab .featured-agency:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.tag-list .tag-link:hover { background-color: var(--gold) !important; color: #0A0A0A !important; }
.template-search .animation-shape-lines::before, .template-search .animation-shape-lines::after { background-color: var(--gold) !important; color: #0A0A0A !important; }
.template-search .search-form .search-btn { background-color: var(--gold) !important; color: #0A0A0A !important; }
.timeline-item .timeline-circle::before { background-color: var(--gold) !important; color: #0A0A0A !important; }
.video .video-link { background-color: var(--gold) !important; color: #0A0A0A !important; }

/* white surfaces that are not blue, so the sweep above would not catch them */
.about-image__agency_small,
.about-image__agency_big { background: var(--ob-2) !important; }

/* the search control is a transparent icon button in the theme, not a filled
   one - a solid gold square next to the input reads as a broken image */
.header-search__button {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--gold) !important;
}
.header-search__button:hover { color: var(--gold-hi) !important; }
.header-search__button i, .header-search__button i::before { color: inherit !important; }

/* dropdown caret is a glyph, so colour it - never give it a background */
.main-menu__nav_sub a::after {
  background: none !important;
  background-color: transparent !important;
  color: var(--gold) !important;
}

/* ---- mobile menu button -------------------------------------------------
   The theme paints .sidebar-button a solid blue slab; the sweep turned that
   into a solid gold slab, which shouts. Make it a quiet outlined icon button
   instead. Dark theme only, so the light theme keeps its original look.
------------------------------------------------------------------------- */
.sidebar-button {
  background: transparent !important;
  border: 1px solid rgba(212, 175, 55, .45) !important;
  border-radius: 8px !important;
  color: var(--gold) !important;
  width: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto;
}
.sidebar-button:hover { background: rgba(212, 175, 55, .12) !important; }
.sidebar-button span,
.sidebar-button i,
.sidebar-button i::before,
.sidebarBtn, .sidebarBtn span { color: var(--gold) !important; }
.mean-bar { background: transparent !important; }

/* Must sit here, after the .sidebar-button block above: that rule sets
   display:inline-flex !important, and this file loads after dayta.css, so the
   desktop hide has to be repeated here to win. */
@media (min-width: 1200px) {
  .sidebar-button, .sidebarBtn { display: none !important; }
}

/* ---- project tile hover -------------------------------------------------
   The theme paints the caption blue on hover and forces its text white. The
   sweep made that background gold, so white text vanished on it. Anything on
   a gold panel has to be obsidian.
------------------------------------------------------------------------- */
.case-item:hover .case-item__content h5,
.case-item:hover .case-item__content .h5,
.case-item:hover .case-item__content h5 a,
.case-item:hover .case-item__content .h5 a,
.case-item:hover .case-item__content .text-white,
.case-item:hover .case-item__content span,
.case-item__content h5:hover a,
.case-item__content .h5:hover a { color: #0A0A0A !important; }