/*============================================================= 
BREAK POINTS
============================================================= */
/*============================================================= 
MIXINS
============================================================= */
/*============================================================= 
TYPOGRAPHY
============================================================= */
/*============================================================= 
COLORS
============================================================= */
/* Base */
/* Primary */
/* Secondary */
/* Greys */
/* ===================================
   CORE - VERSION 1
   =================================== */
.version_1.block.cards .cards .card {
  opacity: 1;
}
.version_1.block.cards .cards .card .card-image-wrapper {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.version_1.block.cards .cards .card .card-img-top img {
  width: 100%;
}
.version_1.block.cards .cards .card .card-footer {
  /* design */
  background: none !important;
  border: none;
}
.version_1.block.cards .cards .card.has_link:hover {
  cursor: pointer !important;
}

.version_1.block.cards.media_icons .cards .card {
  padding: 1rem;
}
.version_1.block.cards.media_icons .cards .card .card-image-wrapper {
  height: 80px !important;
  width: 80px !important;
  margin-left: auto;
  margin-right: auto;
}
.version_1.block.cards.media_icons .cards .card .card-title {
  margin: 0px;
}
.version_1.block.cards.media_icons .cards .card .card-text {
  padding: 0px;
  padding-top: 1rem;
}
.version_1.block.cards.media_icons .cards .card .card-body {
  padding-bottom: 0px;
}

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

/*============================================================= 
BREAK POINTS
============================================================= */
/*============================================================= 
MIXINS
============================================================= */
/*============================================================= 
TYPOGRAPHY
============================================================= */
/*============================================================= 
COLORS
============================================================= */
/* Base */
/* Primary */
/* Secondary */
/* Greys */
/* ===================================
   VERSION 1
   =================================== */
.version_1.block.cards .cards .col {
  padding-bottom: 1rem;
}
@media (max-width: 576px) {
  .version_1.block.cards .cards .col {
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .version_1.block.cards .cards .col {
    padding-bottom: 1rem;
  }
}
.version_1.block.cards .cards .card {
  flex-direction: initial;
  transition-property: transform !important;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.version_1.block.cards .cards .card a, .version_1.block.cards .cards .card a:link, .version_1.block.cards .cards .card a:active, .version_1.block.cards .cards .card a:visited {
  text-decoration: none !important;
}
.version_1.block.cards .cards .card a:hover {
  text-decoration: none !important;
}
.version_1.block.cards .cards .card .card-image-wrapper {
  border-radius: 0.8rem 0.8rem 0 0;
}
.version_1.block.cards .cards .card .card-image-wrapper svg {
  height: 80px;
  width: 80px;
  min-width: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.version_1.block.cards .cards .card .card-body .card-title {
  margin-top: 0;
  font-size: 25px;
}
.version_1.block.cards .cards .card .card-body .card-title a {
  color: #D50032;
}
.version_1.block.cards .cards .card .card-body .card-text {
  text-align: center;
  color: #080F0F;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.version_1.block.cards .cards .card .card-footer {
  /* design */
  background: none !important;
  border: none;
  text-align: center;
  padding-bottom: 1.25rem;
}
.version_1.block.cards .cards .card:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.25) !important;
}
.version_1.block.cards .cards .card:hover a, .version_1.block.cards .cards .card:hover a:link, .version_1.block.cards .cards .card:hover a:visited, .version_1.block.cards .cards .card:hover a:active {
  text-decoration: none;
  color: #D50032;
}
.version_1.block.cards .cards .card:hover a:hover {
  text-decoration: none !important;
}
.version_1.block.cards .cards .card:hover svg path, .version_1.block.cards .cards .card:hover svg #svg-fill1, .version_1.block.cards .cards .card:hover svg #svg-fill2, .version_1.block.cards .cards .card:hover svg #svg-fill3, .version_1.block.cards .cards .card:hover svg #svg-fill4, .version_1.block.cards .cards .card:hover svg #svg-fill5, .version_1.block.cards .cards .card:hover svg #svg-fill6, .version_1.block.cards .cards .card:hover svg #svg-fill7, .version_1.block.cards .cards .card:hover svg #svg-fill8, .version_1.block.cards .cards .card:hover svg #svg-fill9, .version_1.block.cards .cards .card:hover svg #svg-fill10, .version_1.block.cards .cards .card:hover svg #svg-fill11, .version_1.block.cards .cards .card:hover svg #svg-fill12, .version_1.block.cards .cards .card:hover svg #svg-fill13, .version_1.block.cards .cards .card:hover svg #svg-fill14, .version_1.block.cards .cards .card:hover svg #svg-fill15 {
  fill: #ffffff !important;
}

.version_1.block.cards.media_icons .cards .card {
  border: none;
  margin-bottom: 1rem;
}
.version_1.block.cards.media_icons .cards .card .card-text {
  padding: 0px;
}
.version_1.block.cards.media_icons .cards .card:hover {
  background: #D50032;
}
.version_1.block.cards.media_icons .cards .card:hover a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.version_1.block.cards.media_icons .cards .card:hover .card-text {
  color: #ffffff !important;
}

.version_1.block.cards.yellow-cards .card {
  background: #FFB81C;
}
.version_1.block.cards.yellow-cards .card .card-text {
  color: #ffffff;
}

.version_1.block.cards.overview .cards .card {
  border: none;
}
.version_1.block.cards.overview .cards .card .card-image-wrapper {
  margin: 1.25rem;
  margin-bottom: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 87%, 25% 88%, 0 100%, 0 100%, 0 100%);
}
.version_1.block.cards.overview .cards .card .card-image-wrapper .card-image-top img {
  max-height: 250px;
  min-height: 250px;
}
.version_1.block.cards.overview .cards .card .card-image-wrapper:after {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 12%;
  height: 10%;
  width: 10%;
  background-image: url(../../../../assets/images/corner-white.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}
.version_1.block.cards.overview .cards .card .card-body .card-title {
  font-weight: bold;
}
.version_1.block.cards.overview .cards .card .card-body .card-text {
  min-height: 145px;
}
.version_1.block.cards.overview .cards .card:hover .btn {
  background: #D50032 !important;
  color: #ffffff !important;
  text-decoration: none;
}
.version_1.block.cards.overview .cards .card.red .card-body .card-title {
  color: #D50032 !important;
}
.version_1.block.cards.overview .cards .card.red .card-body .card-title a {
  color: #D50032 !important;
}
.version_1.block.cards.overview .cards .card.yellow .card-body .card-title a {
  color: #FFB81C !important;
}
.version_1.block.cards.overview .cards .card.teal .card-body .card-title a {
  color: #29B5CF !important;
}

.version_1.block.cards.projects .card {
  border: none;
  background: #ffffff;
}
.version_1.block.cards.projects .card .card-title {
  padding-top: 10px;
  padding-bottom: 10px;
}
.version_1.block.cards.projects .card .card-title a, .version_1.block.cards.projects .card .card-title a:link, .version_1.block.cards.projects .card .card-title a:active, .version_1.block.cards.projects .card .card-title a:visited {
  font-weight: bold;
  color: #080F0F !important;
}
.version_1.block.cards.projects .card .btn {
  color: #D50032 !important;
}
.version_1.block.cards.projects .card:hover .btn:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}/*# sourceMappingURL=cards.css.map */