/*--- JQuery Tools Overlay A.K.A. Lightbox --------------------------*/
/* the overlayed element */
.video_overlay {
  display: none;
  z-index: 5000;
  position: absolute;
  left: 0;
  right: 0;
  top: 1px !important;
  margin: 10px auto;
  padding: 30px;
  height: 538px;
  width: 800px;
  font-size: 11px;
  background-color: #000;
  /* default close button positioned on upper right corner */
}
.video_overlay .close {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 30px;
  width: 30px;
  background-image: url('/images/pb_close.png');
  cursor: pointer;
}
#video_title {
  padding: 10px 0;
  color: #FFFFFF;
  font-family: 'foundation_sansbold';
  font-size: 18px;
  background: none;
}
@media screen and (max-width: 29.938em) {
  div#overlay.video_overlay {
    top: 0;
    margin: 10px auto;
    padding: 20px 10px 10px;
    height: 240px;
    width: 300px;
  }
  div#overlay.video_overlay .close {
    top: 5px;
    right: 5px;
  }
  iframe.overlay_iframe {
    height: 200px;
    width: 300px;
  }
}
@media screen and (min-width: 30em) and (max-width: 47.938em) {
  div#overlay.video_overlay {
    top: 0;
    margin: -30px auto;
    padding: 10px 20px;
    height: 285px;
    width: 360px;
  }
  div#overlay.video_overlay .close {
    top: 10px;
    right: 10px;
  }
  iframe.overlay_iframe {
    height: 219px;
    width: 360px;
  }
  #video_title {
    padding: 20px 0;
  }
}
@media screen and (min-width: 48em) and (max-width: 61.188em) {
  div#overlay.video_overlay {
    height: 390px;
    width: 640px;
  }
  iframe.overlay_iframe {
    height: 340px;
    width: 640px;
  }
}