/* 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
*/
.image-video-content-img img {
  border-radius: 16px;
}
.image-video-content-video {
  display: flex;
  align-items: center;
  height: 100%;
}

.with-bg .image-video-content-box {
  background: linear-gradient(315deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 55%, #4d3c05cc 100%);
  backdrop-filter: blur(4px);
  padding: 4rem;
  border-radius: 24px;
  border: solid 2px #665C3B;
}
@media (max-width: 767.98px) {
  .with-bg .image-video-content-box {
    padding: 2.5rem 1.5rem;
  }
}
.with-bg .image-video-content-title {
  color: #fff;
}
.with-bg .image-video-content-description {
  color: #fff;
}

/*# sourceMappingURL=image-video-content.css.map */