/* Brand color overrides */
:root {
  --brand-green: #0ba14b;
  --brand-green-dark: #087d3a;
}

/* Main buttons and actions */
a.btn_1,
.btn_1,
a.btn_full,
.btn_full,
a.btn_contact,
.btn_contact,
.button-back,
.button-next,
input[type="submit"].finish,
a.call_us_bt {
  background: var(--brand-green) !important;
}

a.btn_1:hover,
.btn_1:hover,
a.btn_full:hover,
.btn_full:hover,
a.btn_contact:hover,
.btn_contact:hover,
.button-back:hover,
.button-next:hover,
input[type="submit"].finish:hover,
a.call_us_bt:hover {
  background: var(--brand-green-dark) !important;
}

a.btn_1.outline,
.btn_1.outiline,
input .btn_1.outiline {
  border-color: var(--brand-green) !important;
}

a.btn_1.outline:hover,
.btn_1.outiline:hover,
input .btn_1.outiline:hover {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
}

/* Accent links/text/icons */
a#phone_top,
ul#top_links a:hover,
#address_footer:before,
#phone_footer:before,
#email_footer:before,
.phone_feat a,
.box_quote h3 strong,
ul.list_ok li:before,
ul.list_2 li:before,
.bg_content div a i,
#social_footer ul li a:hover {
  color: var(--brand-green) !important;
}

/* Accent backgrounds and borders */
#get_quote,
.stepy-titles .current-step,
.form_title h3 strong,
body#confirmation {
  background: var(--brand-green) !important;
}

figure.animated,
img.img-fluid.border,
.box_style_4 {
  border-color: var(--brand-green) !important;
}

/* Slider and other accent dots */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--brand-green) !important;
}

/* Active menu item visibility */
.main-menu > ul > li > a.active {
  color: var(--brand-green) !important;
}

@media (min-width: 992px) {
  .main-menu > ul > li > a.active {
    box-shadow: inset 0 -2px 0 var(--brand-green);
  }
}

@media (max-width: 991px) {
  .main-menu ul li a.active {
    background-color: #eef8f2;
    color: var(--brand-green) !important;
    font-weight: 700;
  }
}

/* Home services: keep equal vertical rhythm between left/right items */
@media (min-width: 992px) {
  #feat_home .row > [class*="col-"] {
    display: flex;
  }

  #feat_home .box_feat {
    width: 100%;
    min-height: 108px;
    margin-bottom: 22px;
  }
}