@charset "utf-8";
/* showDemoBtn grid on blue/video-bg pages: portfolio.css for .info overlay + these overrides for 16:9 box (no double height). Hero #ytVideo unchanged. */
.content .examples .portfolio .item {
  position: relative;
  overflow: hidden;
}
.content .examples .portfolio > [class*="col-"] {
  align-self: flex-start;
}
.content .examples .portfolio .item .u-video-thumb-container {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 0 !important;
  overflow: hidden;
  background: #000;
}
.content .examples .portfolio .item .u-video-thumb-container::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.content .examples .portfolio .item .u-video-thumb-container .u-video-cover,
.content .examples .portfolio .item .u-video-thumb-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.content .examples .portfolio .item .u-video-thumb-container .smallPlayBtn,
.content .examples .portfolio .item .smallPlayBtn {
  z-index: 2;
}