.youtubeBlockMiniWrap{
	margin: 0 auto;
	position:relative;
	z-index:0;
}
.youtubeBlockMini {
	position: relative;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: var(--background-color);
	transition: all 0.3s ease;
	box-shadow: 2px 2px 10px var(--image-shadow-color1);
}
.youtubeBlockMini.embed-responsive-16by9{
	padding-bottom: 56.23%;
}
.youtubeBlockMini.embed-responsive-4by3{
	padding-bottom: 75%;
}
.youtubeBlockMini.embed-responsive-1by1{
	padding-bottom: 100%;
}

.youtubeBlockMini iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtubeBlockMini img {
	background: var(--background-color);
	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;
	transition: all 0.3s ease;
}

.youtubeBlockMini img:hover {
	/*opacity: 0.6 !important;*/
}

.youtubeBlockMini:hover{
background-color: var(--section-help-background);
}

.youtubeBlockMini:hover img{
opacity:0.6;
}

.youtubeBlockMini:after{
content:"Play";
opacity:0;
display:inline-block;
width:140px;
border-radius:10em;
position:absolute;
left:50%;
margin-left:-70px;
bottom:27%;
background-color: var(--primary-secondary-button);
color: var(--hero-headline-color);
font-weight:bold;
font-size:1.4rem;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
transform: translateY(10px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}

.youtubeBlockMini:hover:after{
opacity:1;
transform: translateY(0px);
}

.youtubeBlockMini .playbackgr{
	height: 180px;
	width: 180px;
	left: 50%;
	top: 50%;
	margin-left: -90px;
	margin-top: -90px;
	padding:20px;
	border-radius:50%;
	position: absolute;
	background-color: var(--button-action-background);
    color: var(--contrast-color);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.youtubeBlockMini:hover .playbackgr, .youtubeBlockMini:focus .playbackgr{
	background-color: var(--section-help-background);
	transform:scale(1.03);
}

.youtubeBlockMini .play {
	width:100%;
	height:100%;
	background-color: var(--contrast-color)  !important;
	cursor: pointer;
	-webkit-mask: url("img/vidplay.svg") no-repeat 100% 100%;
	mask: url("img/vidplay.svg") no-repeat 100% 100%;
	opacity:0.8;
	transition: all 0.3s ease;
}

.youtubeBlockMini:hover .play, .youtubeBlockMini:focus .play{
	opacity:1;
	transform:scale(1.08);
}

@media (max-width: 991.98px) {
	.youtubeBlockMini:after{
	bottom:20%;
	}
}

@media (min-width: 768px) {
	.youtubeBlockMiniWrap{
		max-width:100%; /*747px;*/
	}
}
@media (max-width: 767.98px) {
	.youtubeBlockMini:after{
	bottom:20%;
	}
	.youtubeBlockMini .playbackgr{
	width:120px;
	height:120px;
	margin-left:-60px;
	margin-top:-60px;
	}
}

@media (max-width: 575.98px){
	.youtubeBlockMini:after{
	font-size:0.6em;
	bottom:17%;
	width:70px;
	margin-left:-35px;
	}
	.youtubeBlockMini .playbackgr{
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
	padding:14px;
	}
}