/*
Theme Name: Yasta 2026
Theme URI: https://catchthemes.com/themes/my-music-band/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: My Music Band is simple, clean, responsive and easy to use Music WordPress Theme which has been specially designed, prioritizing the musicians and music bands to promote their music. The theme is deeply engaging and attractive, powerful and unique, stylish and flexible; a perfect solution for music related websites.  It mainly focuses on creating an elegant personal website for the musicians in only a matter of times. My Music Band, a music WordPress theme is fully responsive and resizes fittingly to all devices. Your visitors can access your website regardless of the device or screen sizes they prefer to use. This theme comes with an array of crucial features—such as featured slider, featured content, playlist, hero content, portfolio, color options, and more—to keep your music website on the forefront. With all the incredible features integrated into My Music Band, your website will surely provide a musical vibe to your audiences making it more engaging and visually aesthetic. So, if you like music in any way, you need to check out My Music Band! Check out Theme Instructions at https://catchthemes.com/themes/my-music-band/#theme-instructions, Support at https://catchthemes.com/support/ and Demo at https://catchthemes.com/demo/my-music-band/
Version: 2.6.2
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, holiday, portfolio
Text Domain: my-music-band

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents
 *
 *  0.0  - Design Tokens (CSS Custom Properties)
 *  1.0  - Normalize / Reset
 *  2.0  - Typography
 *  3.0  - FontAwesome
 *  4.0  - Elements
 *  5.0  - Spacing utilities
 *  6.0  - Forms
 *  7.0  - Navigation
 *     7.1 - Links
 *     7.2 - Main Menu
 *     7.3 - Social Menu
 *     7.4 - Post Navigation
 *     7.5 - Breadcrumb
 *     7.6 - Scroll Up
 *  8.0  - Accessibility
 *  9.0  - Alignments
 * 10.0  - Clearings
 * 11.0  - Widgets
 * 12.0  - Content
 *     12.1 - Header
 *     12.2 - Posts and pages
 *     12.3 - Post Formats
 *     12.4 - Comments
 *     12.5 - Sidebar
 *     12.6 - Footer
 * 13.0  - Media
 *     13.1 - Captions
 *     13.2 - Galleries
 * 14.0  - Modules
 *     14.1  - Slider
 *     14.2  - Featured Content & Portfolio
 *     14.3  - Hero Content
 *     14.4  - Team Content Section
 *     14.5  - Testimonials
 *     14.6  - Events Section
 *     14.7  - Promotional Headline
 *     14.8  - Playlist Section
 *     14.9  - Audio Player
 *     14.10 - Top Playlist Section
 *     14.11 - Gallery Section
 *     14.12 - App Section
 * 15.0  - WooCommerce
 * 16.0  - Media Queries
 * 17.0  - Transitions
 * 18.0  - Colors (overrides via theme customizer)
 */


/* ==========================================================================
   0.0 - Design Tokens
   ========================================================================== */

:root {
	/* — Color Palette — */
	--color-bg:            #0D0D12;   /* near-black background                 */
	--color-surface:       #F5F3EE;   /* off-white page surface                 */
	--color-surface-alt:   #EBEBEB;   /* slightly darker surface for alternating sections */
	--color-dark:          #13131A;   /* deep dark for footer / slider overlay  */
	--color-dark-mid:      #1E1E2B;   /* cards, footer widgets                  */
	--color-accent:        #F5A623;   /* amber — primary accent                 */
	--color-accent-dim:    rgba(245, 166, 35, 0.15); /* glow / subtle highlight */
	--color-accent-hover:  #E8951A;   /* darker amber on hover                  */
	--color-sage:          #8A9B8E;   /* muted sage — secondary accent          */
	--color-text:          #2A2A2A;   /* body text on light backgrounds         */
	--color-text-muted:    #6B6B7A;   /* meta, secondary text                   */
	--color-text-light:    #F5F3EE;   /* text on dark backgrounds               */
	--color-text-faint:    rgba(245, 243, 238, 0.55); /* footer secondary text  */
	--color-border:        rgba(0, 0, 0, 0.10); /* subtle border on light bg    */
	--color-border-dark:   rgba(255, 255, 255, 0.10); /* border on dark bg      */

	/* — Typography — */
	--font-body:           'Inter', system-ui, -apple-system, sans-serif;
	--font-display:        'Syne', 'Inter', system-ui, sans-serif;
	--font-mono:           'JetBrains Mono', 'Fira Code', monospace;

	/* — Type Scale (fluid via clamp) — */
	--text-xs:             clamp(0.75rem,  1.5vw, 0.8125rem);  /* 12–13px */
	--text-sm:             clamp(0.875rem, 1.8vw, 1rem);       /* 14–16px */
	--text-base:           clamp(1rem,     2vw,   1.125rem);   /* 16–18px */
	--text-lg:             clamp(1.125rem, 2.5vw, 1.375rem);   /* 18–22px */
	--text-xl:             clamp(1.375rem, 3vw,   1.75rem);    /* 22–28px */
	--text-2xl:            clamp(1.75rem,  4vw,   2.5rem);     /* 28–40px */
	--text-3xl:            clamp(2.25rem,  5.5vw, 3.5rem);     /* 36–56px */
	--text-4xl:            clamp(2.75rem,  7vw,   4.5rem);     /* 44–72px */

	/* — Spacing — */
	--space-1:  0.25rem;   /* 4px   */
	--space-2:  0.5rem;    /* 8px   */
	--space-3:  0.75rem;   /* 12px  */
	--space-4:  1rem;      /* 16px  */
	--space-5:  1.25rem;   /* 20px  */
	--space-6:  1.5rem;    /* 24px  */
	--space-8:  2rem;      /* 32px  */
	--space-10: 2.5rem;    /* 40px  */
	--space-12: 3rem;      /* 48px  */
	--space-16: 4rem;      /* 64px  */
	--space-20: 5rem;      /* 80px  */
	--space-24: 6rem;      /* 96px  */

	/* — Borders & Radius — */
	--radius-sm:   4px;
	--radius:      8px;
	--radius-lg:   12px;
	--radius-xl:   20px;
	--radius-full: 9999px;

	/* — Shadows — */
	--shadow-sm:  0 1px 4px rgba(0,0,0,0.07);
	--shadow:     0 4px 16px rgba(0,0,0,0.10);
	--shadow-lg:  0 8px 32px rgba(0,0,0,0.14);
	--shadow-accent: 0 0 0 1px var(--color-accent), 0 4px 20px rgba(245,166,35,0.20);

	/* — Layout — */
	--container-max:  1610px;
	--container-wide: 1280px;
	--container-text: 900px;
	--container-blog: 1040px;

	/* — Transitions — */
	--transition-fast:   150ms ease;
	--transition-base:   250ms ease;
	--transition-slow:   400ms ease;
}


/* ==========================================================================
   1.0 - Normalize / Reset
   ========================================================================== */

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

html {
	font-family: var(--font-body);
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

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

pre {
	font-family: var(--font-mono);
	font-size: 1em;
}

a {
	background-color: transparent;
	text-decoration-skip-ink: auto;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: var(--font-mono);
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: var(--color-accent-dim);
	color: var(--color-text);
}

small {
	font-size: 80%;
}

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

sub { bottom: -0.25em; }
sup { top: -0.5em; }

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: var(--font-body);
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	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 var(--color-border);
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[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-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}


/* ==========================================================================
   2.0 - Typography
   ========================================================================== */

/* Section title pseudo-tags and icon elements */
#footer-instagram .widget-title,
#footer-social-navigation .widget-title,
.section-title,
#events-section .entry-summary::before,
#feature-slider-section .cycle-prev:before,
#feature-slider-section .cycle-next:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
input,
select,
textarea {
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: 400;
	line-height: 1.7;
	color: var(--color-text);
}

.site-title,
.widget .widget-title,
.home .custom-header-content .entry-title,
#testimonial-content-section .entry-title,
#team-content-section .entry-meta {
	font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: var(--font-display);
	font-weight: 700;
	line-height: 1.15;
	margin: 0;
	text-rendering: optimizeLegibility;
	letter-spacing: -0.02em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.drop-cap:first-letter,
.post-navigation .nav-title,
.comment-meta .author-name a,
#footer-instagram .widget-title,
#footer-social-navigation .widget-title,
.home .header-media .custom-header-content .site-header-text {
	font-family: var(--font-display);
}

p {
	margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 3px solid var(--color-accent);
	font-size: var(--text-lg);
	font-weight: 400;
	line-height: 1.55;
	margin: 0 0 1.75em;
	overflow: hidden;
	padding: 0 0 0 1.5em;
	color: var(--color-text-muted);
}

blockquote,
q {
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
	margin-bottom: 1em;
}

blockquote cite,
blockquote small {
	display: block;
	font-size: var(--text-sm);
	line-height: 1.6;
	text-decoration: underline;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var {
	font-family: var(--font-mono);
	font-size: var(--text-sm);
	background: rgba(0,0,0,0.06);
	padding: 0.15em 0.4em;
	border-radius: var(--radius-sm);
}

abbr,
acronym {
	border-bottom: 1px dotted var(--color-text-muted);
	cursor: help;
}

ins {
	background: var(--color-accent-dim);
	text-decoration: none;
}

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

sup { bottom: 1ex; }
sub { top: 0.5ex; }

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

.drop-cap::first-letter {
	font-size: 4.5em;
	font-weight: 800;
	float: left;
	line-height: 0.7;
	margin: 0.1em 0.1em 0 0;
	color: var(--color-accent);
}

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

table {
	border-collapse: collapse;
	margin: 0 0 1.75em;
	width: 100%;
}


/* ==========================================================================
   3.0 - FontAwesome (pseudo-element icon setup)
   ========================================================================== */

.fa,
.social-navigation a::before,
#events-section .entry-summary::before,
#feature-slider-section .cycle-prev:before,
#feature-slider-section .cycle-next:before,
#scrollup:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
}

.social-navigation a::before,
#events-section .entry-summary::before,
#scrollup:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.social-navigation a[href*="facebook.com"]::before,
.social-navigation a[href*="twitter.com"]::before,
.social-navigation a[href*="x.com"]::before,
.social-navigation a[href*="instagram.com"]::before,
.social-navigation a[href*="youtube.com"]::before,
.social-navigation a[href*="spotify.com"]::before,
.social-navigation a[href*="soundcloud.com"]::before,
.social-navigation a[href*="bandcamp.com"]::before,
.social-navigation a[href*="tiktok.com"]::before,
.social-navigation a[href*="apple.com"]::before,
.social-navigation a[href*="github.com"]::before,
.social-navigation a[href*="linkedin.com"]::before,
.social-navigation a[href*="pinterest.com"]::before,
.social-navigation a[href*="reddit.com"]::before,
.social-navigation a[href*="tumblr.com"]::before,
.social-navigation a[href*="twitch.tv"]::before,
.social-navigation a[href*="vimeo.com"]::before,
.social-navigation a[href*="discord.com"]::before,
.social-navigation a[href*="discord.gg"]::before,
.social-navigation a[href*="bsky.app"]::before,
.social-navigation a[href*="bsky.social"]::before,
.social-navigation a[href*="threads.com"]::before,
.social-navigation a[href*="t.me"]::before,
.social-navigation a[href*="wa.me"]::before,
.social-navigation a[href*="whatsapp.com"]::before,
.social-navigation a[href*="snapchat.com"]::before {
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
}

#events-section .entry-summary::before {
	margin-right: var(--space-2);
}

