/*
Theme Name: Musik
Theme URI:
Author: Carolina Nymark
Author URI: https://fullsiteediting.com
Description: Musik is a responsive music theme with two widget areas and support for custom header image or video as well as a logo. You can combine pages and posts on your front page, and change the position of your sidebar. You can also change the width of your site or show your blog posts in a 3 column grid. The different sections of the site have different opacities, allowing your background image to shine through. The theme is accessible and the default colors have been carefully tested.
Version: 2.4
Tags: threaded-comments, custom-menu, custom-logo, sticky-post, translation-ready, post-formats, custom-header, two-columns, one-column, right-sidebar, left-sidebar, editor-style, featured-images, footer-widgets, blog, entertainment, rtl-language-support, accessibility-ready, block-styles
Text Domain: musik
Tested up to: 6.0
Requires PHP: 5.2

License: GNU General Public License (GPL), v2 (or newer)
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Musik is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

progress {
	vertical-align: baseline;
}

template,
[hidden] {
	display: none;
}

a {
	background-color: transparent;
}

br[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: hidden;
	padding: 1.6em;
	word-wrap: break-word;
	white-space: pre-wrap;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	 box-sizing: border-box;
}

optgroup {
	font-weight: bold;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

input {
	line-height: normal;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* End of Normalize */

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	font-family: 'Open Sans', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	background: #0066ff;
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

a {
	text-decoration: none; 
	color: #0066ff;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
	text-decoration: underline;
}

.site {
	margin: 0 auto;
	width: 80%;	
	clear: both;
}

/* =Header
-------------------------------------------------------------- */
.site-header {
	margin-top: 3em;
}

.site-branding {
	display: inline-block;
	margin-bottom: 2.5em;
}

.site-title {
	font-size: 3.8rem;
	font-weight: 700;
	margin: 0;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
}

.site-description {
	font-size: 2rem;
	line-height: 2.15em;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
}

.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
	margin-bottom: 10px; 
}

.header-image img {
	display: block;
}

.has-header-video .header-image {
	background: url(https://f648a1.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/70.png);
}

.has-header-video .wp-custom-header-video-button {
	margin: 1em;
	font-size: 0.8em;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-wrap {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
	background: url(https://f648a1.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/70.png);
	padding: 0.5em;
}

.main-navigation {
	display: inline-block;
	width: auto;
}

.main-navigation a {
	display: block;
	color:#fff;
	margin-right: 0.7em;
	margin-left: 0.7em;
	padding: 0.3em;
}

.main-navigation ul ul a {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

.main-navigation ul {
	margin: 0 !important;
	padding: 0;
	list-style-type: none;
}

.main-navigation ul ul {
	background: #666;
	z-index: 99999;
	font-size: 1rem;
}

.main-navigation ul ul ul {
	position: relative;
	left: 0;
}

.main-navigation li {
	display: inline-block !important;
	position: relative;
	padding: 0 !important;
}

.main-navigation li li {
	width: 100%;
	position: relative;
	z-index: 10;
}

.main-navigation li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	padding: 0;
}

.main-navigation li:hover ul, 
.main-navigation li:active ul, 
.main-navigation li:focus ul, 
.main-navigation li.focus ul, 
.focus ul {
	left: auto;
	display: block;
}

.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {

	.menu-toggle {
		font-size: 1.2rem;
	}

	.menu-toggle:focus span {
		outline: thin dotted;
		outline-offset: 4px;
		text-decoration: underline;
	}

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
		left: 0;
	}

	.main-navigation ul li {
		width: 100%;
		float: left;
		position: relative;
	}

	.main-navigation ul li ul {
		border: none;
		box-shadow: none;
		left: 0;
		display: block;
		background: none;
	}

	.main-navigation ul li ul.sub-menu {
		width: 100%;
		float: left;
		position: relative;
		padding-left: 5px;
	}
}

/*--------------------------------------------------------------
## Social menu
-------------------------------------------------------------- */
.social-menu {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	vertical-align: middle;
}

.social-menu ul {
	margin: 0;
	padding: 0;
}

.social-menu ul li {
	list-style-type: none;
	display: inline;
	padding: 0.2em;
}

.social-menu a,
.social-menu a:hover,
.social-menu a:focus {
	text-decoration: none;
	background: none;
	color:#fff;
}

.social-menu a .icon,
.social-menu .icon {
	height: 1.7em;
	width: 1.7em;
	fill: #fff;
	color:#fff;
	border: 1px solid transparent;
	padding: 5px;
}

#footer .social-menu li a:focus .icon,
#footer .social-menu li a:hover .icon,
#sidebar .social-menu li a:focus .icon,
#sidebar .social-menu li a:hover .icon,
.social-menu li a:focus .icon,
.social-menu li a:hover .icon {
	fill: #fff;
	transition: all 1.1s ease;
	border: 1px solid #fff;
}

/* Social Menu fallbacks */
/* Show screen reader text in some cases */
.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .site-footer nav.social-menu li a .screen-reader-text {
	position: relative !important; /* overrides previous !important styles */
	clip: auto;
	width: auto;
}

.menu-wrap .social-menu {
	margin: 0 auto 0 0;
}

#sidebar .social-menu {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 2em;
}

#footer .social-menu {
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 2em;
}

