@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/* 7px tall for main H1 titles */
/* Center aligned */
/* Left aligned */
/**
 * $icon: icon name, that has been defined in the $icons map
 * $element: pseudo element (before, after)
 * $verticalAlign: if this is set, the value of this will be applied to vertical-align
 * Usage example: @include icon_pseudo('angle-right', after) / @include icon_pseudo('angle-right', before, middle);
 */
.paragraph.paragraph--type--card .card-content {
  position: relative;
  padding: 1.25rem;
  height: 17.5rem;
  color: #FFFFFF;
}

@media screen and (min-width: 90em) {
  .paragraph.paragraph--type--card .card-content {
    padding: 2.3125rem;
  }
}

.paragraph.paragraph--type--card .card-content h2 {
  color: #FFFFFF;
}

.paragraph.paragraph--type--card .card-content::after {
  display: inline-block;
  font-family: 'iconfont' !important;
  font-weight: normal;
  content: "";
  pointer-events: none;
  background: #FFFFFF;
  text-align: center;
  line-height: 30px;
  color: #0080F8;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
}

.paragraph.paragraph--type--card.bg-yellow {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.paragraph.paragraph--type--card.bg-yellow .card-content {
  color: #000000;
}

.paragraph.paragraph--type--card.bg-yellow .card-content h2 {
  color: #000000;
}

.paragraph.paragraph--type--card.bg-yellow .card-content:after {
  color: #FFD51F;
}

.paragraph.paragraph--type--card.bg-yellow:hover {
  background-color: #E3BC17;
}

.paragraph.paragraph--type--card.has-bg-image {
  background-size: cover;
  background-position: center;
}

.paragraph.paragraph--type--card.bg-blue-dark-70, .paragraph.paragraph--type--card.bg-blue-gradient {
  position: relative;
}

.paragraph.paragraph--type--card.bg-blue-dark-70 .bkg-img, .paragraph.paragraph--type--card.bg-blue-gradient .bkg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.paragraph.paragraph--type--card.bg-blue-dark-70 .card-content, .paragraph.paragraph--type--card.bg-blue-gradient .card-content {
  position: relative;
  z-index: 2;
}

.paragraph.paragraph--type--card.bg-blue-dark-70:after, .paragraph.paragraph--type--card.bg-blue-gradient:after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.paragraph.paragraph--type--card.bg-blue-dark-70:hover:after, .paragraph.paragraph--type--card.bg-blue-gradient:hover:after {
  background-color: #003D74;
}

.paragraph.paragraph--type--card.bg-blue-gradient:hover:after {
  opacity: 0;
}