.iframe-container{
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.25%;
	 height: 0;
	 margin-bottom:15px;
}
.iframe-container iframe{
	 position: absolute;
	 top:0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

.required {
    font-weight:bold; 
    color: #EB0000;
}

div.highlight {
    background: #eee;
    border: 2px solid #ccc;
    padding: 15px;
    margin: 1em 0;
    line-height: 135%;
}
div.highlight h3 {
    margin-top: 0;
}
.hide-element {
    border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip; rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}

textarea {
    max-width: 100%;
}

/*** VIDEO OVERLAY ***/
.player-container {
  margin-top: 20px;
  margin: 0 auto;
}
.oneColNarrow .player-container {
  margin: -20px -15px 20px!important;
}
@media screen and (min-width: 840px) {
  .oneColNarrow .player-container {
    --mr: calc(-1 * calc((100vw - 850px) + 50px));
    margin: -30px var(--mr) 20px -50px!important;
  }
}
@media screen and (min-width: 1001px) {
  .oneColNarrow .player-container {
    margin-top: -40px!important;
  }
}
@media screen and (min-width: 1311px) {
  .oneColNarrow .player-container {
    --mr: calc(-1 * calc(((100vw - 1280px) / 2) + 25px + 430px));
    --ml: calc(-1 * calc(((100vw - 1280px) / 2) + 25px));
    margin: -40px var(--mr) 20px var(--ml)!important;
  }
}
.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  max-width: 100%;
  background: #fff;
}

.youtube-player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 55%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("https://www.reed.edu/assets_home/images/featureVideo_play.png") no-repeat;
  cursor: pointer;
}

.hide-element {
	 border: 0;
	 clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	 clip;
	 rect(1px, 1px, 1px, 1px);
	 height: 1px;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute;
	 width: 1px;
}