/************
 *
 * Content Callout Styles
 *
 ***********/
/******* Polyfills *******/
/******* Functions *******/
/******* Mixins *******/
/******* Bootstrap Variables *******/
.content-callout__header {
  padding-bottom: 30px;
}
.content-callout .callout-wrap {
  width: 100%;
  height: 350px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.content-callout .callout-wrap:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.19) 100%);
}
@media (min-width: 768px) {
  .content-callout .callout-wrap {
    height: 440px;
  }
}
@media (min-width: 1020px) {
  .content-callout .callout-wrap {
    height: 550px;
  }
}
@media (min-width: 1370px) {
  .content-callout .callout-wrap {
    height: 600px;
  }
}
.content-callout .callout-wrap > img,
.content-callout .callout-wrap > picture,
.content-callout .callout-wrap > picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  transition: 0.6s all ease;
}
.content-callout .callout-wrap:hover .btn-outline-light, .content-callout .callout-wrap:focus .btn-outline-light {
  background-color: #ffffff;
  color: #32353c;
}
.content-callout .callout-wrap:hover > img, .content-callout .callout-wrap:focus > img {
  transform: scale(1.1);
}
.content-callout .callout-wrap .stretched-link {
  z-index: 3;
}
.content-callout .callout-wrap .post-info {
  color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 30px 20px;
}
.content-callout .callout-wrap .post-info .post-title {
  font-family: playfair-display, serif;
  max-width: 750px;
}
@media (min-width: 1020px) {
  .content-callout .callout-wrap .post-info .post-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .content-callout .callout-wrap .post-info .post-title {
    font-size: 1.75rem;
  }
}
@media (max-width: 767.98px) {
  .content-callout.padding-small-mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}