/*============================================================= 
BREAK POINTS
============================================================= */
/*============================================================= 
MIXINS
============================================================= */
/*============================================================= 
COLORS
============================================================= */
/* ===================================
DESIGN MODE 
=================================== */
/* primary */
/* secondary */
/* base */
/* logo colors */
/* ===================================
WIREFRAME MODE 
=================================== */
/* ===================================
   DESIGN MODE 
   =================================== */
.block-cards {
  /* structure */
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  /* design */
}
.block-cards .heading {
  padding-bottom: 55px;
  /* structure */
  display: block;
  text-align: center;
}
.block-cards .cards {
  /* structure */
}
.block-cards .cards .card {
  /* design */
  border: none;
  background: #ffffff;
}
.block-cards .cards .card .card-body {
  /* structure */
  padding-left: 5%;
  padding-right: 5%;
  /* design */
  font-size: 1.5r;
}
.block-cards .cards .card .card-body .card-icon {
  /* structure */
  display: inline-block;
  /* design */
  height: 80px;
  width: 80px;
}
.block-cards .cards .card .card-body .card-icon img {
  height: 80px;
  width: 80px;
}
.block-cards .cards .card .card-body .card-title {
  /* structure */
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
  /* design */
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.5rem;
}
.block-cards .cards .card .card-body .card-text {
  text-align: left;
}
.block-cards .cards .card .card-footer {
  background: none !important;
}

.block-cards.animate {
  /* animations */
  animation: fadeInUp;
  animation-delay: 0s;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

/* ===================================
WIREFRAME MODE 
=================================== */
.block-cards.wireframe {
  border: solid 1px #80878D;
}
.block-cards.wireframe .card {
  border: solid 1px #80878D;
}

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