#feature-slider-section .cycle-prev:before,
#feature-slider-section .cycle-next:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

#feature-slider-section .cycle-prev:before {
	content: "\f053"; /* chevron-left */
}

#feature-slider-section .cycle-next:before {
	content: "\f054"; /* chevron-right */
}

/* RTL overrides */
.rtl #events-section .entry-summary::before {
	margin-right: 0;
	margin-left: var(--space-2);
}

.rtl #feature-slider-section .cycle-prev:before {
	content: "\f054";
}

.rtl #feature-slider-section .cycle-next:before {
	content: "\f053";
}


/* ==========================================================================
   4.0 - Elements
   ========================================================================== */

html {
	box-sizing: border-box;
}

hr {
	background-color: var(--color-border);
	border: 0;
	height: 1px;
	margin: var(--space-8) 0;
}

ul,
ol {
	margin: 0 0 1.75em 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

table {
	margin: 0 0 1.75em;
	width: 100%;
}

table,
th,
td {
	border: 1px solid var(--color-border);
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 1px 1px 2px;
	font-weight: 700;
}

caption,
th,
td {
	padding: var(--space-2) var(--space-4);
}

caption {
	font-size: var(--text-sm);
	font-style: italic;
	margin-bottom: var(--space-4);
}

.displaynone  { display: none !important; }
.displayblock { display: block !important; }


/* ==========================================================================
   5.0 - Spacing Utilities
   ========================================================================== */

.header-top-bar .wrapper,
#secondary-menu-wrapper .wrapper {
	padding: var(--space-4) var(--space-6);
}

#header-content .wrapper {
	padding: var(--space-5) var(--space-6);
}

.header-media .more-link .readmore,
#feature-slider-section .more-link .readmore,
#hero-section .more-link .readmore,
.promotion-section .more-link .readmore {
	padding: var(--space-4) var(--space-8);
}

.section-heading-wrapper {
	padding: var(--space-8);
	margin: 0 auto;
}

.site-main .section-heading-wrapper {
	padding-top: 0;
}

.archive-posts-wrapper .hentry,
.archive-posts-wrapper .product,
.site-main .hentry,
.comments-title,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	margin: 0 0 var(--space-8);
}

.author-title,
.author-avatar,
.author-description,
.comment-reply-title {
	margin: 0 0 var(--space-6);
}

.widget {
	margin: 0 0 var(--space-10);
}

.widget .widget-title {
	margin: 0 0 var(--space-6);
}

.widget li {
	margin-bottom: var(--space-2);
}

.widget li > ul,
.widget li > ol {
	clear: both;
	margin-top: var(--space-2);
	margin-left: var(--space-4);
}

.widget li:last-child {
	margin-bottom: 0;
}

#colophon .widget li:last-child {
	margin-bottom: 0;
}

.comment-list .children {
	margin-top: 0;
	margin-bottom: 0;
}

.page-links {
	margin: var(--space-6) 0 0;
}

.page-links-title {
	margin-top: 0;
	margin-bottom: 0;
}

.site-main {
	margin-top: var(--space-6);
}

.site-footer .footer-widget-area + #site-generator .social-navigation {
	margin-bottom: var(--space-12);
}

.sidebar {
	padding-bottom: var(--space-8);
}

.promotion-section.section {
	padding: var(--space-20) 0;
}

/* Recent posts / blog */
.recent-blog-content .view-more {
	text-align: left;
}

.view-more {
	clear: both;
	margin: 0 0 var(--space-8);
	padding: 0 var(--space-6);
	text-align: center;
}

/* Author section */
.author-info {
	clear: both;
	margin-top: var(--space-8);
	text-align: center;
}

.site-content .wrapper {
	padding: var(--space-12) var(--space-6);
}

#hero-section {
	padding: 0;
}

.section,
#footer-newsletter .widget {
	padding: var(--space-6) 0;
}

.widget-column {
	padding: var(--space-8) var(--space-12);
}

.more-link {
	clear: both;
	display: block;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.12em;
	margin-top: var(--space-6);
	text-decoration: none;
	text-transform: uppercase;
	word-wrap: break-word;
}

.more-link .readmore {
	text-decoration: none;
}

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


/* ==========================================================================
   6.0 - Forms
   ========================================================================== */

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background-color: var(--color-surface);
	border: 1.5px solid var(--color-border);
	border-radius: var(--radius);
	color: var(--color-text);
	padding: var(--space-3) var(--space-4);
	transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
	width: 100%;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: var(--color-surface);
	border-color: var(--color-accent);
	box-shadow: 0 0 0 3px var(--color-accent-dim);
	outline: 0;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

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

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	display: block;
	font-size: var(--text-sm);
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form,
.woocommerce-product-search {
	clear: both;
	position: relative;
}

input[type="search"].search-field {
	-webkit-appearance: none;
	border-radius: var(--radius-full) 0 0 var(--radius-full);
	margin: 0;
	padding: var(--space-3) var(--space-12) var(--space-3) var(--space-4);
	width: 100%;
}

.search-submit {
	border: none;
	border-radius: 0 var(--radius-full) var(--radius-full) 0;
	background-color: var(--color-accent);
	color: var(--color-dark);
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 49px;
	transition: background-color var(--transition-fast);
}

.search-submit:hover,
.search-submit:focus {
	background-color: var(--color-accent-hover);
}

select {
	border: 1.5px solid var(--color-border);
	border-radius: var(--radius);
	font-size: var(--text-sm);
	padding: var(--space-2) var(--space-3);
	background-color: var(--color-surface);
}

textarea {
	margin-top: var(--space-2);
	width: 100%;
}

/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: var(--color-accent);
	border: none;
	border-radius: var(--radius);
	color: var(--color-dark);
	cursor: pointer;
	display: inline-block;
	font-family: var(--font-body);
	font-size: var(--text-sm);
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.5;
	padding: var(--space-3) var(--space-6);
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus {
	background-color: var(--color-accent-hover);
	box-shadow: 0 4px 16px rgba(245,166,35,0.35);
	outline: none;
}

#content #infinite-handle span {
	background: none transparent;
	display: inline-block;
	padding: 0;
}

#content #infinite-handle span button {
	display: inline;
	font-weight: 700;
	line-height: 1.6;
}

/* Scrollup button */
#scrollup {
	border-radius: var(--radius-full);
	border: none;
	cursor: pointer;
	display: none;
	outline: none;
	padding: var(--space-2);
	position: fixed;
	bottom: var(--space-6);
	right: var(--space-6);
	text-decoration: none;
	text-align: center;
	width: 44px;
	height: 44px;
	z-index: 9999;
	background-color: var(--color-accent);
	color: var(--color-dark);
	transition: background-color var(--transition-fast), transform var(--transition-fast);
}

#scrollup:hover,
#scrollup:focus {
	text-decoration: none;
	transform: translateY(-3px);
}


/* ==========================================================================
   7.0 - Navigation
   ========================================================================== */

/* — 7.1 Links — */

a {
	text-decoration: none;
}

a:focus {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

a:hover,
a:active {
	outline: 0;
}


/* — 7.2 Main Menu — */

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	margin: 0;
	position: relative;
}

.menu-social-container {
	padding: var(--space-3) var(--space-4);
}

.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a {
	padding-right: 49px;
}

.main-navigation a {
	display: block;
	line-height: 1.5;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: var(--text-xs);
	font-weight: 600;
}

.search-container {
	padding: var(--space-6);
}

.main-navigation a,
#primary-menu-wrapper .search-container {
	padding: var(--space-4) var(--space-6);
}

.main-navigation ul ul {
	margin-left: 0.875em;
}

.main-navigation ul ul a {
	text-transform: capitalize;
}

.navigation-classic .main-navigation {
	clear: both;
	border: none;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	right: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a {
	text-decoration: underline;
}

#primary-search-wrapper {
	display: none;
}

.menu-inside-wrapper {
	position: absolute;
	right: -100%;
	top: 61px;
	width: 100%;
	max-width: 100%;
	visibility: hidden;
	z-index: 199;
	transition: all 0.3s ease-in-out 0s;
}

