/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Brand token */
:root { --brand-orange: #ff8d10; }

.button.button-orange,
.button.button-orange:focus {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fff !important;
  text-decoration: none;
}

.button.button-orange:hover { filter: brightness(0.95); color:#fff !important; }
.button.button-orange:active { filter: brightness(0.9); color:#fff !important; }

/* Force all secondary CTAs to orange */
a.btn.btn-secondary,
.btn.btn-secondary {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
  color: #fff !important;
  text-decoration: none !important;
}
a.btn.btn-secondary:hover,
.btn.btn-secondary:hover,
a.btn.btn-secondary:focus,
.btn.btn-secondary:focus {
  filter: brightness(0.95);
  color: #fff !important;
}
a.btn.btn-secondary:active,
.btn.btn-secondary:active {
  filter: brightness(0.9);
  color: #fff !important;
}
