/* Welcome to Custom CSS! To learn how this works, see https://wp.me/PEmnE-Bt */

/* Body background image */
body.custom-background {
	background-size: cover;
}

.background-cover .obsidian-background-overlay {
	background-position: top;
}

/* Webp support */
@supports (background-image: url('image.webp')) {
  .background-cover .obsidian-background-overlay {
    background-image: url('https://voidlume.com/wp-content/uploads/2025/10/void_website_background.jpg.webp');
  }
}

/* Set a background for inputs */
button,
input,
select,
textarea {
	background-color: rgba(1, 1, 1, 0.5);
	border-color: rgba(255, 255, 255, 0.5);
}

/* Music records link buttons */
.single-record .entry-excerpt .button {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 0;
}

.single-record .entry-excerpt .button:hover {
	background-color: rgba(1, 1, 1, 0.8);
}

/* Hide the title of the event countdown widget */
.event-countdown__event-title {
	display: none;
}

/* Youtube embedded iframe center fix */
.embed-youtube iframe {
	margin: 0 auto !important;
}

/* Hide all those borders */
.obsidian-mejs-container.mejs-container,
.post-navigation,
.posts-navigation,
.page-title,
.social-navigation,
.post-navigation,
.posts-navigation,
.comments-area,
.page-header .entry-title,
.page-title {
	border: none;
}

/* Reduce paddind-bottom on header logo */
.site-header {
	padding-bottom: 1.2em;
}

/* Size of social icons */
.wp-block-social-links.has-large-icon-size {
	font-size: 56px;
}

/* Missing TikTok icon */
.social-navigation li a[href*="tiktok.com"]::before {
	content: '';
	background-image: url('https://voidlume.com/wp-content/uploads/2022/11/tiktok-round-icon-white.png');
	background-position: center center;
	background-size: 18px;
	height: 18px;
	width: 18px;
}

/* YouTube embedded fixes */
figure.wp-block-boldblocks-youtube-block {
	width: 70%;
}

figure.wp-block-boldblocks-youtube-block iframe {
	aspect-ratio: 16 / 9;
	width: 70%;
	height: auto;
}

.post-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-next,
.posts-navigation .nav-next {
	font-size: 1.8rem;
}

.post-navigation .nav-previous:before,
.posts-navigation .nav-previous:before,
.post-navigation .nav-next:before,
.posts-navigation .nav-next:before {
	font-size: 3rem;
}

@media only screen and (max-width: 1023px) {
	.wp-block-image {
		width: 100%
	}
}

/** Mobile only (phones) **/
@media only screen and (max-width: 600px) {
	.wp-void-stack-mobile.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*=wp-block-] {
		max-width: inherit;
		display: block;
		text-align: center;
	}

	.wp-block-social-links.has-large-icon-size {
		font-size: 50px;
	}

	/* Reduce padding-bottom on site header*/
	.site-header {
		padding-bottom: 1.2em;
	}

	figure.wp-block-boldblocks-youtube-block {
		width: 100%;
	}

	figure.wp-block-boldblocks-youtube-block iframe {
		aspect-ratio: 9 / 16;
		width: 100%;
		height: auto;
	}

	/* Media Carousel */
	.has-carousel.has-carousel-med.swiper-container {
		height: 320px !important;
	}

	.coblocks-gallery.is-cropped .coblocks-gallery--item img {
		object-fit: cover;
	}

	/* Hamburder navigation */
	.site-navigation-toggle {
		font-size: 2rem;
	}

	.site-navigation-toggle:before {
		font-size: 4.4rem;
	}
}

/** Tablet only (portrait + landscape) **/
@media only screen and (min-width: 601px) and (max-width: 1023px) {
	.wp-void-stack-mobile.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*=wp-block-] {
		max-width: inherit;
		text-align: center;
		margin: 0 auto;
	}

	.wp-block-image img {
		margin-bottom: 14px;
	}

	.wp-block-boldblocks-youtube-block {
		width: 50%
	}

	.wp-block-social-links.has-large-icon-size {
		font-size: 40px;
	}

	/* Hamburder navigation */
	.site-navigation-toggle {
		font-size: 2.6rem;
	}

	.site-navigation-toggle:before {
		font-size: 5.4rem;
	}
}