.is-open .menu-inside-wrapper {
	right: 0;
	visibility: visible;
}

body.menu-open {
	overflow-y: scroll;
	width: 100%;
}

.menu-open .overlay {
	background: rgba(0, 0, 0, 0.55);
	width: 100%;
	height: 100%;
	z-index: 90;
	position: absolute;
}

.menu-toggle-wrapper {
	padding: var(--space-1);
}

.menu-toggle {
	background-color: transparent;
	font-weight: 400;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle.selected {
	background-color: transparent;
}

#primary-search-wrapper .menu-toggle {
	border-radius: var(--radius-full);
	display: inline-block;
	height: 38px;
	padding: 0;
	text-align: center;
	width: 38px;
}

/* Dropdown Toggle */
.dropdown-toggle {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	display: block;
	font-size: var(--text-lg);
	right: 0;
	line-height: 1.172;
	margin: 0 auto;
	padding: var(--space-4) var(--space-5);
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
	outline: none;
}

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

.main-navigation ul .toggled-on {
	display: block;
}

#primary-search-wrapper > .social-navigation {
	display: none;
	float: left;
}

#primary-search-wrapper > .social-navigation .menu-social-container {
	padding: var(--space-6) 0;
}

.menu-label {
	display: none;
}


/* — 7.3 Social Menu — */

.mobile-social-search {
	clear: both;
}

#header-menu-social::before {
	border-bottom: 1px solid;
	content: '';
	display: block;
	margin: var(--space-6) auto var(--space-2) var(--space-6);
	width: 50px;
}

.social-navigation,
.social-links-menu {
	font-size: var(--text-base);
	padding: 0;
}

.social-navigation ul,
.social-links-menu ul {
	list-style: none;
	margin: 0;
}

.social-navigation li,
.social-links-menu li {
	display: inline-block;
	margin: 0;
}

.social-navigation a,
.social-links-menu a {
	background-color: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-base);
	height: 38px;
	overflow: hidden;
	margin: 2px 3px;
	text-align: center;
	width: 38px;
	transition: color var(--transition-base), background-color var(--transition-base), transform var(--transition-fast);
}

.social-navigation a:hover,
.social-links-menu a:hover {
	transform: translateY(-2px);
}

.widget .social-links-menu a {
	border: 1.5px solid;
	border-radius: var(--radius-full);
}

/* Social icon unicode map */
.social-navigation a::before { content: "\f0c1"; }
.social-navigation a[href*="amazon.com"]::before     { content: "\f270"; }
.social-navigation a[href*="apple.com"]::before      { content: "\f179"; }
.social-navigation a[href*="bandcamp.com"]::before   { content: "\f2d5"; }
.social-navigation a[href*="behance.com"]::before    { content: "\f1b4"; }
.social-navigation a[href*="codepen.io"]::before     { content: "\f1cb"; }
.social-navigation a[href*="deviantart.com"]::before { content: "\f1bd"; }
.social-navigation a[href*="digg.com"]::before       { content: "\f1a6"; }
.social-navigation a[href*="dribbble.com"]::before   { content: "\f17d"; }
.social-navigation a[href*="dropbox.com"]::before    { content: "\f16b"; }
.social-navigation a[href*="etsy.com"]::before       { content: "\f2d7"; }
.social-navigation a[href*="facebook.com"]::before   { content: "\f39e"; }
.social-navigation a[href*="flickr.com"]::before     { content: "\f16e"; }
.social-navigation a[href*="foursquare.com"]::before { content: "\f180"; }
.social-navigation a[href*="plus.google.com"]::before{ content: "\f0d5"; }
.social-navigation a[href*="getpocket.com"]::before  { content: "\f265"; }
.social-navigation a[href*="github.com"]::before     { content: "\f09b"; }
.social-navigation a[href*="instagram.com"]::before  { content: "\f16d"; }
.social-navigation a[href*="line.me"]::before        { content: "\f3c0"; }
.social-navigation a[href*="linkedin.com"]::before   { content: "\f0e1"; }
.social-navigation a[href*="path.com"]::before       { content: "\f20c"; }
.social-navigation a[href*="pinterest.com"]::before  { content: "\f231"; }
.social-navigation a[href*="play.google.com"]::before{ content: "\f3ab"; }
.social-navigation a[href*="reddit.com"]::before     { content: "\f1a1"; }
.social-navigation a[href*="skype.com"]::before      { content: "\f17e"; }
.social-navigation a[href*="soundcloud.com"]::before { content: "\f1be"; }
.social-navigation a[href*="spotify.com"]::before    { content: "\f1bc"; }
.social-navigation a[href*="stumbleupon.com"]::before{ content: "\f1a4"; }
.social-navigation a[href*="tiktok.com"]::before     { content: "\e07b"; }
.social-navigation a[href*="tumblr.com"]::before     { content: "\f174"; }
.social-navigation a[href*="twitch.tv"]::before      { content: "\f1e8"; }
.social-navigation a[href*="twitter.com"]::before    { content: "\f099"; }
.social-navigation a[href*="x.com"]::before          { content: "\e61b"; }
.social-navigation a[href*="youtube.com"]::before    { content: "\f167"; }
.social-navigation a[href*="vimeo.com"]::before      { content: "\f27d"; }
.social-navigation a[href*="vk.com"]::before         { content: "\f189"; }
.social-navigation a[href*="wordpress.com"]::before,
.social-navigation a[href*="wordpress.org"]::before  { content: "\f19a"; }
.social-navigation a[href*="xing.com"]::before       { content: "\f168"; }
.social-navigation a[href*="mailto:"]::before        { content: "\f0e0"; }
.social-navigation a[href*="tel:"]::before           { content: "\f879"; }
.social-navigation a[href*="/feed"]::before          { content: "\f09e"; }
.social-navigation a[href*="discord.com"]::before,
.social-navigation a[href*="discord.gg"]::before     { content: "\f392"; }
.social-navigation a[href*="bsky.app"]::before,
.social-navigation a[href*="bsky.social"]::before    { content: "\e671"; }
.social-navigation a[href*="threads.com"]::before    { content: "\e618"; }
.social-navigation a[href*="t.me"]::before           { content: "\f2c6"; }
.social-navigation a[href*="wa.me"]::before,
.social-navigation a[href*="whatsapp.com"]::before   { content: "\f232"; }
.social-navigation a[href*="snapchat.com"]::before   { content: "\f2ab"; }

/* Footer / site-generator social */
#footer-social-navigation .social-navigation,
#site-generator .social-navigation {
	margin-bottom: var(--space-8);
	text-align: center;
}

.site-footer .menu-social-container,
#footer-social-navigation .menu-social-container {
	padding: 0;
}

#footer-social-navigation .social-navigation a,
#site-generator .social-navigation a {
	border: none;
	border-radius: var(--radius-full);
	transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);
}

#footer-social-navigation .social-navigation a:hover,
#site-generator .social-navigation a:hover {
	transform: translateY(-3px);
}

#footer-social-navigation .social-navigation a::before,
#site-generator .social-navigation a::before {
	line-height: 38px;
}


/* — 7.4 Post Navigation — */

.post-navigation {
	clear: both;
}

.post-navigation a {
	display: block;
	text-decoration: none;
}

.post-navigation span {
	display: block;
}

.post-navigation .nav-subtitle {
	font-weight: 700;
	letter-spacing: 0.075em;
	margin-bottom: 0.875em;
	text-transform: uppercase;
	font-size: var(--text-xs);
}

.post-navigation .nav-title {
	display: block;
	text-rendering: optimizeLegibility;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	position: relative;
	vertical-align: top;
}

.pagination .prev,
.pagination .next {
	width: 100%;
}

.pagination .prev { float: left;  }
.pagination .next { float: right; }

.image-navigation,
.comment-navigation {
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	font-size: var(--text-sm);
	line-height: 1.6;
	margin: 0 7.7% 2.15em;
	padding: 1.08em 0;
}

.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty)::before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty)::before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.54em;
}

.posts-navigation,
.pagination,
#content #infinite-handle {
	clear: both;
	letter-spacing: 0.1em;
	text-align: center;
}

#content #infinite-handle {
	display: block;
}

.posts-navigation a,
.pagination .prev,
.pagination .next {
	display: inline-block;
	font-weight: 800;
	line-height: 1.6;
	text-transform: uppercase;
}

.pagination .page-numbers {
	display: inline-block;
	margin: var(--space-2) 0;
	padding: var(--space-2);
	text-transform: uppercase;
}

.posts-navigation a,
.pagination .prev,
.pagination .next,
#content #infinite-handle span button,
.header-media .more-link .readmore,
#feature-slider-section .more-link .readmore,
#hero-section .more-link .readmore,
.promotion-section .more-link .readmore {
	border: none;
	border-radius: var(--radius);
	display: inline-block;
}

.infinite-loader {
	clear: both;
}


/* — 7.5 Breadcrumb — */

.breadcrumb-area {
	text-align: center;
	width: 100%;
	font-weight: normal;
}

.entry-breadcrumbs,
.woocommerce .woocommerce-breadcrumb {
	margin: 0;
	padding: var(--space-4);
	font-size: var(--text-xs);
	letter-spacing: 0.04em;
}

.entry-breadcrumbs a,
.woocommerce .woocommerce-breadcrumb a {
	position: relative;
	font-weight: normal;
	text-decoration: none;
}

.entry-breadcrumbs .sep,
.woocommerce .woocommerce-breadcrumb .sep {
	margin: 0 var(--space-3);
}


/* — 7.6 Scroll Up already in 6.0 buttons — */


/* ==========================================================================
   8.0 - Accessibility
   ========================================================================== */

