.youtubeVideo .videoWrapper {background: #000; height: 0; overflow: hidden; position: relative}
	.youtubeVideo .coverimage {text-align: center; cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; z-index: 1}
  .youtubeVideo iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0}
	.youtubeVideo .coverimaged iframe {display: none}
  .youtubeVideo .coverimaged.autoplay1 iframe {display: block}
  .youtubeVideo-cover-text {max-width: 75%; position: absolute; bottom: 10%; padding-left: 5%; padding-right: 5%; text-align: left; color: #fff; box-sizing: border-box}
  .youtubeVideo-cover-text h2, .youtubeVideo-cover-text p {margin: 1px; padding: 10px 16px !important; display: inline-block; background-color: rgba(0, 0, 0, 0.67); box-sizing: border-box}

/* play button colors */
	.youtubeVideo .customplaybutton {transition: all 0.3s ease-in-out; position: relative; margin: auto; width: 14%;  min-width: 70px;  max-width: 90px; height: auto; top: 50%; transform: translateY(-50%);   -ms-transform: translateY(-50%);}
	.youtubeVideo .customplaybutton polygon {fill: #fff; transition: all 0.3s}
	.youtubeVideo .customplaybutton circle {opacity: 0.67; transition: all 0.3s} 
	.youtubeVideo:hover .customplaybutton polygon {fill: #db0500}
	.youtubeVideo:hover .customplaybutton circle {opacity: 1} 

/* if .youtubeVideo width is under 600 px, breakpoint is set in extension javascript file */
	.youtubeVideo.small	.youtubeVideo-cover-text {max-width: 100%; font-size: 0.85em; line-height: 1.4em}
	.youtubeVideo.small .customplaybutton {position: relative; float: right;  min-width: 40px; max-width: 60px; max-height: 60px; top: 0; margin-top: 5%; margin-right: 5%; transform: none; -ms-transform: none;}