/*
====================================================================================================
Theme Name:		Muse - Child Theme
Theme URI: 		http://themes.grandpixels.com/muse
Description: 	Child theme for a Muse: Music Band Responsive WordPress Theme by Pavel of Grand Pixels
Version: 		1.0.8
Author: 		Pavel Richter / Grand Pixels
Author URI: 	http://grandpixels.com
License: 		GNU General Public License version 3.0
License URI: 	http://www.gnu.org/licenses/gpl-3.0.html
Template:		muse
====================================================================================================

IF YOU PLAN TO MAKE SOME MODIFICATIONS TO THE CODE OF THE THEME, WILL BE BETTER TO MAKE THEM VIA
THIS CHILD THEME. IF YOU WILL MAKE MODIFICATION DIRECTLY TO THE PARENT THEME, YOU WILL LOSE THOSE
MODIFICATIONS WHEN THE THEME IS UPDATED. WHEN YOU MAKE MODIFICATIONS INSIDE OF THE CHILD THEME
INSTEAD, YOU CAN UPDATE THE PARENT THEME WITHOUT LOOSING ANY CHANGE YOU HAVE MADE.

MORE INFORMATION ABOUT CHILD THEMES YOU CAN FIND IN WORDPRESS CODEX:
http://codex.wordpress.org/child_themes.

====================================================================================================
*/

/* Parent styles are enqueued from functions.php to avoid the render-blocking @import. */

/* Orion Network refinements */
html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

.home .page-header {
	display: none;
}

.post-body,
.post-excerpt,
.widget,
.footer {
	line-height: 1.55;
}

.post-header a {
	line-height: 1.18;
}

.post-image img {
	display: block;
	background: #111111;
}

.canvas img.loadImages {
	opacity: 1 !important;
	visibility: visible !important;
}

.post-image img[width="1"],
.post-image img[height="1"] {
	min-width: 100%;
	min-height: 260px;
	object-fit: cover;
}

.grid-album .tile,
.grid-gallery .tile,
.grid-video .tile {
	background-color: rgba(33, 39, 45, 0.96);
}

.grid-album .tile .post-image,
.grid-gallery .tile .post-image,
.grid-video .tile .post-image {
	aspect-ratio: 1 / 1;
	background-color: #101418;
	overflow: hidden;
}

.grid-video .tile .post-image {
	aspect-ratio: 16 / 9;
}

.grid-album .tile .post-image a,
.grid-gallery .tile .post-image a,
.grid-video .tile .post-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.grid-album .tile .post-image img,
.grid-gallery .tile .post-image img,
.grid-video .tile .post-image img {
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	opacity: 1 !important;
	visibility: visible !important;
}

.grid-album .post-image .vinyl-small,
.single-album .post-image .vinyl-big {
	display: none !important;
}

.grid-album .tile .overlay span.overlay-block,
.grid-gallery .tile .overlay span.overlay-block,
.grid-video .tile .overlay span.overlay-block,
.single-album .post-image.overlay span.overlay-block {
	background: rgba(0, 0, 0, 0.16);
	background-image: none;
	opacity: 0 !important;
}

.grid-album .tile .overlay:hover span.overlay-block,
.grid-gallery .tile .overlay:hover span.overlay-block,
.grid-video .tile .overlay:hover span.overlay-block,
.single-album .post-image.overlay:hover span.overlay-block {
	opacity: 1 !important;
}

.grid-album .tile .overlay span.overlay-icon,
.grid-gallery .tile .overlay span.overlay-icon,
.single-album .post-image.overlay span.overlay-icon {
	display: none;
}

.grid-album .tile .tile-block,
.grid-gallery .tile .tile-block,
.grid-video .tile .tile-block {
	min-height: 112px;
	padding: 18px 16px;
	background-color: rgba(33, 39, 45, 0.98);
}

.grid-album .tile .post-header,
.grid-gallery .tile .post-header,
.grid-video .tile .post-header {
	font-size: 1.55em;
	line-height: 1.28;
	overflow-wrap: break-word;
}

.grid-album .tile .post-artist,
.grid-album .tile .post-meta,
.grid-gallery .tile .post-meta,
.grid-video .tile .post-meta {
	font-size: 0.95em;
	line-height: 1.35;
}

.single-album .post-image {
	background-color: #101418;
	overflow: hidden;
}

.single-album .post-image a {
	display: block;
}

.single-album .post-image img {
	width: 100%;
	height: auto !important;
	max-width: 100%;
	object-fit: contain;
	opacity: 1 !important;
	visibility: visible !important;
}

.single-album iframe,
.single-gallery iframe,
.single-video iframe {
	max-width: 100%;
}

.single-album .post-content p:has(iframe),
.single-gallery .post-content p:has(iframe),
.single-video .post-content p:has(iframe) {
	text-align: left !important;
}

.single-album .post-content p:has(iframe) iframe,
.single-gallery .post-content p:has(iframe) iframe,
.single-video .post-content p:has(iframe) iframe {
	display: block;
	margin-top: 0.75em;
}

.navigation a,
.navigation-mobile a,
.toolbar a,
.post-more a {
	transition: color 160ms ease, opacity 160ms ease, background-color 160ms ease;
}

.post-more a {
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 700;
}

@media (max-width: 767px) {
	.logo.logo-image img {
		max-width: min(260px, 78vw);
	}

	.page-header {
		padding-left: 18px;
		padding-right: 18px;
	}

	.page-header h1 {
		font-size: 3.2em;
		line-height: 1.08;
		overflow-wrap: break-word;
	}

	.toolbar {
		padding-left: 12px;
		padding-right: 12px;
	}

	.grid-tiles .tile,
	.grid-tiles-sidebar .tile {
		width: 100% !important;
	}

	.post-body {
		padding-left: 18px;
		padding-right: 18px;
	}

	.grid-album .tile .tile-block,
	.grid-gallery .tile .tile-block,
	.grid-video .tile .tile-block {
		min-height: 0;
		padding: 18px;
	}

	.grid-album .tile .post-header,
	.grid-gallery .tile .post-header,
	.grid-video .tile .post-header {
		font-size: 1.75em;
	}

	.single-album .post-image {
		max-width: 420px;
		margin: 0 auto 22px;
	}

	.single-album .post-meta-table .cell,
	.single-album .post-meta-table .cell.head {
		display: block;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.page-header h1 {
		font-size: 2.7em;
	}

	.grid-album .tile .post-header,
	.grid-gallery .tile .post-header,
	.grid-video .tile .post-header {
		font-size: 1.55em;
	}
}