.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--color-surface);
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow-lg);
	clip: auto !important;
	color: var(--color-text);
	display: block;
	font-size: var(--text-sm);
	font-weight: 700;
	height: auto;
	left: var(--space-2);
	padding: var(--space-4) var(--space-6);
	text-decoration: none;
	top: var(--space-2);
	width: auto;
	z-index: 100000;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

.skip-link {
	position: absolute;
	top: -999em;
}

.skip-link:focus {
	top: var(--space-2);
	left: var(--space-2);
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/* ==========================================================================
   9.0 - Alignments
   ========================================================================== */

.alignleft  { display: inline; float: left;  margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em;  }
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignfull  { margin: 0 calc(-50vw + 50%); max-width: 100vw; }
.alignwide  { margin: 0 calc(-10% - 24px); }

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4375em 1.75em 1.75em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4375em 0 1.75em 1.75em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4375em;
	margin-bottom: 1.75em;
}

.wp-caption.alignleft  { margin-right: 1.5em; }
.wp-caption.alignright { margin-left: 1.5em;  }


/* ==========================================================================
   10.0 - Clearings
   ========================================================================== */

.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.entry-summary::before,
.entry-summary::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-main::before,
.site-main::after,
.site-footer::before,
.site-footer::after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear::after,
.entry-content::after,
.entry-summary::after,
.comment-content::after,
.site-header::after,
.site-main::after,
.site-footer::after {
	clear: both;
}

.wrapper::before,
.wrapper::after {
	content: "";
	display: table;
	table-layout: fixed;
}

.wrapper::after {
	clear: both;
}

#colophon .wrapper::before,
#colophon .wrapper::after {
	content: "";
	display: table;
	table-layout: fixed;
}

#colophon .wrapper::after {
	clear: both;
}


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

.widget select {
	max-width: 100%;
}

.widget .widget-title {
	font-size: var(--text-sm);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: var(--space-3);
	border-bottom: 2px solid var(--color-accent);
	margin-bottom: var(--space-4);
}

.widget .widget-title:empty {
	display: none;
}

.widget_tag_cloud .tagcloud a {
	display: inline-block;
	margin: 2px 3px;
	padding: var(--space-1) var(--space-3);
	border: 1.5px solid var(--color-border);
	border-radius: var(--radius-full);
	font-size: var(--text-sm) !important;
	transition: border-color var(--transition-fast), color var(--transition-fast);
}

.widget_tag_cloud .tagcloud a:hover {
	border-color: var(--color-accent);
	color: var(--color-accent);
}

.section-content-wrapper .post-thumbnail {
	width: 100%;
}

.section-content-wrapper .entry-title,
.section-content-wrapper .entry-meta {
	margin: 0 0 var(--space-2);
}

.section-content-wrapper .entry-summary,
.section-content-wrapper .entry-content {
	display: none;
}

.section-content-wrapper .entry-container > :last-child {
	margin-bottom: 0;
}

/* Footer widget title */
#footer-social-navigation .widget-title,
#footer-instagram .widget-title {
	font-family: var(--font-display);
}

#footer-social-navigation .widget-title {
	font-size: var(--text-xl);
	letter-spacing: -0.01em;
}

#footer-instagram .widget-title {
	font-size: var(--text-lg);
}

#footer-social-navigation .widget-title,
#footer-instagram .widget-title {
	margin: var(--space-12) auto var(--space-8);
}


/* ==========================================================================
   12.0 - Content
   ========================================================================== */

/* — 12.1 Header — */

.wrapper {
	margin: 0 auto;
	max-width: var(--container-max);
	width: 100%;
}

.header-media-boxed .breadcrumb-area,
.header-media-boxed:not(.header-media-text-disabled) .header-media .wrapper {
	position: relative;
}

.header-media-text-disabled.has-header-video.header-media-boxed .custom-header {
	max-width: 1510px;
	margin: 0 auto;
}

#top-playlist-section .wrapper,
.header-media .wrapper,
#feature-slider-section-section .wrapper,
#footer-social-navigation .wrapper,
#footer-instagram .wrapper,
.gallery-section .wrapper {
	width: 100%;
	max-width: 2560px;
}

.promotion-section .wrapper {
	max-width: var(--container-max);
}

#top-playlist-section.boxed .wrapper,
#top-playlist-section.boxed .wp-playlist-tracks,
.header-media-boxed .breadcrumb-area,
.header-media-boxed .header-media .wrapper,
.gallery-section.boxed-layout .wrapper {
	max-width: 1510px;
}

.recent-blog-content .wrapper {
	max-width: var(--container-blog);
	margin: 0 auto;
}

.site-content {
	border-bottom: 1px solid var(--color-border);
	word-wrap: break-word;
}

.below-site-header {
	width: 100%;
	overflow-y: hidden;
	position: relative;
	z-index: 2;
}

/* Header main bar */
.site-header-main .wrapper {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	padding: var(--space-3) var(--space-6);
}

#masthead {
	position: sticky;
	top: 0;
	z-index: 200;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.site-branding {
	flex: 1;
	margin: var(--space-4) auto var(--space-4) var(--space-5);
}

.site-title {
	font-family: var(--font-display);
	font-size: var(--text-xl);
	font-weight: 800;
	letter-spacing: -0.03em;
	margin: 0;
}

.site-title a {
	text-decoration: none;
}

.site-description {
	font-size: var(--text-xs);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0;
}

/* Hero / Custom Header Content */
.custom-header {
	clear: both;
	position: relative;
}

.custom-header .post-thumbnail {
	margin: 0;
}

.has-header-video .custom-header-media img {
	display: none;
}

.custom-header-content {
	display: block;
	max-width: var(--container-max);
	margin: 0 auto;
	position: relative;
	text-align: center;
	z-index: 2;
}

.custom-header-content.content-align-left  { text-align: left; }
.custom-header-content.content-align-right { text-align: right; }

.custom-header-content.content-align-left .section-title::after  { margin: 28px 0 auto; }
.custom-header-content.content-align-right .section-title::after { margin: 28px 0 auto auto; }

.custom-header-content .entry-title {
	font-weight: 400;
}

.home .custom-header-content .entry-title {
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.home .custom-header-content .site-header-text {
	line-height: 1.2;
}

.custom-header-content .site-header-text {
	margin-top: var(--space-6);
}

.custom-header-media img {
	display: none;
}

.header-media-text-disabled .custom-header-media img {
	display: block;
	position: relative;
}

.header-media .wrapper::after {
	bottom: 0;
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.custom-header .wrapper::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.custom-header-media img,
.custom-header-media video,
.custom-header-media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

@supports (object-fit: cover) {
	.custom-header-media img,
	.custom-header-media video,
	.custom-header-media iframe {
		height: 100%;
		left: 0;
		object-fit: cover;
		top: 0;
		transform: none;
		width: 100%;
	}
}

.custom-header-media .wp-custom-header-video-button {
	border-radius: var(--radius-full);
	font-size: var(--text-lg);
	opacity: 0;
	overflow: hidden;
	padding: var(--space-4);
	position: absolute;
	left: 49%;
	bottom: var(--space-8);
	z-index: 100;
	transition: opacity var(--transition-base);
}

.header-media:hover .wp-custom-header-video-button {
	opacity: 1;
}

.header-media-text-disabled.has-header-video .custom-header {
	min-height: 280px;
}


/* — 12.2 Posts and pages — */

.site-main .hentry,
.archive-posts-wrapper .product,
.featured-content-wrapper .hentry,
.portfolio-content-wrapper .hentry,
.team-content-wrapper .hentry,
#testimonial-content-section .hentry {
	float: left;
	position: relative;
	width: 100%;
}

.single .site-main .entry-header,
.page .site-main .entry-header,
.archive .page-header,
.error404 .page-header,
.search .page-header,
.woocommerce-products-header {
	text-align: center;
}

.post-thumbnail {
	display: block;
	position: relative;
}

.post-thumbnail img {
	display: block;
	margin: 0 auto;
}

/* Heading size scale inside content */
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
	font-size: var(--text-3xl);
	line-height: 1.15;
	margin-top: 1.17em;
	margin-bottom: 0.58em;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
	font-size: var(--text-2xl);
	line-height: 1.2;
	margin-top: 1.56em;
	margin-bottom: 0.78em;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
	font-size: var(--text-xl);
	line-height: 1.2;
	margin-top: 1.75em;
	margin-bottom: 0.875em;
}

.entry-content h4,
.comment-content h4,
.textwidget h4 { font-size: var(--text-lg); }

.entry-content h5,
.comment-content h5,
.textwidget h5 { font-size: var(--text-base); }

.entry-content h6,
.comment-content h6,
.textwidget h6 { font-size: var(--text-sm); }

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	line-height: 1.3;
	margin-top: 2.15em;
	margin-bottom: 1.08em;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}

.post-navigation .nav-title,
.entry-title,
.comments-title {
	hyphens: auto;
}

.custom-header-content > :last-child,
.entry-content > :last-child,
.entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}

