/* Create Custom "Colour Matrix" to use within the bootstrap utility classes
----------------------------------------------------------------------------- */
/* 
    Expanded spacing options 
    For example the margin and padding classes now have extended capability (.mb-8 now outputs margin-bottom: 3rem)
*/
/*
    This variable affects the `.h-*` and `.w-*` classes.
    You can now do w-25 or h-80 and have it output width: 25% or height: 80%
*/
/*
    Components variables
    When you create the component you should create the variables with colors for this compontnt
*/
/*
  Custom Components Variables
*/
/*
    We have no variables for alt buttons
    Because the styles depends on the design and can be unique for each project
*/
.cards-image-text {
  position: relative;
  padding-bottom: 42px;
  height: 100%;
  border-radius: 8px;
}
.cards-image-text-title {
  font-size: 32px;
  color: #0D1941;
}
.cards-image-text-title a {
  color: #0D1941;
  transition: all 0.3s ease;
}
.cards-image-text-title a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.cards-image-text-content {
  color: #3E454E;
}
.cards-image-text-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.cards-image-text-image a {
  transition: all 0.3s ease;
}
.cards-image-text-image a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.cards-image-text-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cards-image-text-link a {
  text-decoration: none;
  transition: all 0.3s ease;
}
.cards-image-text-link a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.cards-image-text.cards-image-text-has-bg {
  background-color: #F7F8FD;
}
.cards-image-text.cards-image-text-has-bg .cards-image-text-content-wrap {
  padding: 24px;
}
.cards-image-text.cards-image-text-has-bg .cards-image-text-link {
  bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.cards-image-text.cards-image-text-has-bg .cards-image-text-image img {
  border-radius: 8px 8px 0 0;
}
.cards-image-text.cards-image-text-center {
  text-align: center;
}
.cards-image-text.cards-image-text-center .cards-image-text-link {
  left: 0;
  text-align: center;
}

/*# sourceMappingURL=cards-image-text.css.map */