.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block {
    background: rgba(0,0,0,.05);
        min-height: 200px;
    height: auto !important;
    padding: 20px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.is-selected,
.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.has-child-selected{
    border: 3px dashed rgba(0,0,0,.25);
    outline: none;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.is-selected:before,
.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.has-child-selected:before {
    content: 'Please fill out the fields to the right.';
	display: block;
	font-weight: bold;
	padding: 0 0 20px;
	text-align: center;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .acf-block-preview {
	background: #fff;
	padding: 10px;
}

.pc-youtube-playlist .acf-block-preview > .youtube-playlist-video-box {
	
}

.pc-youtube-playlist .youtube-playlist-video-box {
	justify-content: space-between;
}

.pc-youtube-playlist .youtube-playlist-video-box.flex-box.one-column > * {
	width: 100%;
}

.pc-youtube-playlist .youtube-playlist-video-box.flex-box.two-column > * {
	margin: 0 0 10px;
	width: 49%;
}

.pc-youtube-playlist .youtube-playlist-video-box.flex-box.three-column > * {
	margin: 0 0 10px;
	width: 33.3%;
}

.pc-youtube-playlist .youtube-playlist-video-box.flex-box.four-column > * {
	margin: 0 0 10px;
	width: 24%;
}

.pc-youtube-playlist .youtube-playlist-video-box .yt-img-bg {
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center;
	margin-bottom: 10px;
	position: relative;
}

.pc-youtube-playlist .youtube-playlist-video-box .yt-img-bg > iframe {
	height: 100%
}

.pc-youtube-playlist .youtube-playlist-video-box .yt-img-bg > img{
	opacity: 0;	
	position: absolute;
}

.pc-youtube-playlist .btn.hidden {
	display: none !important;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block:after,
.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.is-selected:after,
.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.has-child-selected:after{
    box-shadow: none !important;
}

.block-editor-block-list__block .pc-youtube-playlist .block-list-appender {
    position: relative;
}

.acf-block-component .pc-youtube-playlist .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle {
    position: relative;
    margin: 0 auto;
    padding: 3px 10px 4px !important;
    width: auto;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist > .title-padding {
	font-family: 'GT America Bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 2em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	height: auto;
	max-width: 600px;
	line-height: 1;
	margin: 0 0 1em;
	padding: 17px 19px 19px;
	width: 100%;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist > * {
	position: relative;
	z-index: 3;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist > .playlist-title {
	font-size: 1.4em;
}

.pc-youtube-playlist .playlist-title {
	font-family: 'GT America Bold', sans-serif !important;
	font-size: 1.8em;
	margin: 0 0 10px;
}


.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist > .youtube-playlist-video-box > * {
	background: rgb(245 245 245);
	margin-bottom: 10px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist > p > span {
	font-family: 'GT America Bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 1.4em;
	padding: 10px 20px 12px
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist > .background-overlay {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block #crumbs {
	font-size: .9em;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block #crumbs a {
	color: #382d15;
	font-size: .9em;
	margin-right: 3px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .text-reset {
	margin: 0 0 0 3px;
	line-height: 1;
	font-size: 1em;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist.auto-height {
	display: block;
	height: auto;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist.flex-end {
	align-items: flex-end;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist.qtr-vh {
	max-height: 300px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist.half-vh {
	max-height: 400px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist.third-vh {
	max-height: 500px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block .pc-youtube-playlist.full-vh {
	max-height: 600px;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.is-selected button[aria-label="Add block"],
.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.has-child-selected button[aria-label="Add block"]{
	display: flex !important;
	width: auto !important;
}

.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.is-selected button[aria-label="Add block"]:after,
.block-editor-block-list__block.wp-block-acf-pc-custom-youtube-playlist-block.has-child-selected button[aria-label="Add block"]:after{
	content: 'Add Block';
	display: inline-block;
	padding: 0 8px 0 0
}

.pc-youtube-playlist .inner-big {
	max-width: 1800px !important;
}

.background-cover {
	background-size: cover;
}

.background-fixed {
	background-attachment: fixed;
}

.background-center {
	background-position: center;
}

.background-center-top {
	background-position: center top;
}

.background-center-bottom {
	background-position: center bottom;
}

.background-left-center {
	background-position: left center;
}

.background-left-top {
	background-position: left top;
}

.background-left-bottom {
	background-position: left bottom;
}

.background-right-center {
	background-position: right center;
}

.background-right-top {
	background-position: right top;
}

.background-right-bottom {
	background-position: right bottom;
}

.pc-youtube-playlist {
	overflow: hidden;
}

.pc-youtube-playlist.qtr-vh {
	height: 25vh;
	max-height: 350px;
}

.pc-youtube-playlist.half-vh {
	height: 50vh;
	max-height: 500px;
}

.pc-youtube-playlist.third-vh {
	height: 75vh;
	max-height: 650px;
}

.pc-youtube-playlist.full-vh {
	height: 100vh;
	max-height: 1000px;
}

.pc-youtube-playlist.auto-height:not(.flex-box) {
	background-image: none !important;
}

.pc-youtube-playlist.auto-height.flex-box > img {
	opacity: 0;
}

.inline-block {
	display: inline-block;
}

.layer .pc-youtube-playlist p {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.layer .pc-youtube-playlist p > span {
	font-family: 'GT America Bold', sans-serif !important;
	font-weight: normal !important;
	font-size: 2.6em;
	display: inline-block;
	height: auto;
	line-height: 1;
	margin: 0 0 1em;
	max-width: 1200px;
	padding: 17px 25px 19px;
	position: relative;
	left: 0;
	width: auto;
}

.layer .pc-youtube-playlist p > span:before {
	background: #000;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
		right: 100%;
		top: 0;
	width: 100vw;
}

@media(max-width: 1100px) {
	.pc-youtube-playlist .youtube-playlist-video-box.flex-box.one-column > *,
	.pc-youtube-playlist .youtube-playlist-video-box.flex-box.two-column > *,
	.pc-youtube-playlist .youtube-playlist-video-box.flex-box.three-column > *,
	.pc-youtube-playlist .youtube-playlist-video-box.flex-box.four-column > * {
		width: 100%;
	}
}

@media(max-width: 900px) {
	.pc-youtube-playlist.flex-box {
		max-height: inherit;
		height: auto;
	}
	.pc-youtube-playlist.flex-box > p > span {
		margin: 0;
	}
	.pc-youtube-playlist.flex-box > img {
		opacity: 1 !important;
		position: relative !important;
		height: auto;
		width: 100%;
	}
	.layer .pc-youtube-playlist p > span {
		left: 0
	}
}
