.multimedia__photo {
  display: inline-block;
  max-width: 324px;
}

.multimedia__photo a .photo {
  height: 231px;
  width: 100%;
}

.multimedia__photo a .photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.multimedia__photo a .media-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--secondary-color, #076ec7);
}

.multimedia__photo a .media-title:hover, .multimedia__photo a .media-title:focus {
  color: var(--secondary-color, #076ec7);
}

.multimedia__photo .media-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.multimedia__photo .media-title:hover, .multimedia__photo .media-title:focus {
  color: #076ec7;
}

.multimedia__photo .media-title a {
  color: var(--secondary-color, #076ec7);
}

.multimedia__photo .media-title a:hover, .multimedia__photo .media-title a:focus {
  color: var(--secondary-color, #076ec7);
}

@media (max-width: 991.98px) {
  .multimedia__photo {
    margin-bottom: 12px;
  }
}

.multimedia__photo-gallery {
  display: inline-block;
  max-width: 324px;
}

.multimedia__photo-gallery--still {
  position: relative;
}

.multimedia__photo-gallery--still__photo {
  height: 231px;
  width: 100%;
}

.multimedia__photo-gallery--still__photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.multimedia__photo-gallery--still a {
  display: block;
}

.multimedia__photo-gallery--still a:after {
  content: '';
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAeCAYAAACrI9dtAAAABHNCSVQICAgIfAhkiAAAAodJREFUWIXt10FIU2EAwPH/s5DEFW5OUSahKI5Fajt1KC8FLYLKQyJBhw5G4UGi2MUuHTxswojBjiaRMMZugyA9eGgsCFG2FXQZjPb2GqmZ8vCZzw5fB58eQuht7jEP/k8fvPe99/ve997hSRgJIe4Cl6huCUmSMhXNFEKkhUVtbW1Fy/WcEkI8BJ5UtBoT1dfX99ntdnVubu6T2Tl1QKdVoP0GBweHI5HIZdMThBAvrdq6Q9oQQjz9n6nuSI/AZLlcTo7H40ld188Ar2ZmZh7XHLW8vCyPjIwkUqnUe4CGhoYHwDWgqWYoo7X29vY1AJ/Pd1FRlIiiKG+z2eydWqIOstvtTS6Xy+NyuW739/cnksnkvZqjYrFYSpKkQCwWSwE0NjY+B1w1RRl91XV9FsDpdDYD7v0DtUT929n9wXFCHXSCMtsJymzHFrVp9U0ymcxKOefXAW92d3dLFnkolUor0WhUpozFn5YkaXN+ft67vb0d8ng8fQ6Ho7mlpaVD1/UdWZZXK8VomrazuLgoT05OfikWiyvAmmkUgM/nWwVGAffU1NRNv98fVBTlR29v7yxH294/wCpQMMbmUUY68Nnv96tCiBfd3d2d+Xz+vsPhqNo7Z7PZ3AALCwsFsygAJEn6lk6nbzmdztddXV3uwyZVmqqqvwKBQHx6errI3naeN4UC8Hq9H4GrwJXx8fEb4XB4zAAHqmDTgGzZKKOfQCIcDn8AxgCCweCF1tbWd1WAtQFtQ0NDjwAKhUKx7CtomjZq2e/Nxka+p6fnGXs7A4BkFjYxMXHdZrMNDwwMdJS9qkNSVfX30tJSMRQK5YB1IMHex2YeZXQOaAac1YAZiHXge5WuZ11/AUze9gY8sRBJAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 8px;
  bottom: 8px;
  z-index: 1;
}

.multimedia__photo-gallery--still a:hover img, .multimedia__photo-gallery--still a:active img, .multimedia__photo-gallery--still a:focus img {
  opacity: .8;
}

.multimedia__photo-gallery--title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--secondary-color, #076ec7);
}

@media (max-width: 991.98px) {
  .multimedia__photo-gallery {
    margin-bottom: 12px;
  }
}

.multimedia__audio-video {
  display: inline-block;
  max-width: 324px;
}

.multimedia__audio-video a .media-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--secondary-color, #076ec7);
}

.multimedia__audio-video a .media-title:hover, .multimedia__audio-video a .media-title:focus {
  color: var(--secondary-color, #076ec7);
}

.multimedia__audio-video .media-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}

.multimedia__audio-video .media-title:hover, .multimedia__audio-video .media-title:focus {
  color: #076ec7;
}

.multimedia__audio-video .media-title a {
  color: var(--secondary-color, #076ec7);
}

.multimedia__audio-video .media-title a:hover, .multimedia__audio-video .media-title a:focus {
  color: var(--secondary-color, #076ec7);
}

.multimedia__audio-video .media-description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
}

.multimedia__audio-video .meta-info {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  border-top: 1px solid #e7e7e7;
  padding-top: 8px;
  margin-top: 16px;
}

.multimedia__audio-video .meta-info .tags a:after {
  content: ', ';
}

.multimedia__audio-video .meta-info .tags a:last-child:after {
  display: none;
}

.multimedia__audio-video .video-still {
  position: relative;
  display: inline-block;
  height: 231px;
  width: 100%;
  max-width: none;
}

.multimedia__audio-video .video-still a {
  display: block;
  height: 100%;
}

.multimedia__audio-video .video-still a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.multimedia__audio-video .video-still a:after {
  content: '';
  background-image: url("/themes/custom/state_of_nh_core/library/img/play-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 98px;
  height: 98px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1;
}

.multimedia__audio-video .video-still a:hover img, .multimedia__audio-video .video-still a:focus img {
  opacity: .8;
}

.multimedia__audio-video .audio-still {
  position: relative;
  display: inline-block;
  height: 231px;
  width: 100%;
  max-width: none;
}

.multimedia__audio-video .audio-still a {
  display: block;
  height: 100%;
}

.multimedia__audio-video .audio-still a:after {
  content: '';
  background-image: url("/themes/custom/state_of_nh_core/library/img/audio-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 98px;
  height: 98px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 1;
}

.multimedia__audio-video .audio-still a:hover img, .multimedia__audio-video .audio-still a:focus img {
  opacity: .8;
}

.multimedia__audio-video .video-modal .title {
  margin: 0;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
  padding-right: 100px;
}

.multimedia__audio-video .video-modal .meta-info {
  padding-top: 8px;
  text-align: right;
}

.multimedia__audio-video .video-modal video {
  max-width: 100%;
}

.multimedia__audio-video__transcript-modal {
  min-width: 40%;
}

.multimedia__audio-video__transcript-modal h2 {
  max-width: calc(100% - 100px);
}

@media (max-width: 991.98px) {
  .multimedia__audio-video .video-modal {
    padding: 60px 15px 15px 15px;
  }
  .multimedia__audio-video .video-modal video {
    width: auto !important;
    height: auto !important;
  }
  .multimedia__audio-video .video-modal .title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3;
    padding-right: 0;
  }
}