.author-avatar .avatar {
	height: 125px;
	width: 125px;
	border-radius: var(--radius-full);
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-description .author-title {
	clear: none;
	line-height: 1.75;
}

.author-bio { overflow: hidden; }

.author-link {
	display: block;
	margin-top: var(--space-6);
	white-space: nowrap;
}

.entry-footer:empty {
	margin: 0;
}

.sticky-post {
	display: inline-block;
	margin-bottom: var(--space-4);
	letter-spacing: 0.075em;
	padding: var(--space-1) var(--space-3);
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
	font-size: var(--text-xs);
	background: var(--color-accent);
	color: var(--color-dark);
	border-radius: var(--radius-sm);
}

.entry-meta {
	line-height: 2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: var(--text-xs);
}

.entry-meta a { text-decoration: none; }

.entry-meta a:hover,
.entry-meta a:focus {
	text-decoration: underline;
}

.entry-meta .sep {
	display: none;
}

.entry-header .entry-meta > span,
.entry-footer .entry-meta > span {
	clear: both;
	display: block;
}

.entry-footer .entry-meta > span {
	margin: var(--space-6) 0 0;
}

.updated:not(.published) {
	display: none;
}

.taxonomy-description p {
	margin: 0.54em 0 1.62em;
}


/* — 12.3 Post Formats — */

.entry-content pre,
.entry-summary pre {
	font-family: var(--font-mono);
	background: var(--color-dark-mid);
	color: var(--color-text-light);
	border-radius: var(--radius);
	padding: var(--space-6);
	overflow-x: auto;
	line-height: 1.6;
}


/* — 12.4 Comments — */

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-bottom: 1px solid var(--color-border);
	padding-bottom: var(--space-6);
	margin-bottom: var(--space-6);
}

.comment-list .children {
	margin-left: var(--space-6);
}

.comment-body .avatar {
	border-radius: var(--radius-full);
}

.comment-respond {
	margin-top: var(--space-8);
}


/* — 12.5 Sidebar — */

.sidebar .widget .widget-title {
	font-family: var(--font-display);
	font-size: var(--text-sm);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 700;
}


/* — 12.6 Footer — */

.site-footer .footer-widget-area + #site-generator .site-info {
	margin-top: 0;
}

.site-footer .footer-widget-area + #site-generator > .social-navigation {
	margin-top: var(--space-8);
}

#site-generator {
	padding: var(--space-6) 0 var(--space-8);
	text-align: center;
}

.site-info {
	font-size: var(--text-xs);
	letter-spacing: 0.04em;
}


/* ==========================================================================
   13.0 - Media
   ========================================================================== */

/* — 13.1 Captions — */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	font-size: var(--text-xs);
	margin: 0;
	padding: var(--space-2) var(--space-4);
}


/* — 13.2 Galleries — */

.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: 1.75em;
}

.gallery-item {
	flex: 1 1 200px;
	text-align: center;
}

.gallery-caption {
	display: block;
	font-size: var(--text-xs);
}

.gallery-item img {
	border: 0;
	height: auto;
	width: 100%;
}


/* ==========================================================================
   14.0 - Modules
   ========================================================================== */

/* — Section shared — */

.section {
	border-bottom: 1px solid var(--color-border-dark);
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.section-heading-wrapper,
#testimonial-content-section .section-content-wrapper {
	display: block;
	max-width: var(--container-text);
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100%;
}

#testimonial-content-section .cycle-slideshow {
	overflow: hidden;
}

#hero-section .entry-title::after,
.section-title::after {
	background: var(--color-accent);
	border: none;
	border-radius: var(--radius-full);
	content: '';
	display: block;
	height: 3px;
	margin: var(--space-5) auto 0;
	width: 48px;
}

.archive-post-wrap .entry-footer .entry-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	letter-spacing: 0.075em;
	text-align: left;
	width: 100%;
}

.archive-post-wrap .entry-footer .entry-meta > span {
	margin: 0;
	padding: var(--space-2) var(--space-4);
}


/* — 14.1 Slider — */

#feature-slider-section {
	border: none;
	clear: both;
	display: block;
	padding: 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#feature-slider-section .wrapper {
	max-width: 100%;
}

#feature-slider-section .hentry {
	width: 100%;
}

#feature-slider-section .slider-image {
	margin: 0;
}

#feature-slider-section .slider-image-thumbnail {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#feature-slider-section .slider-content-wrapper {
	padding: var(--space-12) var(--space-6);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 101;
	width: 100%;
	transform: translateY(-50%);
}

#feature-slider-section .entry-container {
	display: block;
	margin: 0 auto;
}

#feature-slider-section .entry-container a {
	text-decoration: none;
}

#feature-slider-section .entry-summary,
#feature-slider-section .entry-content {
	display: none;
	margin-top: var(--space-6);
}

#feature-slider-section .cycle-pager {
	display: block;
	position: absolute;
	bottom: var(--space-4);
	left: 0;
	text-align: center;
	width: 100%;
	z-index: 199;
}

#feature-slider-section .cycle-pager span {
	cursor: pointer;
	display: inline-block;
	height: 4px;
	margin: 0 5px;
	overflow: hidden;
	width: 40px;
	border-radius: var(--radius-full);
	transition: background-color var(--transition-base), width var(--transition-base);
}

#feature-slider-section .cycle-prev,
#feature-slider-section .cycle-next {
	background-color: transparent;
	border: 2px solid;
	border-radius: var(--radius-full);
	cursor: pointer;
	outline: none;
	opacity: 0;
	position: absolute;
	top: 48%;
	padding: var(--space-2);
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 43px;
	z-index: 199;
	transition: opacity var(--transition-base), border-color var(--transition-fast), left var(--transition-slow), right var(--transition-slow);
}

#feature-slider-section .cycle-prev { left: -42px; }
#feature-slider-section .cycle-next { right: -42px; }

#feature-slider-section .cycle-prev .icon,
#feature-slider-section .cycle-next .icon {
	height: 24px;
	width: 24px;
}

#feature-slider-section .cycle-prev:hover,
#feature-slider-section .cycle-prev:focus,
#feature-slider-section .cycle-next:hover,
#feature-slider-section .cycle-next:focus {
	text-decoration: none;
}


/* — 14.2 Featured Content & Portfolio — */

.featured-content-wrapper,
.portfolio-content-wrapper {
	position: relative;
}

.events-content-wrapper a,
.featured-content-wrapper a,
.portfolio-content-wrapper a {
	text-decoration: none;
}

.featured-content-wrapper .post-thumbnail,
.portfolio-content-wrapper .post-thumbnail {
	width: 100%;
}

.portfolio-content-wrapper .post-thumbnail img {
	width: 100%;
}

/* Featured Content Style 2 */
#featured-content-section.style-two .hentry:hover .hentry-inner,
#featured-content-section.style-two .hentry:focus .hentry-inner {
	box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}

/* Portfolio Style 2 hover reveal */
#portfolio-content-section.style-two .entry-container {
	transition: opacity var(--transition-base);
}


/* — 14.3 Hero Content — */

.hero-content-wrapper .entry-container {
	padding: var(--space-8) var(--space-6);
}


/* — 14.4 Team Content Section — */

#team-content-section .artist-social-profile .social-navigation a:hover,
#team-content-section .artist-social-profile .social-navigation a:focus {
	transform: scale(1.15);
}

#team-content-section .artist-social-profile {
	transition: opacity var(--transition-base), box-shadow var(--transition-base);
}


/* — 14.5 Testimonials — */

#testimonial-content-section .section-content-wrap,
#testimonial-content-section .entry-container {
	padding: var(--space-10) var(--space-8) var(--space-8);
}

#testimonial-content-section .hentry-inner:before {
	font-size: 120px;
	line-height: 1;
	top: var(--space-8);
}


/* — 14.6 Events Section — */

#events-section .entry-summary::before {
	content: "\f073"; /* calendar icon */
}

.event-list-item .entry-container {
	position: relative;
}

.events-content-wrapper .more-link {
	padding: var(--space-8) var(--space-6);
}


/* — 14.7 Promotional Headline — */

.promotion-section .entry-container-frame {
	padding: var(--space-10) var(--space-8);
}


/* — 14.8 Playlist Section — */

.playlist-content-wrapper .entry-container {
	padding: 0 0 0 var(--space-8);
}

.content-align-left .playlist-content-wrapper .entry-container {
	padding: 0 var(--space-8) 0 0;
}


/* — 14.9 Audio Player — */

.wp-audio-shortcode.my-music-band-mejs-container.mejs-container .mejs-controls {
	border-radius: 0 0 var(--radius) var(--radius);
}

.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
	border-radius: var(--radius-full);
}

.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	border-radius: var(--radius-full);
}


/* — 14.10 Top Playlist Section — */

#top-playlist-section .wp-playlist-item:last-child {
	border-bottom: none;
}


/* — 14.11 Gallery Section — */

#gallery-section .tiled-gallery .tiled-gallery-item a::before {
	transition: opacity var(--transition-base), background-color var(--transition-base);
}


/* — 14.12 App Section — */


/* ==========================================================================
   15.0 - WooCommerce
   ========================================================================== */

/* 15.1 - Clearing */
.woocommerce::before,
.woocommerce::after {
	content: "";
	display: table;
}

.woocommerce::after {
	clear: both;
}

/* 15.2 - Layout */
.woocommerce .woocommerce-result-count {
	float: left;
}

.woocommerce .woocommerce-ordering {
	float: right;
}

.woocommerce .products ul,
.woocommerce ul.products {
	clear: both;
}

/* 15.3 - Shop tables */
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
	padding: var(--space-3) var(--space-4);
}

/* 15.4 - Products */
.woocommerce ul.products li.product .onsale {
	background-color: var(--color-accent);
	color: var(--color-dark);
	border-radius: var(--radius-full);
}

.woocommerce ul.products li.product .price {
	color: var(--color-text-muted);
}

.woocommerce ul.products li.product .price ins {
	color: var(--color-text);
}

/* 15.5 - Infinite Scroll */
.infinite-loader #ctis-loading img {
	width: 35px;
}

/* 15.6 - Onsale */
.woocommerce span.onsale {
	background-color: var(--color-accent);
	color: var(--color-dark);
	font-weight: 700;
}

/* 15.7 - Price */
del {
	opacity: 0.6;
}

ins {
	font-weight: 700;
}

