/**
 * buttons-secondary.css
 * 
 * Secondary buttons do not have a color fill: they are outlined with a border.
 * 
 * There are 2 different colors in use, and each of those colors has a hovered variant. Secondary buttons revert to gray when disabled.
 * 
 * Index
 * - Secondary 1: Active (#2375BB) and Hovered (#005394)
 * - Secondary 2: Active (#CD470A) and Hovered (#AB3F02)
 * - Disabled (#DDDDDD)
 * 
 */

/*-----------------------------------------------------------------------
# Secondary 1: Active (#2375BB) and Hovered (#005394)
------------------------------------------------------------------------*/

.btn-secondary-1, 
.btn-secondary-1 {
  background: #FFFFFF;
  border: 1px solid #2375BB;
  color: #2375BB;
}

.btn-secondary-1:link, 
.btn-secondary-1:visited {
  background: #FFFFFF;
  border: 1px solid #2375BB;
  color: #2375BB;
}
.btn-secondary-1:hover,
.btn-secondary-1.hover,
.btn-secondary-1.hover:hover,
.btn-secondary-1:active {
  border: 1px solid #005394;
  color: #005394;
}

/*-----------------------------------------------------------------------
# Secondary 2: Active (#CD470A) and Hovered (#AB3F02)
------------------------------------------------------------------------*/

.btn-secondary-2:link, 
.btn-secondary-2:visited {
  background: #fff;
  border: 1px solid #CD470A;
  color: #CD470A;
}

.btn-secondary-2:hover,
.btn-secondary-2.hover,
.btn-secondary-2.hover:hover,
.btn-secondary-2:active {
  border: 1px solid #AB3F02;
  color: #AB3F02;
}

/*-----------------------------------------------------------------------
# Disabled (#DDDDDD)
------------------------------------------------------------------------*/

.btn-secondary-1:disabled,
.btn-secondary-1:disabled:hover,
.btn-secondary-1[disabled="disabled"],
.btn-secondary-1[disabled="disabled"]:hover,
.btn-secondary-2:disabled,
.btn-secondary-2:disabled:hover,
.btn-secondary-2[disabled="disabled"],
.btn-secondary-2[disabled="disabled"]:hover {
  border: 1px solid #DDDDDD;
  color: #DDDDDD;
}