/******* COE ALERT *********/
.coe-alert {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
p.coe-alert {
    max-width: 100% !important;
}
.coe-alert-primary {
  color: #004085;
  background-color: #D0E0EA;
  border-color: #B6D0E2;
}
.coe-alert-secondary {
  color: #444444;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.coe-alert-secondary-alt {
  color: #383d41;
  background-color: #ffffff;
  border-color: #d6d8db;
}
.coe-alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.coe-alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.coe-alert-warning {
  color: #444444;
  background-color: #fff3cd;
  border-color: #ffeeba;

}
.coe-alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.coe-alert p:last-child, .coe-callout p:last-child {
    margin-bottom: 0;
}

/******* COE CALLOUT *********/
.coe-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #c6c8ca;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.coe-callout-primary {
  border-left-color: #47B0E0;
}
.coe-callout-secondary {
  border-left-color: #d6d8d9;
}
.coe-callout-success {
  border-left-color: #66B677;
}
.coe-callout-danger {
  border-left-color: #CF464D;
}
.coe-callout-warning {
  border-left-color: #F4D043;
}

.coe-callout a[href^="mailto:"] {
  word-wrap: break-word;
}
 

/******* LINK ICONS *********/
a.no-external-icon:before {
    content: none !important;
}

/******* CHEVRONS *********/
.chevron::before {
  border-style: solid;
  border-width: 0.40em 0.40em 0 0;
  content: '';
  display: inline-block;
  height: .9em;
  width: .9em;
  left: 120px;
  position: relative;
  top: 30px;
  transform: rotate(-45deg);
  vertical-align: top;
}

.chevron.right:before {
  transform: rotate(45deg);
}

.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg);
}

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
}
.step-container a {
  color: #fff;
  line-height: 0.9em;
  font-size: 0.9em;
  font-weight: 500;
}
.step {
  display: inline-block;
  background-color: #005087;
  min-height: 70px;
  max-height: 70px;
  min-width: 145px;
  max-width: 145px;
  position: relative;
}
div.step span {
  float: left;
}
.step-name {
  width: 80%;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
a:hover .one {

}
a.one div{
  background-color: #93aac5;
}
a.one:hover div, a.two:hover div, a.three:hover div, a.four:hover div, a.five:hover div{
  filter: brightness(75%);
}
a.two div{
  background-color: #6187b5;
}
a.three div{
  background-color: #28589a;
}
a.four div{
  background-color: #244f7d;
}
a.five div {
  background-color: #123c76;
}


/******* QUOTE STYLES *********/
.pull-quote {
    font-family: prelo, arial, sans-serif;
    font-size: 1.15em;
    line-height: 1.4em;
    font-weight: 300;
    margin-top: 10px;
}



/******* PILLS *********/
span.pill-green, span.pill-blue {
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  font-weight: bold;
  border-radius: 7px;
  font-size: .9em;
}
span.pill-green {
  background: #3E844B;
}

span.pill-blue {
    background: #005087;

}