/*
Custom CSS for Frontend
*/

.page-header__container--featured_image--hide .page-header__featured-image {
	display: none;
}

body.single-post .entry-content--yellow > .blog-content {
	margin-top: 40px;
}

body.single-post .entry-content--yellow .mejs-audio,
body.single-post .entry-content--yellow .wsite-html5audio {
	max-width: 500px;
	margin: 20px auto 0;
}

body.single-post .entry-content--yellow .wsite-html5audio audio {
	height: 40px !important;
	margin: auto;
	display: block;
}

body.single-post .entry-content--yellow table.wsite-multicol-table {
	margin: 20px auto;
}

body.single-post .entry-content--yellow .wsite-youtube-size-auto {
	max-width: 560px;
	margin: auto;
}
body.single-post .entry-content--yellow .wsite-youtube-container {
	position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 560px;
}

body.single-post .entry-content--yellow .wsite-youtube-container iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.single-post .entry-content--yellow > .blog-content .wp-block-video,
body.this-week-in-my-studio .wp-block-video,
body.single-post.scratch-space .entry-content--yellow .wp-block-embed__wrapper,
body.single-post.caravan .entry-content--yellow .wp-block-embed__wrapper,
body.single-post.onebeat-2020 .entry-content--yellow iframe {
	max-width: 560px;
    margin: 20px auto 0;
}

body.single-post.scratch-space .entry-content--yellow .wp-block-embed__wrapper iframe,
body.single-post.caravan .entry-content--yellow .wp-block-embed__wrapper iframe,
body.single-post.onebeat-2020 .entry-content--yellow iframe {
	height: 350px;
}

body.single-post.onebeat-2020 .entry-content--yellow iframe {
	display: block;
}

.blog_posts_list li::before {
	content: '' !important;
}

.pdf-download {
	width: 35px;
    height: 35px;
    background: url(../images/pdf.png) no-repeat;
    display: inline-block;
    background-size: contain;
}

.main-block .blog_posts_list h2,
.main-block .blog_posts_list h3,
.main-block .blog_posts_list h4, 
.main-block .blog_posts_list h5 {
	margin-bottom: 20px;
}