/* 15.8 - Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--color-accent);
	color: var(--color-dark);
	border-radius: var(--radius);
	font-weight: 700;
	transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--color-accent-hover);
	box-shadow: 0 4px 16px rgba(245,166,35,0.3);
}

/* 15.9 - Single product */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border-radius: var(--radius) var(--radius) 0 0;
}

/* 15.10 - Checkout */
.woocommerce-checkout #payment {
	border-radius: var(--radius);
}

/* 15.11 - My account */
.woocommerce-account .woocommerce-MyAccount-navigation {
	border-radius: var(--radius);
	overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: var(--space-3) var(--space-4);
	text-decoration: none;
}

/* 15.12 - General WooCommerce components */

/* 15.12.1 - Header cart */
#primary-menu-wrapper #site-header-cart-wrapper {
	padding: var(--space-3) var(--space-4);
}

.site-header-cart .cart-contents {
	text-decoration: none;
}

/* 15.12.2 - Pagination */
.woocommerce nav.woocommerce-pagination {
	margin: var(--space-4) 0 var(--space-8);
}

.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
	border-radius: var(--radius-sm);
}

/* 15.12.3 - Star rating */
.star-rating span::before,
p.stars:hover a::before,
p.stars.selected a.active::before,
p.stars.selected a:not(.active)::before {
	color: var(--color-accent);
}

/* 15.12.4 - Tabs */
.woocommerce-tabs ul.tabs {
	border-bottom: 2px solid var(--color-border);
}

.woocommerce-tabs ul.tabs li {
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}

.woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--color-surface);
}

/* 15.12.5 - Password strength meter */
.woocommerce-password-strength {
	border-radius: var(--radius-sm);
	padding: var(--space-2) var(--space-4);
}

/* 15.12.6 - Forms */
.woocommerce form .form-row {
	margin: 0 0 var(--space-4);
}

/* 15.12.7 - Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.demo_store,
p.no-comments {
	border-radius: var(--radius);
	padding: var(--space-4) var(--space-6);
	font-size: var(--text-sm);
}

.woocommerce-info a:hover,
.woocommerce-info a:focus { text-decoration: underline; }

/* 15.12.8 - WooCommerce widgets */
.woocommerce .widget_shopping_cart .cart_list li {
	padding: var(--space-3) 0;
}

/* 15.12.8.1 - WooCommerce Price Filter */
.widget_price_filter .price_slider_wrapper .ui-widget-content {
	border-radius: var(--radius-full);
}

.widget_price_filter .ui-slider .ui-slider-handle {
	border-radius: var(--radius-full);
}

.widget_price_filter .ui-slider .ui-slider-range {
	border-radius: var(--radius-full);
}


/* ==========================================================================
   16.0 - Media Queries
   ========================================================================== */

/* 16.1 - >= 480px */
@media screen and (min-width: 30em) {
	.archive-posts-wrapper .entry-title {
		font-size: var(--text-xl);
	}

	.site-title {
		font-size: var(--text-xl);
	}
}

/* 16.2 - >= 601px */
@media screen and (min-width: 37.5625em) {
	.archive-posts-wrapper .entry-title {
		font-size: var(--text-2xl);
	}
}

/* 16.3 - >= 640px */
@media screen and (min-width: 40em) {
	#feature-slider-section .entry-summary,
	#feature-slider-section .entry-content {
		display: block;
	}

	#feature-slider-section .cycle-pager span {
		width: 48px;
	}
}

/* 16.4 - >= 768px */
@media screen and (min-width: 48em) {
	.site-content .wrapper {
		padding: var(--space-12) var(--space-6);
	}

	.section,
	#footer-newsletter .widget {
		padding: var(--space-8) 0;
	}

	.site-main .hentry,
	.archive-posts-wrapper .hentry,
	.archive-posts-wrapper .product {
		margin: 0 0 var(--space-12);
	}

	.single .site-main .entry-header,
	.page .site-main .entry-header,
	.archive .page-header,
	.error404 .page-header,
	.search .page-header,
	.woocommerce-products-header {
		margin-bottom: var(--space-10);
	}

	.comments-area,
	.singular-content-wrap .entry-footer {
		margin-top: var(--space-10);
	}

	table.shop_table .cart-subtotal th,
	table.shop_table .order-total th,
	.site-header-cart .widget_shopping_cart {
		background-color: var(--color-surface-alt);
	}

	.event-list-item .entry-container {
		display: flex;
		width: 100%;
		flex-flow: row nowrap;
		align-items: center;
		position: relative;
		min-height: 90px;
	}

	.events-content-wrapper .entry-meta {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
		height: 100%;
		width: 80px;
	}

	.event-list-description {
		border-bottom: none;
		border-right: 1px solid;
		display: flex;
		align-items: center;
		flex-basis: 753px;
		margin-left: 80px;
		padding: 0;
	}

	.event-title,
	.event-list-item-venue {
		padding: var(--space-6);
	}

	.event-title {
		flex: 1;
	}

	.event-title + .event-list-item-venue {
		flex-basis: 50%;
	}

	.events-content-wrapper .event-list-item-actions {
		min-width: 154px;
	}

	.events-content-wrapper .more-link {
		padding: var(--space-8) var(--space-6);
	}
}

/* 16.5 - >= 783px */
@media screen and (min-width: 48.9375em) {
	.site-header-main .wrapper {
		padding: var(--space-2) var(--space-6);
	}
}

/* 16.6 - >= 1024px */
@media screen and (min-width: 64em) {
	ul.products.columns-6 li.product {
		width: 13.91%;
		margin-right: 3.31%;
	}

	ul.products.columns-6 li.product:nth-child(3n+3) {
		margin-right: 3.31%;
	}

	ul.products.columns-6 li.product:nth-child(6n+6) {
		margin-right: 0;
	}

	.site-header-menu {
		margin-right: 0;
	}

	.site-header-main .wrapper {
		padding: var(--space-2) var(--space-8);
	}

	.site-branding {
		margin: var(--space-4) auto var(--space-4) var(--space-5);
	}

	.is-open .menu-inside-wrapper {
		right: 3.75%;
	}

	.sidebar {
		margin-top: 0;
	}

	.playlist-content-wrapper .entry-container {
		padding: 0 0 0 var(--space-12);
	}

	.content-align-left .playlist-content-wrapper .entry-container {
		padding: 0 var(--space-12) 0 0;
	}

	#testimonial-content-section .hentry-inner:before {
		font-size: 195px;
		top: 130px;
	}

	#testimonial-content-section .entry-container {
		padding: var(--space-20) var(--space-12) var(--space-12);
	}

	#portfolio-content-section.style-two.content-frame .hentry {
		margin-bottom: var(--space-12);
	}

	#portfolio-content-section.style-two .entry-container {
		opacity: 0;
	}

	#portfolio-content-section.style-two .hentry:hover .entry-container {
		opacity: 1;
	}

	.hero-boxed-layout .hero-content-wrapper {
		padding-left: var(--space-12);
	}

	.hero-boxed-layout.content-align-left .hero-content-wrapper {
		padding-left: 0;
		padding-right: var(--space-12);
	}

	.boxed-layout #page {
		width: 96%;
	}

	.navigation-classic #header-menu-social::before {
		margin: var(--space-6) auto;
	}

	.events-content-wrapper .entry-title,
	.events-content-wrapper .entry-summary,
	.events-content-wrapper .entry-content {
		margin: 0;
		padding: 0;
	}

	.events-content-wrapper .hentry {
		text-align: left;
	}

	#team-content-section .artist-social-profile > .social-navigation {
		top: 50%;
		transform: translate(-50%, -50%);
	}

	#team-content-section .artist-social-profile {
		opacity: 0;
	}

	#team-content-section .hentry:hover .artist-social-profile {
		box-shadow: inset 0 0 50px 0 rgba(0,0,0,0.15);
		opacity: 1;
	}

	#feature-slider-section:hover .cycle-prev,
	#feature-slider-section:focus .cycle-prev {
		left: 42px;
	}

	#feature-slider-section:hover .cycle-next,
	#feature-slider-section:focus .cycle-next {
		right: 42px;
	}

	.widget-column {
		padding: var(--space-8) var(--space-12);
	}

	.page .site-main .hentry {
		margin: 0;
	}

	.section,
	#footer-newsletter .widget {
		padding: var(--space-6) 0;
	}

	.site-content .wrapper {
		padding: var(--space-12) var(--space-6);
	}

	#hero-section {
		padding: 0;
	}

	.single .site-main .entry-header,
	.page .site-main .entry-header,
	.archive .page-header,
	.error404 .page-header,
	.search .page-header,
	.woocommerce-products-header {
		margin-bottom: var(--space-10);
	}

	.comments-area,
	.singular-content-wrap .entry-footer {
		margin-top: var(--space-10);
	}

	/* Navigation classic - full desktop menu */
	.navigation-classic .main-navigation ul ul {
		background-color: var(--color-surface);
	}

	.navigation-classic .menu-toggle {
		display: none;
	}

	.navigation-classic #primary-search-wrapper .menu-toggle {
		display: block;
	}

	.navigation-classic #primary-menu-wrapper .menu-inside-wrapper {
		position: relative;
		display: block;
		float: left;
		top: 0;
		left: 0;
		right: 0;
		visibility: visible;
		opacity: 1;
		width: auto;
		bottom: auto;
		background-color: transparent;
		box-shadow: none;
		overflow: inherit;
	}

	.navigation-classic .main-navigation a {
		padding: var(--space-6) var(--space-5);
		line-height: 2;
	}

	.navigation-classic .main-navigation li.menu-item-has-children ul ul a {
		padding-left: var(--space-5);
	}

	.navigation-classic .main-navigation .menu-item-has-children > a::after,
	.navigation-classic .main-navigation .page_item_has_children > a::after {
		content: "\f0d7";
		font-size: var(--text-base);
		padding-left: var(--space-2);
	}

	.navigation-classic .main-navigation ul ul .menu-item-has-children > a::after,
	.navigation-classic .main-navigation ul ul .page_item_has_children > a::after {
		transform: rotate(90deg);
		padding: 0;
		position: absolute;
		top: var(--space-4);
		right: var(--space-6);
	}

	.navigation-classic .main-navigation ul ul {
		display: block;
		float: left;
		margin: 0;
		padding: var(--space-4) 0;
		position: absolute;
		top: 70px;
		left: -999em;
		z-index: 99999;
		border-radius: 0 0 var(--radius) var(--radius);
		box-shadow: var(--shadow-lg);
	}

	.navigation-classic .main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.navigation-classic .main-navigation ul ul a {
		padding: var(--space-2) var(--space-5);
		width: 268px;
	}

	.navigation-classic .main-navigation ul li:hover > ul,
	.navigation-classic .main-navigation ul li.focus > ul {
		left: auto;
		right: 0;
	}

	.navigation-classic .main-navigation li {
		border-bottom: none;
	}

	.navigation-classic .main-navigation ul ul li:hover > ul,
	.navigation-classic .main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}

	.navigation-classic .main-navigation ul ul .current_page_item > a,
	.navigation-classic .main-navigation ul ul .current-menu-item > a {
		text-decoration: underline;
	}

	.navigation-classic .main-navigation li {
		display: inline-block;
	}

	.navigation-classic .social-top div {
		border-bottom: none;
	}

	.navigation-classic .dropdown-toggle,
	.navigation-classic .main-navigation ul .dropdown-toggle.toggled-on,
	.navigation-classic #primary-menu-wrapper .menu-toggle-wrapper {
		display: none;
	}
}