#footer .social-menu .icon,
#sidebar .social-menu .icon {
	height: 2em;
	width: 2em;
	fill: #fff;
	border: 1px solid transparent;
	padding: 5px;
}

/* =Sidebar
-------------------------------------------------------------- */

/* Full width if the sidebar is inactive: */
.page-template-no-widgets-or-comments .site #container,
.page-template-no-sidebar .site #container,
.no-sidebar .site #container,
.no-sidebar .site #container .post,
.no-sidebar .site #container .type-page,
.no-sidebar .site #container .type-attachment {
	width: 100%;
}

.page-template-no-widgets-or-comments .site #container {
	margin-bottom: 2em;
}

.no-sidebar .site .header-image {
	visibility: hidden; 
	height: 0;
}

/* Float the content to the right if the sidebar is to the left! */
.left-sidebar .site #container {
	float: right;
}

.left-sidebar .site #container .post,
.left-sidebar .site #container .type-page,
.left-sidebar .site #container .type-attachment {
	float: right; 
	margin: 0;
}

.left-sidebar .site #sidebar {
	margin-left: 0;
}

#container { 
	width: 70%;
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	display: flex;
	flex-wrap: wrap
}

.search #container,
.archive #container {
	margin-bottom: 2em;
}

/* =Content
-------------------------------------------------------------- */
.post,
.type-page,
.type-attachment {
	line-height: 1.8;
	margin: 0;
	width: 100%;
	padding: 2em;
	background: #fff;
	-ms-word-wrap: break-word;
	word-wrap: break-word; 
	box-sizing: border-box;
	align-self: auto;
}

.post-title {
	display: block;
	line-height: 1.5;
	padding-bottom: 0.5em;
	padding-top: 0;
	margin: 0;
	clear: both;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	font-size: 2.3rem;
}

.post a,
.type-page a {
	color: #000;
	text-decoration: underline;
}

.type-page a:focus,
.post a:focus,
.type-page a:hover,
.post a:hover {
	text-decoration: none;
}

.meta a {
	color: #0066ff;
}

.meta {
	clear: both;
	padding: 1em 1em 0 0; 
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	line-height: 2em;
	color: #0066ff;
}

.sticky {
	position: relative;
	z-index: 7;
	float: left;
	width: 100%;
	padding: 2em;
	background: #f5f5f5; 
	margin: 0; 
	box-sizing: border-box;
	align-self: auto;
}

.type-page .meta .posted-on,
.updated,
.format-status .meta,
.sticky .meta,
.format-status .post-title {
	display: none;
}

.meta .posted-on {
	margin-right: 0.4em;
}

