/* Shure custom CSS styles */

/* Fonts */
@font-face {
  font-family: 'DinBold';
  src: url('../fonts/DIN-Bold.woff2');
  font-weight: 700;
}

.featuredVideo .iframe-container {
  position: relative;
}
.featuredVideo .custom-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.featuredVideo iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.featuredVideo .custom-play-button {
  z-index: 9;
  position: absolute;
  background-image: none !important;
  background-color: #ffffff !important;
  filter: unset !important;
  transition: unset !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 124px !important;
  height: 48px !important;
  padding: 12px 12px 12px 8px;
  gap: 8px;
  display: flex;
  border-radius: 3px;
  border: 1px solid #b2b2b4;
}
.featuredVideo .custom-play-button::before {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>') !important;
  width: 20px;
  height: 20px;
}

.featuredVideo .custom-play-button span {
  font-family: 'DinBold';
  clip: unset !important;
  clip-path: unset !important;
  height: auto !important;
  overflow: unset !important;
  position: unset !important;
  white-space: unset !important;
  width: auto !important;
}