/* 16.7 - >= 1200px */
@media screen and (min-width: 75em) {
	.top-playlist-enabled #masthead {
		padding-top: var(--space-12);
	}

	.site-header-main .wrapper {
		padding: var(--space-4) var(--space-8);
	}

	.navigation-classic .site-branding {
		text-align: left;
	}

	.site-content .wrapper {
		padding: var(--space-16) var(--space-6);
	}

	.single .site-main .entry-header,
	.page .site-main .entry-header,
	.archive .page-header,
	.error404 .page-header,
	.search .page-header,
	.woocommerce-products-header {
		margin-bottom: var(--space-12);
	}

	.comments-area,
	.singular-content-wrap .entry-footer {
		margin-top: var(--space-12);
	}

	.author-info {
		margin-top: var(--space-12);
	}

	#footer-social-navigation .widget-title,
	#footer-instagram .widget-title {
		margin: var(--space-16) auto var(--space-10);
	}

	#footer-social-navigation .social-navigation {
		margin-bottom: var(--space-16);
	}

	.site-footer .footer-widget-area + #site-generator .social-navigation {
		margin-bottom: var(--space-12);
	}

	.section,
	#footer-newsletter .widget {
		padding: var(--space-8) 0;
	}

	.site-main .hentry,
	.archive-posts-wrapper .hentry,
	.archive-posts-wrapper .product {
		margin: 0 0 var(--space-12);
	}

	.woocommerce-pagination {
		margin: var(--space-4) 0 var(--space-8);
	}

	.site-title,
	.archive-posts-wrapper .entry-title {
		font-size: var(--text-2xl);
	}

	.post-navigation .nav-subtitle {
		font-size: var(--text-xs);
	}

	.custom-header-content .entry-meta,
	.singular-content-wrap .entry-header .entry-meta {
		margin: var(--space-8) 0 0;
	}

	.custom-header-content .more-link {
		margin-top: var(--space-8);
	}

	#top-playlist-section .wp-playlist-current-item {
		flex: 0 1 20%;
	}

	#top-playlist-section .my-music-band-mejs-top-playlist-container {
		flex: 0 1 80%;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
}

/* 16.8 - >= 1366px */
@media screen and (min-width: 85.375em) {
	.section,
	#footer-newsletter .widget {
		padding: var(--space-10) 0;
	}

	#footer-social-navigation .widget-title,
	#footer-instagram .widget-title {
		margin: var(--space-20) auto var(--space-12);
	}

	.navigation-classic .main-navigation a {
		padding: var(--space-8) var(--space-6);
	}
}

/* 16.9 - >= 1440px */
@media screen and (min-width: 90em) {
	.section,
	#footer-newsletter .widget {
		padding: var(--space-12) 0;
	}

	.site-content .wrapper {
		padding: var(--space-20) var(--space-8);
	}
}

/* 16.10 - >= 1600px */
@media screen and (min-width: 100em) {
	.section,
	#footer-newsletter .widget {
		padding: var(--space-16) 0;
	}
}


/* ==========================================================================
   17.0 - Transitions
   ========================================================================== */

a,
button,
input,
select,
textarea,
.site-header-main,
.main-navigation a,
.social-navigation a,
.social-links-menu a,
.post-thumbnail img,
.entry-title a,
.more-link,
.widget .social-links-menu a,
#feature-slider-section .cycle-prev,
#feature-slider-section .cycle-next,
#top-playlist-section,
#team-content-section .artist-social-profile,
#team-content-section .artist-social-profile > .social-navigation,
#gallery-section .tiled-gallery .tiled-gallery-item a::before {
	transition: all var(--transition-base);
}

/* Individually controlled transitions (override above to be more specific) */
.post-thumbnail img {
	transition: transform var(--transition-slow), opacity var(--transition-base);
}

.post-thumbnail:hover img,
.post-thumbnail:focus img {
	transform: scale(1.03);
}

#feature-slider-section .cycle-prev,
#feature-slider-section .cycle-next {
	transition: opacity var(--transition-base), left var(--transition-slow), right var(--transition-slow), border-color var(--transition-fast);
}


/* ==========================================================================
   18.0 - Colors
   ========================================================================== */

/* Background Color */
body {
	background: var(--color-bg);
}

/* Page Background Color */
#page,
.menu-inside-wrapper,
#testimonial-content-section .hentry-inner,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.woocommerce-account .woocommerce-MyAccount-navigation a {
	background-color: var(--color-surface);
}

.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
	background: var(--color-surface);
}

.woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--color-surface);
}

/* Secondary Background Color */
hr,
pre,
select,
.author-info,
#footer-newsletter,
#footer-social-navigation,
.woocommerce nav.woocommerce-pagination,
#primary-menu-wrapper #site-header-cart-wrapper,
#testimonial-content-section,
#portfolio-content-section.content-frame,
#primary-search-wrapper .search-container,
.wp-caption .wp-caption-text,
.sidebar .widget .widget-title,
.archive-post-wrap .entry-footer .entry-meta,
.hero-content-wrapper .entry-container,
#featured-content-section.style-two,
#team-content-section,
#top-playlist-section .wp-playlist-light.wp-playlist,
#top-playlist-section .wp-playlist-tracks,
.wp-audio-shortcode.my-music-band-mejs-container.mejs-container .mejs-controls,
.wp-playlist-light .wp-playlist,
.wp-playlist-light .wp-playlist-current-item,
.wp-playlist-light .my-music-band-mejs-container.mejs-container .mejs-controls,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-tabs ul.tabs li a,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.demo_store,
p.no-comments,
ul.wc_payment_methods .payment_box,
.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: var(--color-surface-alt);
}

@media screen and (min-width: 48em) {
	table.shop_table .cart-subtotal th,
	table.shop_table .order-total th,
	.site-header-cart .widget_shopping_cart {
		background-color: var(--color-surface-alt);
	}
}

@media screen and (min-width: 64em) {
	.navigation-classic .main-navigation ul ul {
		background-color: var(--color-surface-alt);
	}
}

body.has-header-media:not(.home) .site-header,
body.primary-nav-bottom-border .site-header,
body .wp-playlist-item,
body .wp-playlist-item:last-child,
.woocommerce nav.woocommerce-pagination ul,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	border-color: var(--color-border);
}

/* Tertiary Background Color (dark sections) */
.header-media .wrapper,
#feature-slider-section,
#gallery-section,
.site-footer,
#footer-social-navigation .social-navigation a,
#portfolio-content-section.background-image:not(.content-frame) {
	background-color: var(--color-dark);
}

/* 70% Dark for overlays */
#site-generator .social-navigation a,
#colophon .wp-caption .wp-caption-text,
.promotion-section.content-frame .entry-container-frame {
	background-color: rgba(13, 13, 18, 0.75);
}

/* Main Text Color */
body,
input,
select,
textarea,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.image-navigation,
.comment-navigation,
.sidebar .widget a,
.wp-playlist-light .wp-playlist,
body .wp-playlist-playing,
body .wp-playlist .wp-playlist-playing,
body .wp-playlist .wp-playlist-playing .wp-playlist-caption,
body .wp-playlist-current-item .wp-playlist-item-title,
body .wp-playlist-item:hover,
body .wp-playlist-item:focus,
body .wp-playlist-item:hover .wp-playlist-caption,
body .wp-playlist-item:focus .wp-playlist-caption,
span.price ins,
p.price ins {
	color: var(--color-text);
}

/* Muted text */
body .wp-playlist,
body .wp-playlist .wp-playlist-caption {
	color: var(--color-text-muted);
}

/* Footer Text Color */
#colophon .widget,
#colophon .widget a,
.site-info a,
.site-info a:hover,
.site-info a:focus {
	color: var(--color-text-light);
}

/* Footer secondary text */
#colophon .widget-title,
.widget_categories li,
.widget_archive li,
#colophon .widget a:hover,
#colophon .widget a:focus,
.site-info {
	color: var(--color-text-faint);
}