.read-more {
	display: block;
	clear: both;
}

.format-status {
	min-height: 2em;
}

.archive-header,
.search-header {
	margin: 0;
	padding: 2em;
	background: #f5f5f5; 
	width: 100%;
}

/* Blocks */

p.has-drop-cap:not(:focus):first-letter {
	font-size: 4em;
}

a.wp-block-button__link {
	color:#fff;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
	color: #32373c;
}

.wp-block-audio,
.wp-block-table,
.wp-block-media-text {
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

/* Increase text color contrast */
.wp-block-latest-comments__comment-date {
	color: #333; 
}

.wp-block-audio figcaption {
	margin-bottom: 1.6em;
	color: #333;
}

blockquote {
	border-left: 3px solid #000;
	padding: 5px 0 5px 10px;
	margin-left: 0;
}

.wp-block-quote cite {
	display: block;
	font-size: 13px;
	color: #333;
}

blockquote .wp-block-quote.is-style-large p {
	font-size: 24px;
	line-height: 1.6;
 }

blockquote.wp-block-quote.is-style-large {
	border: none;
}

blockquote.wp-block-quote.is-style-large cite {
	font-size: 13px;
	text-align: left;
}

.wp-block-pullquote blockquote {
	border-left: none;
}

.wp-block-pullquote {
	margin: 1.6em 40px;
}

/* author info
-------------------------------------------------------------- */
.author .url {
	font-weight: bold;
}

.author-info {
	color: #666;
	margin-top: 1em;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

.author-info.author-link a {
	color: #0066ff;
}

.author-info .author-avatar {
	display: inline-block;
	height: 60px;
	width: 60px;
	margin-right: 1em;
}

.author-info .author-description {
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

.author-info h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}

/* Navigation 
----------------------------------------*/

.navigation {
	display: block;
	width: 100%;
	margin: 3em 0 3em 0;
	clear: both;
	float: left;
	font-size: 1.2em;
}

.nav-next,
.nav-previous {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	background: #fff;
	min-height: 15px;
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	padding: 1em;
}

.nav-next {
	float: right;
	text-align: right;
}

.nav-previous {
	float: left;
}

.more-link {
	clear: both;
	padding-top: 3px;
}

.nav-next a,
.nav-previous a {
	color: #000;
}

.more-link a:hover,
.page-link a:hover,
.nav-previous a:hover,
.nav-next a:hover {
	color: #0066ff;
}

.page-link {
	clear: both;
	padding: 0;
	margin: 2em 0 2em 0;
	min-height: 1em;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	font-size: 1.2em;
}

/* =Images and objects
-------------------------------------------------------------- */

.sidebar-logo {
	border: none;
	margin: 0 0 0.5em 0;
}

.footer-logo {
	float: left;
	margin: 0 2em 0.5em 0;
	border: none;
}

figure,
img,
object {
     max-width: 100%;
	 height: auto;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

a img:focus,
a img:hover {
	outline: thin dotted;
	outline-offset: 4px;
}

a img {
	padding: 2px;
}

a img {
	border: none;
}
p img {
	margin: 0.5em;
}

.type-attachment .attachment-thumbnail {
	margin: 8px;
}

.fullimg {
	width: 100%;
	float: left;
	clear: both;
	margin: 6px;
}

.wp-caption-text {
	padding: 5px;
	text-align: center;
	max-width: 100%;
	box-sizing: border-box;
	display: block;
	margin-bottom: 0.6em;
}

.gallery-caption {}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0.4%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
}

.gallery-columns-3 .gallery-item {
	max-width: 31.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
}

.gallery-columns-5 .gallery-item {
	max-width: 17%;
}

.gallery-columns-6 .gallery-item {
	max-width: 14.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 12.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 10.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 9.11%;
}

object { 
	margin: 1em; 
}

table {
	margin: 4px 4px 10px 4px; 
	border-collapse: collapse;
}

td,
th {
	border: 1px solid #f5f5f5; 
	padding: 6px;
}

th {
	background: #f5f5f5;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	width: 100%;
	margin: 1.5em 0 0.5em 0;
	display: block;
}

.comments-title {
	padding: 0;
	margin: 0;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	color: #000;
	font-size: 2rem;
}

.comment-navigation {
	margin-bottom: 0;
}

.comment-list {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
	display: block;
	width: 100%;
	position: relative;
	float: left;
}

#respond a{
	text-decoration: underline;
	color: #fff;
}

.comment a {
	text-decoration: underline;
	color: #000;
}

#respond a:hover,
#respond a:focus,
.comment a:hover,
.comment a:focus {
	text-decoration: none;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children .comment-body {
	background: url(https://52077e.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/40w.png);
}

.comment-body {
	padding: 2em;
	min-height: 5px;
	margin-bottom: 4px;
	background: url(https://52077e.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/40w.png);
	color: #000;
	overflow: hidden;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comment-body th {
	color: #000;
}

.comment-meta {
	margin-bottom: 1em;
}

.comment-author {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}

.comment-list .avatar {
	margin-right: 0.3em;
}

.says {
	display: none;
}

.comment-metadata {
	margin: 1em 0;
}

.comment-metadata .edit-link {
	margin-left: 1em;
}

.bypostauthor .comment-author {}
.bypostauthor .comment-body {}

.comment-reply-title {
	font-size: 1.5rem;
	margin: 0 0 1em 0;
}

.comment-form-comment label {
	margin-right: 6px;
}

.reply a {
	background: url(https://4a6935.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/40.png);
	padding: 1em;
	float: right;
	font-weight: bold;
	text-decoration:none;
	color: #fff;
}

.reply a:hover,
.reply a:focus {
	background: url(https://f648a1.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/70.png);
	text-decoration: underline;
}

.children li.depth-5 .reply {
	visibility: hidden;
}

/* Comments form
-------------------------------------------------------------- */

#respond { 
	background: url(https://4a6935.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/40.png);
	color: #fff;
	padding: 2em;
	margin: 2em 0 2em 0;
	display: block;
	float: left;
	width: 100%;
}

#cancel-comment-reply-link {
	font-weight: normal;
}

#respond .logged-in-as {
	padding-bottom: 1em;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

#respond .required {
	color: #fff;
	font-weight: bold;
}

#respond textarea {
	padding: 6px;
	margin: 10px 0 10px 0;
	width: 95%;
	float: left;
	clear: both;
}

#respond label {
	width: 100%; 
	display: block; 
	padding: 10px 0 10px 0; 
	float: left;
	font-weight: bold;
}

#respond .form-allowed-tags {
	margin-top: 1em;
	margin-bottom: 1em;
	color: #ccc;
	line-height: 1em;
	float: left;
	clear: both;
}

#respond .submit {
	margin-top: 1em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 16px;
    font-size: 1rem;
	padding: .3em .7em .3em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height:1.6;
	box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #000;
	box-shadow: 0 0 5px rgba(162, 196, 251, 1);
	border: 1px solid rgba(000, 000, 000, 1);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

.search-form input[type="search"] {
	margin-bottom: 0.4em;
	box-sizing: border-box;
	width: 100%;
}

select {
	color:#000;
	padding: 4px;
}

/* =Widgets
-------------------------------------------------------------- */

#sidebar {
	float: left;
	width: 30%;
	background: url(https://f648a1.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/70.png);
	margin: 0 0 2em 0;
	padding: 1em 0 0 1em;
	box-sizing: border-box;
	color: #fff;
}

.widget {
	width: 90%;
	line-height: 1.8;
	list-style: none;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 25px;
	padding: 1em;
}

.widgettitle,
.widget-title {
	margin: 0 0 0.2em 0;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 2px;
	font-size: 2rem;
}

.widget ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

.widget ul li {
	list-style: none;
	font-weight: 700;
	margin-left: 9px;
	margin-top: 6px;
	margin-bottom: 9px;
	padding: 0;
	text-align: left;
}

.widget_calendar .widgettitle {
	display: none;
}

table#wp-calendar,
#wp-calendar {
	font-weight: normal;
	padding: 0.9em;
	width: 100%;
}

#wp-calendar th {
	padding: 5px;
	color:#000;
}

