/* Malli: @include icon($facebook)*/
.horizontal-card {
  display: block;
  text-decoration: none;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
  background-color: #585858;
  border-top: 0rem solid #585858;
  border-bottom: 0rem solid #585858;
  border-left: 0rem solid #585858;
  border-right: 0rem solid #585858;
  box-shadow: none;
  transition: all 0.2s; }
  .horizontal-card:hover, .horizontal-card:active, .horizontal-card:focus {
    text-decoration: none;
    box-shadow: none; }
    .horizontal-card:hover .horizontal-card-image-wrapper .horizontal-card-image-container, .horizontal-card:active .horizontal-card-image-wrapper .horizontal-card-image-container, .horizontal-card:focus .horizontal-card-image-wrapper .horizontal-card-image-container {
      transform: scale(1.08); }
  .horizontal-card:hover .horizontal-card-content-wrapper .horizontal-card-title, .horizontal-card:active .horizontal-card-content-wrapper .horizontal-card-title, .horizontal-card:focus .horizontal-card-content-wrapper .horizontal-card-title {
    color: #222222; }
  .horizontal-card .horizontal-card-image-wrapper {
    height: 100%;
    min-height: 15.625rem;
    position: relative;
    overflow: hidden;
    background-color: #f2f2f2;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  @media screen and (max-width: 47.9375em) {
    .horizontal-card .horizontal-card-image-wrapper {
      border-radius: 0;
      height: 15.625rem; } }
@media screen and (max-width: 31.1875em) {
  .horizontal-card .horizontal-card-image-wrapper {
    height: 12.5rem; } }
.horizontal-card .horizontal-card-image-wrapper .horizontal-card-image-container {
  transition: transform 1.3s;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
.horizontal-card .horizontal-card-content-wrapper {
  height: 100%;
  min-height: 15.625rem;
  padding-top: 1.875rem;
  padding-bottom: 2.1875rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  text-align: center;
  display: flex;
  align-items: center; }
@media screen and (max-width: 63.9375em) {
  .horizontal-card .horizontal-card-content-wrapper {
    padding: 1.5625rem 2.5rem 1.875rem 2.5rem; } }
@media screen and (max-width: 31.1875em) {
  .horizontal-card .horizontal-card-content-wrapper {
    padding: 1.5625rem 1.5625rem 1.875rem 1.5625rem; } }
.horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-title {
  margin: 0 0 0.625rem 0;
  color: #222222;
  text-align: left; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-title:last-child {
    margin-bottom: 0; }
.horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-meta {
  margin: 0 0 0.625rem 0;
  text-align: left; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-meta:last-child {
    margin-bottom: 0; }
.horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress {
  margin: 0 0 1.875rem 0;
  max-height: calc(3em * 1.56);
  text-align: left;
  color: #222222;
  font-family: 'Assistant', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0rem;
  text-transform: initial; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress:last-child {
    margin-bottom: 0; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress :first-child {
    margin-top: 0; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress :last-child {
    margin-bottom: 0; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content {
    text-align: initial; }
    .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content p, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h2, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2-alt, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h3, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3-alt, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h4, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h4, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h5, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h5, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h6, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h6, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content blockquote, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .content-ingress, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .ingress, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content li {
      color: #222222; }
      .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content p:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h2:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2-alt:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h3:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3-alt:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h4:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h4:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h5:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h5:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h6:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h6:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content blockquote:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .content-ingress:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .ingress:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content li:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content p:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h2:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2-alt:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h3:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3-alt:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h4:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h4:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h5:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h5:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h6:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h6:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content blockquote:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .content-ingress:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .ingress:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content li:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content p:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h2:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h2-alt:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h3:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h3-alt:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h4:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h4:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h5:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h5:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content h6:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .h6:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content blockquote:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .content-ingress:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content .ingress:focus, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content li:focus {
        color: #222222; }
    .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a {
      text-decoration: underline; }
      .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a:hover, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a:active, .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content a:focus {
        text-decoration: underline; }
    .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content li:before {
      color: #222222;
      border-color: #222222; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-ingress.editor-content blockquote:before {
    background-color: #222222; }
.horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-link {
  text-align: left; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-link .horizontal-card-link-button {
    margin: 0; }
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-link .horizontal-card-link-text {
    font-family: 'Assistant', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #222222;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0rem;
    text-transform: initial; }
  @media screen and (max-width: 63.9375em) {
    .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-link .horizontal-card-link-text {
      font-size: calc(1rem* 0.95);
      letter-spacing: calc(0rem* 0.95); } }
@media screen and (max-width: 31.1875em) {
  .horizontal-card .horizontal-card-content-wrapper .horizontal-card-content-container .horizontal-card-link .horizontal-card-link-text {
    font-size: calc(1rem* 0.9);
    letter-spacing: calc(0rem* 0.9); } }