.cta-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.27) 0 2px 10 0;
          box-shadow: rgba(0, 0, 0, 0.27) 0 2px 10 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none; }
  .cta-card:hover, .cta-card:focus {
    outline: solid #ffba74 1px; }

.cta-card--green:hover, .cta-card--green:focus {
  outline: solid #A6AA70 1px; }

.cta-card--green .cta-card__icon {
  background-color: #898D3E; }

.cta-card--green .cta-card__footer {
  background-color: var(--accent-color, var(--primary-color, #898D3E)); }

.cta-card__icon {
  background-color: #FE9D30;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 3em;
  margin: 0 auto 1em;
  width: 3em; }
  .cta-card__icon use {
    fill: #fff; }

.cta-card__content {
  max-width: 100%;
  padding: 1.875rem 1.25rem;
  position: relative;
  text-align: center;
  z-index: 1; }
  @media (min-width: 786px) {
    .cta-card__content {
      padding: 2.5rem 1.875rem; } }
  @media (min-width: 1280px) {
    .cta-card__content {
      padding: 3.125rem 2.5rem; } }

.cta-card__title {
  font-size: 1.28125rem;
  line-height: 1.1;
  color: #485557;
  font-weight: 700;
  margin-bottom: 1em; }
  @media (min-width: 786px) {
    .cta-card__title {
      font-size: 1.54688rem; } }
  @media (min-width: 1280px) {
    .cta-card__title {
      font-size: 1.875rem;
      color: #485557 !important; } }

.cta-card__subtitle {
  font-size: 1.01875rem;
  color: #737f81;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1em; }
  @media (min-width: 786px) {
    .cta-card__subtitle {
      font-size: 1.04062rem; } }
  @media (min-width: 1280px) {
    .cta-card__subtitle {
      font-size: 1.125rem;
      color: #485557 !important; } }

.cta-card__footer {
  font-size: 1.15rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  background-color: var(--accent-color, var(--primary-color, #FE9D30));
  color: #fff;
  display: block;
  font-weight: 400;
  margin-top: auto;
  padding: .5em 1em;
  text-align: center;
  min-height: 80px; 
}
  @media (min-width: 786px) {
    .cta-card__footer {
      font-size: 1.29375rem; } }
  @media (min-width: 1280px) {
    .cta-card__footer {
      font-size: 1.5rem; } }

.ghm-page .cta-card__footer {
  background-color: var(--accent-color, var(--primary-color, #729abd)); }