﻿.tile-link a {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1;                 /* .button-secondary base has no line-height, so .button's wins */
  font-weight: 600;               /* .button (600) overrides the earlier text-preset .button (400) */
  color: #fff;
  text-transform: uppercase;
  font-family: "myriad-pro-condensed", sans-serif;
  padding: .85em 1em;
  margin: 0;
  letter-spacing: .25px;
  text-decoration: none;
  border: 0;                      /* from .button-secondary */
  outline: 1px solid #fff;        /* from .button-secondary */
  background: #1f5383;            /* .button-secondary's shorthand overrides .button's background-color:#041e42 */
}

.tile-link a:hover,
.tile-link a:focus,
.tile-link a:active {
  background: #fff;               /* .button-secondary:hover overrides .button:hover's background-color:#1f5383 */
  color: #1f5383 !important;
   outline: 1px solid #1f5383;
  box-shadow: inset 0 0 0 4px white, 0 0 1px transparent;
}

#main-content > div > div > div > div:nth-child(2) > div > div.grid-x.tile-rows.large-up-1.align-center.horizontal-columns > div > div > div.cell.tile-text-wrapper.flex-container.flex-dir-column.large-order-1 > div.flex-child-shrink.tile-link > a:not(:hover):not(:focus):not(:active) { background-color: #46474a;
}