.default-card {
  box-shadow: 0px 0px 10px #aaa; }
  .default-card .card-image {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background-color: #eee; }
    .default-card .card-image.bg-default {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .default-card .card-image.bg-fit {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .default-card .card-image.bg-stretch {
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat; }
    .default-card .card-image.bg-tile {
      background-size: 120px;
      background-position: center; }
    .default-card .card-image .focuspoint {
      position: absolute;
      width: 100%; }
    .default-card .card-image .card-icon {
      position: absolute;
      bottom: -12px;
      right: 30px;
      padding: 1rem;
      background-color: #00385F;
      display: inline-block; }
      .default-card .card-image .card-icon i {
        color: #fff;
        font-size: 2.4rem; }
  .default-card .card-inner {
    padding: 2rem 1.6rem; }
    .default-card .card-inner h2 {
      margin: 0;
      color: #00385F;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1.4rem; }
      .default-card .card-inner h2 .title-icon {
        display: none; }
      .default-card .card-inner h2 a {
        color: inherit; }
        .default-card .card-inner h2 a:hover {
          text-decoration: none;
          color: #325F7E; }
        .default-card .card-inner h2 a img {
          margin-top: -5px;
          width: 15px;
          margin-right: 0.2rem; }
          .default-card .card-inner h2 a img:hover {
            opacity: 0.8; }
        .default-card .card-inner h2 a i {
          margin-right: 0.2rem; }
    .default-card .card-inner h3 {
      margin: 0;
      text-transform: uppercase;
      font-weight: 500;
      padding-top: 0.6rem;
      font-size: 0.8rem;
      color: #888;
      border-bottom: none; }
      .default-card .card-inner h3 span {
        max-width: 50%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .default-card .card-inner p {
      margin: 0;
      padding-top: 1.2rem;
      font-size: 0.8rem;
      color: #555; }
  .default-card .card-link {
    background-color: #00385F;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 1rem 0.4rem; }
    .default-card .card-link:hover {
      text-decoration: none;
      background-color: #325F7E; }

.default-card.card-sm {
  position: relative; }
  .default-card.card-sm .card-image {
    padding-bottom: 33.33%; }
    .default-card.card-sm .card-image .card-icon {
      display: none; }
  .default-card.card-sm .card-inner {
    padding: 1.4rem 1.2rem; }
    .default-card.card-sm .card-inner h2 {
      font-size: 1rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .default-card.card-sm .card-inner h2 .title-icon {
        display: inline-block; }
    .default-card.card-sm .card-inner h3 {
      padding-top: 0.2rem; }
    .default-card.card-sm .card-inner p {
      font-size: 0.7rem;
      padding-right: 1em; }
    .default-card.card-sm .card-inner hr {
      margin: 0.6em 0; }
  .default-card.card-sm .card-link {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #22feab;
    width: auto;
    color: #00385F;
    padding: 0.2rem 0.8rem; }
    .default-card.card-sm .card-link i {
      font-size: 2em;
      position: relative;
      top: 0.06em;
      left: 0.06em; }

@media only screen and (min-width: 768px) {
  div > .default-card.card-lg {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    float: left; }
    div > .default-card.card-lg:nth-child(2n) {
      margin-right: 0; }

  div > .default-card.card-sm {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    float: left; }
    div > .default-card.card-sm:nth-child(2n) {
      margin-right: 0; }

  .home-page-news-stubs .card-col-1 {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    float: left; }
    .home-page-news-stubs .card-col-1 > .default-card.card-lg {
      width: 100%;
      margin-right: 0%;
      margin-bottom: 0%;
      min-height: 100%;
      float: left; }
      .home-page-news-stubs .card-col-1 > .default-card.card-lg:nth-child(2n) {
        margin-right: 0; }
  .home-page-news-stubs .card-col-2 {
    width: 48%;
    margin-bottom: 4%;
    float: left; }
    .home-page-news-stubs .card-col-2 > .default-card.card-sm {
      width: 100%;
      margin-right: 0%;
      margin-bottom: 0%;
      float: left;
      height: 305px; }
      .home-page-news-stubs .card-col-2 > .default-card.card-sm:nth-child(2n-1) {
        margin-bottom: 8%; }
      .home-page-news-stubs .card-col-2 > .default-card.card-sm:nth-child(2n) {
        margin-right: 0; } }
@media only screen and (max-width: 768px) {
  div > .default-card.card-lg {
    width: 100%;
    margin-bottom: 4%;
    float: left; }

  div > .default-card.card-sm {
    width: 100%;
    margin-bottom: 4%;
    float: left; }

  .home-page-news-stubs .card-col-1 {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 0%; }
  .home-page-news-stubs .card-col-2 {
    width: 100%;
    margin-bottom: 0%; } }
@media only screen and (max-width: 480px) {
  div > .default-card.card-lg {
    margin-bottom: 8%; }

  div > .default-card.card-sm {
    margin-bottom: 8%; } }

/*# sourceMappingURL=card.css.map */