#wp-calendar caption {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
	font-size: 1.2rem;
	margin-bottom: 0.5em;
}

#wp-calendar td {
	text-align: center;
}

#footer #wp-calendar a,
#wp-calendar a {
	color: #fff;
}

.tagcloud {
	padding: 1em;
}

.textwidget {
	padding: 1em;
	overflow: hidden;
}

.widget_rss ul li {
	margin-bottom: 2em; 
	width: 97%;
}

.rssSummary {
	width: 90%;
}

.rss-date {
	width: 90%; 
	float: left; 
	clear: both;
}

#footer .widget {
	width: 20%; 
	margin: 0 2% 2em 0;
	padding: 2em;
	background: url(https://f648a1.claudeassets.com/20250216183404im_/https://guitargroove.com/site/wp-content/themes/musik/images/70.png);
	box-sizing: border-box;	
	display: block;
	vertical-align: top;
	color: #fff;
}

.widget a {
	color: #fff;
	text-decoration: underline;
}

.widget a:focus,
.widget a:hover {
	color: #fff;
	text-decoration: none;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;	
}

.footer-title {
	margin: 2em 0 2em 0;
	clear: both;
}

#footer .site-title, 
#footer .site-title a {
	font-size: 1.5rem; 
	font-weight: normal; 
	color: #000;
}