/* Headline Text Color */
h1, h2, h3, h4, h5, h6,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
.drop-cap::first-letter,
.post-navigation a,
.page-links > .page-links-title,
.comment-author,
.comment-reply-title small a:hover,
.comment-reply-title small a:focus,
#testimonial-content-section .section-content-wrap,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
	color: var(--color-text);
}

/* Link Color */
a,
.site-title a,
.site-description,
.menu-toggle,
.menu-toggle-close,
.dropdown-toggle,
#search-toggle,
#share-toggle,
.main-navigation a,
.entry-title a,
.entry-header .cat-links a:hover,
.entry-header .cat-links a:focus,
.more-link:hover,
.more-link:focus,
.events-content-wrapper .hentry:hover .event-list-item-actions a,
.events-content-wrapper .hentry:focus .event-list-item-actions a,
.widget .social-links-menu a,
.site-header-menu .social-navigation a,
#top-playlist-section .wp-playlist,
#top-playlist-section .wp-playlist .wp-playlist-caption,
#top-playlist-section .wp-playlist-current-item .wp-playlist-item-title,
.wp-playlist-light .my-music-band-mejs-container.mejs-container button,
table.shop_table_responsive tr td a:hover,
table.shop_table_responsive tr td a:focus,
.product-container a.added_to_cart:hover,
.product-container a.added_to_cart:focus,
.single-product .product_meta a:hover,
.single-product .product_meta a:focus,
.site-header-cart .cart-contents,
.woocommerce-tabs ul.tabs li a {
	color: var(--color-text);
}

/* Link Hover / Active Color — Accent */
a:focus,
a:hover,
.site-title a:hover,
.site-title a:focus,
.menu-toggle:hover,
.menu-toggle-close:hover,
.dropdown-toggle:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
#search-toggle:hover,
#share-toggle:hover,
.menu-toggle:focus,
.menu-toggle-close:focus,
.dropdown-toggle:focus,
#search-toggle:focus,
#share-toggle:focus,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.menu li:hover > a,
.main-navigation ul.menu li.focus > a,
.main-navigation ul.menu li:active > a,
.entry-header .cat-links a,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-title a:hover,
.entry-title a:focus,
.more-link,
.comment-permalink:hover,
.comment-permalink:focus,
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:focus,
.widget .social-links-menu a:hover,
.widget .social-links-menu a:focus,
.site-header-menu .social-navigation a:hover,
.site-header-menu .social-navigation a:focus,
.post-navigation .nav-subtitle,
.post-navigation a:hover .nav-title,
.post-navigation a:focus .nav-title,
.sidebar .widget a:hover,
.sidebar .widget a:focus,
.events-content-wrapper .hentry:focus .entry-title a,
.events-content-wrapper .hentry:hover .entry-title a,
#testimonial-content-section .section-content-wrapper .hentry-inner:before,
#testimonial-content-section .cycle-pager span.cycle-pager-active,
#team-content-section .artist-social-profile .social-navigation a:hover,
#team-content-section .artist-social-profile .social-navigation a:focus,
#gallery-section .entry-container a:hover,
#gallery-section .entry-container a:focus,
.my-music-band-mejs-container.mejs-container button:hover,
.my-music-band-mejs-container.mejs-container button:focus,
.wp-playlist-light .my-music-band-mejs-container.mejs-container button:hover,
.wp-playlist-light .my-music-band-mejs-container.mejs-container button:focus,
#top-playlist-section .wp-playlist-item:hover,
#top-playlist-section .wp-playlist-item:focus,
#top-playlist-section .wp-playlist-item:hover .wp-playlist-caption,
#top-playlist-section .wp-playlist-item:focus .wp-playlist-caption,
body .wp-playlist-item-artist,
table.shop_table_responsive tr td a,
.product-container a.added_to_cart,
.single-product .product_meta a,
.woocommerce-info a,
.variations .reset_variations,
.site-header-cart .cart-contents:hover,
.site-header-cart .cart-contents:focus,
.star-rating span::before,
p.stars:hover a::before,
p.stars.selected a.active::before,
p.stars.selected a:not(.active)::before,
.woocommerce-tabs ul.tabs li.active a,
.single-product div.product .woocommerce-product-rating .woocommerce-review-link {
	color: var(--color-accent);
}

/* Accent background fills */
mark,
ins,
.page-links a,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-current,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-handle,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget_price_filter .ui-slider .ui-slider-handle,
.widget_price_filter .ui-slider .ui-slider-range {
	background-color: var(--color-accent);
}

/* Accent border */
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
blockquote,
.rtl blockquote,
.page-links a,
.section-title::after,
#header-menu-social::before,
#hero-section .entry-title::after,
#feature-slider-section .cycle-prev:hover,
#feature-slider-section .cycle-prev:focus,
#feature-slider-section .cycle-next:hover,
#feature-slider-section .cycle-next:focus,
.woocommerce-info,
.woocommerce-message {
	border-color: var(--color-accent);
}

/* Secondary text (meta, dates) */
.entry-meta a,
#events-section .entry-summary::before,
blockquote cite,
blockquote small,
.comment-permalink,
#cancel-comment-reply-link,
#testimonial-content-section .cycle-pager span,
.my-music-band-mejs-container.mejs-container .mejs-controls .mejs-time,
.woocommerce-pagination ul li a,
p.stars a::before,
p.stars a:hover ~ a::before,
p.stars.selected a.active ~ a::before {
	color: var(--color-text-muted);
}

/* Border Color */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
fieldset,
.widget .social-links-menu a,
#top-playlist-section .wp-playlist-item,
#top-playlist-section .wp-playlist-tracks,
.image-navigation,
.comment-navigation,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.comment-respond,
.no-comments,
table,
caption,
tr,
th,
td,
.woocommerce-tabs ul.tabs {
	border-color: var(--color-border);
}

/* Slider accent pager */
#feature-slider-section .cycle-pager span {
	background: rgba(245,243,238,0.35);
}

#feature-slider-section .cycle-pager span.cycle-pager-active,
#feature-slider-section .cycle-pager span:hover {
	background: var(--color-accent);
	width: 56px;
}

/* Slider prev/next control colors */
#feature-slider-section .cycle-prev,
#feature-slider-section .cycle-next {
	border-color: var(--color-text-light);
	color: var(--color-text-light);
}

#feature-slider-section .cycle-prev:hover,
#feature-slider-section .cycle-prev:focus,
#feature-slider-section .cycle-next:hover,
#feature-slider-section .cycle-next:focus {
	border-color: var(--color-accent);
	color: var(--color-accent);
}

/* Section title accent rule */
.section-title::after {
	background-color: var(--color-accent);
	border: none;
}

/* WooCommerce status colors */
.woocommerce-error { color: #d63638; }

.woocommerce .stock.out-of-stock {
	color: #d63638;
}

/* Scrollup */
#scrollup {
	background-color: var(--color-accent);
	color: var(--color-dark);
}

#scrollup:hover,
#scrollup:focus {
	background-color: var(--color-accent-hover);
}

/* Header sticky — subtle dark translucent */
#masthead {
	background-color: rgba(245, 243, 238, 0.92);
}

.site-footer {
	background-color: var(--color-dark);
	color: var(--color-text-light);
}

#colophon {
	background-color: var(--color-dark-mid);
}

/* Sage accent for secondary elements */
.entry-header .cat-links a {
	background: rgba(138, 155, 142, 0.12);
	color: var(--color-sage);
	border-radius: var(--radius-full);
	padding: 2px var(--space-3);
	font-size: var(--text-xs);
	letter-spacing: 0.06em;
}

/* Card hover signature: amber top-border glow */
.site-main .hentry,
#featured-content-section .hentry,
.portfolio-content-wrapper .hentry {
	border-radius: var(--radius-lg);
	transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.site-main .hentry:hover,
#featured-content-section .hentry:hover,
.portfolio-content-wrapper .hentry:hover {
	box-shadow: var(--shadow-accent);
	transform: translateY(-3px);
}

/* Dark surface cards */
#team-content-section,
#testimonial-content-section {
	background-color: var(--color-dark-mid);
	color: var(--color-text-light);
}

/* Headings inside dark sections */
#team-content-section h1,
#team-content-section h2,
#team-content-section h3,
#team-content-section h4,
#team-content-section h5,
#team-content-section h6,
#testimonial-content-section h1,
#testimonial-content-section h2,
#testimonial-content-section h3,
#testimonial-content-section h4,
#testimonial-content-section h5,
#testimonial-content-section h6,
#gallery-section h1,
#gallery-section h2,
#gallery-section h3,
#gallery-section h4,
#gallery-section h5,
#gallery-section h6 {
	color: var(--color-text-light);
}

/* Footer navigation */
#footer-newsletter .wrapper {
	max-width: var(--container-text);
	margin: 0 auto;
	text-align: center;
}

#footer-newsletter .section-heading-wrapper {
	padding: var(--space-8) var(--space-8) 0;
}

/* Sidebar widget title accent */
.sidebar .widget .widget-title {
	border-bottom: 2px solid var(--color-accent);
}

/* WooCommerce on light bg overrides */
@media screen and (min-width: 48em) {
	.woocommerce nav.woocommerce-pagination ul {
		background-color: transparent;
	}
}

/* ======================================================================
   RTL Support (minimal — mirrors layout-affecting properties)
   ====================================================================== */

.rtl blockquote {
	border-left: none;
	border-right: 3px solid var(--color-accent);
	padding-left: 0;
	padding-right: 1.5em;
}

.rtl .alignleft  { float: right; margin-left: 1.5em;  margin-right: 0; }
.rtl .alignright { float: left;  margin-right: 1.5em; margin-left: 0;  }

.rtl .main-navigation ul ul {
	left: auto;
	right: 0;
}

.rtl .main-navigation ul ul li:hover > ul,
.rtl .main-navigation ul ul li.focus > ul {
	right: 100%;
	left: auto;
}