/* Project branding overrides for MediaCMS. */
:root {
  --brand-primary: #ab1979;
  --brand-primary-dark: #8d1464;
  --brand-primary-soft: #f7d7ea;
}

a,
.link,
.page-link,
.nav-link:hover,
.nav-link:focus,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--brand-primary);
}

.btn-primary,
.badge-primary,
.page-item.active .page-link,
.pagination > .active > a,
.pagination > .active > span,
input[type="submit"],
button.primaryAction,
.primaryAction {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
input[type="submit"]:hover,
button.primaryAction:hover,
.primaryAction:hover {
  background-color: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}

.btn-primary:focus,
.page-link:focus,
.form-control:focus,
.custom-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 0.2rem rgba(171, 25, 121, 0.2);
}

.navbar,
.top-header,
.header,
.site-header {
  border-bottom-color: var(--brand-primary-soft);
}

.progress-bar,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.selection,
::selection {
  background: var(--brand-primary-soft);
  color: #1f1720;
}