#footer .site-description {
	font-size: 1.3rem;
}


/* Alignment 
-------------------------------------------------------------- */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Responsive 
-------------------------------------------------------*/

@media screen and (max-width:1200px) {
	#footer .widget {
		width: 30%; 
	}
}

@media screen and (max-width:1024px) {
	.site {
		width: 90%;
	}

	.site-header {
		background-size: 100%;
	}
}

@media screen and (max-width:800px) {

	.site-title {
		font-size: 2.6rem;
	}

	.site-header {
		width: 100%;
		background: none;
	}

	#sidebar {
		width: 100%;
		margin:1em 0;
	}

	.sticky {
		width: 100%; 
		margin: 0;
	}

	#container,
	#footer .widget {
		width: 100%; 
	}

	/* Show gallery items in one column. */
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width: 95%;
	}
}

@media screen and (max-width:600px) {
	.site {
		padding: 1em; 
		margin: 0 auto; 
		width: 100%;
	}

	.site-header {
		margin-top: 1em;
	}

	.custom-logo-link,
	.site-title {
		clear: both;
	}

	.header-image {
		display: none;
	}

	.author-info .author-description,
	#sidebar ul {
		width: 100%; 
		margin: 10px 0 0 0; 
	}

	.left-sidebar .site #sidebar {
		margin-left: 0;
	}

	.post-navigation,
	.nav-next,
	.nav-previous {
		width: 100%;
		margin: 1em 0;
	}

	.comment-body {
		padding: 0.7em;
	}


	.main-navigation ul ul {
		font-size: initial;
	}

	.menu-wrap .social-menu {
		margin-top: 0.4em;
	}

	.comment-list .children {
		padding:0;
	}

	.widget {
		line-height: 2;
	}

	body.custom-background {
		background-image:none;
	}

}

/*
     FILE ARCHIVED ON 07:08:27 Jul 05, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:17:52 Jul 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.504
  exclusion.robots: 0.063
  exclusion.robots.policy: 0.049
  esindex: 0.011
  cdx.remote: 19.636
  LoadShardBlock: 53.657 (3)
  PetaboxLoader3.datanode: 60.836 (5)
  PetaboxLoader3.resolve: 333.446 (2)
  load_resource: 389.106
  loaddict: 14.178
*/