/* 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%;
}
.cards-image-text-title {
  font-size: 32px;
  color: #383838;
}
.cards-image-text-content {
  color: #383838;
}
.cards-image-text-image img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}
.cards-image-text-image a:hover img {
  opacity: 0.8;
}
.cards-image-text-link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cards-image-text.cards-image-text-has-bg {
  background-color: #f9f9f9;
}
.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-no-link {
  padding-bottom: 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;
}
.cards-image-text--property {
  position: relative;
  background-color: #f7f7f7;
  padding-bottom: 128px;
}
.cards-image-text--property .cards-image-text-image {
  display: inline-block;
  width: 100%;
  height: 270px;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease;
}
@media (max-width: 767.98px) {
  .cards-image-text--property .cards-image-text-image {
    height: 240px;
  }
}
.cards-image-text--property a.cards-image-text-image:hover {
  opacity: 0.8;
}
.cards-image-text--property .cards-image-text-location-title,
.cards-image-text--property .cards-image-text-address-title {
  font-size: 14px;
}
.cards-image-text--property .cards-image-text-content-wrap {
  padding-left: 24px;
  padding-right: 24px;
}
.cards-image-text--property .cards-image-text-property-link {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - 48px);
}
.cards-image-text--suite {
  position: relative;
  background-color: #fff;
  padding-bottom: 128px;
}
.cards-image-text--suite .cards-image-text-image {
  display: inline-block;
  width: 100%;
  height: 420px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
@media (max-width: 767.98px) {
  .cards-image-text--suite .cards-image-text-image {
    height: 440px;
  }
}
.cards-image-text--suite a.cards-image-text-image:hover {
  opacity: 0.8;
}
.cards-image-text--suite .cards-image-text-content-wrap {
  padding-left: 24px;
  padding-right: 24px;
}
.cards-image-text--suite .cards-image-text-property-link {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - 48px);
}
.cards-image-text-size-title, .cards-image-text-availability-title {
  font-size: 14px;
}
.cards-image-text-size-text, .cards-image-text-availability-text {
  font-size: 18px;
}

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