.primary_bg { background-color: #6b5f95 }
.primary_cl { color: #6b5f95 }
.primary_bd { border-color: #6b5f95 }
.secondary_bg { background-color: #00c4cc }
.secondary_cl { color: #00c4cc }
.secondary_bd { border-color: #00c4cc }
.primary_bg_important, .primary_bg_hover:hover { background-color: #6b5f95 !important}
.primary_cl_important, .primary_cl_hover:hover { color: #6b5f95 !important}
.primary_bd_important, .primary_bd_hover:hover { border-color: #6b5f95 !important}
.secondary_bg_important, .secondary_bg_hover:hover { background-color: #00c4cc !important}
.secondary_cl_important, .secondary_cl_hover:hover { color: #00c4cc !important}
.secondary_bd_important, .secondary_bd_hover:hover { border-color: #00c4cc !important}

.custom-gradient {
  background: linear-gradient(#6b5f95, #00c4cc);
}
a.card__link:hover {color: #6b5f95}
.primary__link { color: #6b5f95 }
.primary__link:hover, .primary__link:focus { color: #554b76 }
.primary__button { background-color: #6b5f95 }
.primary__button:hover, .primary__button:focus { background-color: #554b76 }

.button.primary__button[disabled],
.button.primary__button.disabled {
  opacity: 0.4;
  background-color: #6b5f95;
}
.button.primary__button[disabled]:hover,
.button.primary__button.disabled:hover {
  opacity: 0.4;
  background-color: #6b5f95;
}
.button.primary__button[disabled]:focus,
.button.primary__button.disabled:focus {
  opacity: 0.4;
  background-color: #6b5f95;
}

.secondary__bg { background-color: #00c4cc }
.track-card__preview { background-color: #6b5f95 }

.track--in-progress {
  border-top: 7px #6b5f95 solid; //#77c278; /*Will match track 'color'*/
}

.track--completed {
  border-top: 7px #6b5f95 solid; //#77c278;/*Will match track 'color'*/
}

.upload-media__link:hover {
  color: #00c4cc
}

.track-footer {
  background-color: #6b5f95

}

.customize-dashboard-mode .cell:hover {
  border: 1px solid #6b5f95;
  background-color: rgba(107, 95, 149, 0.1);
}

.ec-object:hover {
  border: 1px solid #6b5f95;
  background-color: rgba(107, 95, 149, 0.1);
}

span.edit-attachment:hover {
  color: #6b5f95;
}

input:checked ~ .switch-paddle {
  background-color: #6b5f95;
}

.post-type__nav .is-active {
  border-bottom: 5px solid #00c4cc;
}

.channels__link.is-active {
  color: #6b5f95;
}

.highlighted-post {
  border-top-color: #00c4cc;
}

.channels-menu__link.is-active {
  border-left-color: #00c4cc;
}

.notification__prize--available {
	background: #6b5f95;
}

.order-details__td {
	border-left: 2px solid #6b5f95;
}

.c-image--hero{
	background-color: #00f5ff;
}
/* CUSTOM STYLES BELOW */

.c-app-icon {
  border: 1px solid #00c4cc;

  @include breakpoint(medium) {
    border: 2px solid #00c4cc;
  }
}

.filter_active {
  background-color: #6b5f95 !important;
}

.filter_active:hover {
  border: 1px solid #6b5f95;
}
