/*
Theme Name: irksomecushion2026
Theme URI: https://andres.com
Author: Timo Andres
Author URI: https://andres.com
Description: A custom theme for andres.com. Based on the toolbox framework.
Version: 3.0
*/


/* =Structure
-------------------------------------------------------------- */

html, body {
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	text-rendering: optimizeLegibility;
	/* line-height: 0 prevents the default body line-height from
	   bleeding into inline-block layout; overridden per element */
	line-height: 0;
	margin: 0;
}
body {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	background-color: #eaeaed;
}

/* box-sizing applied globally via * rule below — no need to repeat on html/body */
* {
	box-sizing: border-box;
}

.paper_texture {
	overflow: hidden;
	content: ' ';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg') repeat center center;
	background-size: 500px 500px;
	will-change: transform;
	z-index: -1;
}


/* =Dark mode
-------------------------------------------------------------- */

@media (prefers-color-scheme: dark) {
	html, body {
		color: #eaeaed;
		background: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg') repeat center center;
		background-size: 500px 500px;
		background-color: #242424;
	}
	body .paper_texture {
		background: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg') repeat center center;
		background-size: 500px 500px;
		background-color: #242424;
	}
	/* #header #mainnav rules removed — #mainnav is now outside #header in the DOM.
	   All nav dark mode styles live in header-nav.css */
	#content .entry-content {
		color: #000;
		border: 1px solid #666;
		box-shadow: none;
	}
	#content .post .entry-content .entry-title .entry-date a:hover {
		color: #fff;
	}
	#content .entry-content .page-list p {
		border-bottom: 1px solid #000;
	}
	#content .works h3.month {
		color: #f4f4f4;
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-size: 500px 500px;
	}
	.entry-content .entry-meta {
		border-bottom: none;
	}
	/* Andres Bakery logo dark mode */
	#footer svg#andres_bakery,
	svg#andres_bakery polygon.window3,
	svg#andres_bakery path.house {
		fill: #f4f4f4;
	}
	line {
		stroke: #f4f4f4;
	}
	#content input {
		background-color: #f4f4f4;
		color: #000;
	}
	input[type=submit] {
		border: 1px solid #fff !important;
	}
	#content button {
		background-color: #f4f4f4;
	}
	#content ul.page-categories li {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		color: #f4f4f4;
	}
	#content ul.page-categories li.past {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
		color: #999;
	}
	#content ul.event {
		border-top: 1px solid #000;
	}
	#content .post .entry-title a:hover {
		background-color: transparent;
		color: #f4f4f4;
		text-decoration: underline;
	}
	#content #page-nav a:hover,
	#content #nav-below a:hover,
	#content #nav-above a:hover {
		color: #000;
		background-color: #f4f4f4;
	}
	#glasses #glasses_frame {
		fill: #909090;
	}
	#content .metadata #colophon ul li {
		border-bottom: solid 1px #000;
	}
	#content .metadata .press li {
		border-bottom: 1px solid #000;
	}
	#page #header #footer #copyright {
		box-shadow: 0px -10px 10px -11px #fff;
	}
	@media screen and (max-width: 600px) {
		#page #footer_mc {
			box-shadow: 0px 5px 15px -9px #fff;
		}
		#page #archives {
			box-shadow: 0px 5px 15px -9px #fff;
		}
		#page #footer #outbound {
			box-shadow: 0px 5px 15px -9px #fff;
		}
		#page #header #footer #copyright {
			box-shadow: none;
		}
		#wf-search {
			background-color: #f4f4f4;
			color: #000;
		}
		.filter-chip {
			background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
			color: #f4f4f4;
		}
		.filter-chip:hover,
		.filter-chip.active {
			background-image: none;
			background-color: #ff8d00;
			color: #fff;
		}
	}
}


/* =Page layout
-------------------------------------------------------------- */

#page {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	background-size: 617px 617px;
}
#primary {
	margin: 0;
}
#content {
	padding: 0;
	text-align: left;
}


/* =Webfonts
-------------------------------------------------------------- */

@font-face {
	font-family: 'ElectraLTStd-Regular';
	font-display: block;
	src: url('https://www.andres.com/webfonts/36C34A_0_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/36C34A_0_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/36C34A_0_0.ttf') format('truetype');
}
@font-face {
	font-family: 'ElectraLTStd-Cursive';
	font-display: block;
	src: url('https://www.andres.com/webfonts/36C34A_1_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/36C34A_1_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/36C34A_1_0.ttf') format('truetype');
}
@font-face {
	font-family: 'ElectraLTStd-Bold';
	font-display: block;
	src: url('https://www.andres.com/webfonts/36C34A_2_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/36C34A_2_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/36C34A_2_0.ttf') format('truetype');
}
@font-face {
	font-family: 'ElectraLTStd-BoldCursive';
	font-display: block;
	src: url('https://www.andres.com/webfonts/36C34A_3_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/36C34A_3_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/36C34A_3_0.ttf') format('truetype');
}
@font-face {
	font-family: 'NHaasGroteskDSPro-55Rg';
	font-display: block;
	src: url('https://www.andres.com/webfonts/39589C_10_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/39589C_10_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/39589C_10_0.ttf') format('truetype');
}
@font-face {
	font-family: 'NHaasGroteskDSPro-56It';
	font-display: block;
	src: url('https://www.andres.com/webfonts/39589C_11_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/39589C_11_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/39589C_11_0.ttf') format('truetype');
}
@font-face {
	font-family: 'NHaasGroteskDSPro-65Md';
	font-display: block;
	src: url('https://www.andres.com/webfonts/39589C_12_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/39589C_12_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/39589C_12_0.ttf') format('truetype');
}
@font-face {
	font-family: 'NHaasGroteskDSPro-66MdIt';
	font-display: block;
	src: url('https://www.andres.com/webfonts/39589C_13_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/39589C_13_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/39589C_13_0.ttf') format('truetype');
}
@font-face {
	font-family: 'NHaasGroteskDSPro-75Bd';
	font-display: block;
	src: url('https://www.andres.com/webfonts/39589C_14_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/39589C_14_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/39589C_14_0.ttf') format('truetype');
}
@font-face {
	font-family: 'NHaasGroteskDSPro-76BdIt';
	font-display: block;
	src: url('https://www.andres.com/webfonts/39589C_15_0.woff2') format('woff2'),
		 url('https://www.andres.com/webfonts/39589C_15_0.woff') format('woff'),
		 url('https://www.andres.com/webfonts/39589C_15_0.ttf') format('truetype');
}


/* =Text styling
-------------------------------------------------------------- */

p {
	margin: 0;
	padding: 0.5rem 0;
}
p strong {
	font-family: 'ElectraLTStd-Bold';
	font-weight: normal;
}
p.sub strong {
	color: #000;
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 1px;
}
p.sub em a {
	font-family: 'ElectraLTStd-BoldCursive';
	font-weight: normal;
	font-style: normal;
}
em, i {
	font-family: 'ElectraLTStd-Cursive';
	font-style: normal;
}
a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
p a {
	font-family: 'ElectraLTStd-Bold';
	font-weight: normal;
	padding: 2px;
	border-radius: 2px;
	margin: -2px;
}
p.sub a {
	color: #000;
}
p a em,
p em a,
a p em {
	font-family: 'ElectraLTStd-BoldCursive';
	font-weight: normal;
	font-style: normal;
}
p:empty {
	display: none;
}
h1 {
	font-family: NHaasGroteskDSPro-75Bd, Sans-Serif;
	line-height: normal;
	font-weight: normal;
}
h2 {
	width: 100%;
	margin: 0 0 2px 0;
	padding: 1% 2% 1%;
	line-height: normal;
	font-weight: normal;
	font-size: 1.75em;
	font-family: NHaasGroteskDSPro-75Bd, Sans-Serif;
	display: inline-block;
}
h4 {
	margin-top: 0;
}
.type-post h3 {
	max-width: 40em;
	margin: auto;
	padding: 2%;
	font-size: large;
}
/* Special headings at the top of posts */
.type-post h4 {
	max-width: 42rem;
	margin: auto;
	padding: 4%;
	font-size: large;
}
.type-post h4 a {
	padding: 4px;
	border-radius: 7px;
}
/* Subheads within posts */
.type-post h5 {
	max-width: 42rem;
	margin: auto;
	padding: 4% 4% 0;
	font-size: large;
}
.type-post h5 a {
	text-decoration: underline;
}
blockquote {
	margin: 1em auto;
	width: 48em;
	max-width: 92%;
	padding: 0;
	border-left: 1px solid #000;
	border-right: 0;
}
blockquote blockquote {
	margin-left: 1rem;
	margin-top: 0;
}
.entry-content blockquote p {
	margin: 0 2% 0 1em;
	padding: 0 0 1em;
}
.entry-content blockquote:first-child {
	margin-top: 2.75em;
}
.entry-content blockquote p:first-of-type {
	padding-top: 0;
}
.entry-content blockquote p:last-child {
	padding-bottom: 0;
}
.entry-content p.sub:first-of-type {
	padding-top: 0;
}
#content #listen p.sub:first-of-type {
	display: inline-block;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	font-family: 'ElectraLTStd-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1.5em;
	max-width: 35em;
	margin: auto;
	padding: 4%;
}
code {
	font-family: Courier;
}
sup {
	line-height: initial;
}
.entry-content .dquo {
	margin-left: -7px;
}
/* Screen reader accessible hide */
.screen-reader-text,
.section-heading {
	position: absolute;
	left: -9000em;
}
/* Alignment helpers */
.alignleft {
	display: inline;
}
.alignright {
	display: inline;
	float: right;
	padding: 0 2% 2% 0;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header nav
   Fixed to top of viewport. Shrinks from full nav into gumball
   strip on scroll. Both states live inside #mainnav.
   Mobile: always collapsed, gumball click reveals full nav overlay.
-------------------------------------------------------------- */

#site-title,
#site-description {
	text-indent: -9000em;
}

/* ── Nav container ──────────────────────────────────────────── */

#mainnav {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	width: 100%;
	max-width: 960px;
	padding: 0 1%;
	background-color: #eaeaed;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
	max-height: 500px;
	transition: max-height 0.4s ease;
}

/* Soft bottom shadow via pseudo-element */
#mainnav::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1%;
	right: 1%;
	height: 0;
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.5);
	clip-path: inset(0 -25px -20px -25px round 0px 25px);
	z-index: -1;
}

/* Hover images preloaded via <link rel="preload"> in header.php */


/* ── Full nav — .mainnav-full ───────────────────────────────── */

.mainnav-full {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	position: relative;
	opacity: 1;
	transform: scale(1);
	transform-origin: top center;
	transition: opacity 0.25s ease, transform 0.3s ease;
}

#mainnav ul li {
	float: left;
	width: 16%;
}
#mainnav li.logo {
	width: 20%;
}
.mainnav-svg-wrap {
	height: 0;
	padding-top: 25%;
	position: relative;
}
.mainnav-svg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 10% 0 5%;
	overflow: visible;
}
.text-label,
.mainnav-icon {
	transform: translate(10px, 0) scale(1, 1);
}
#logo-text {
	transform: translate(0, 0) scale(1, 1);
}
#mainnav svg:hover { fill: inherit; }


/* ── Gumball strip — .mainnav-gumball ──────────────────────────
   Hidden (zero height, invisible) in expanded state.
   Fades and grows in when collapsed.
---------------------------------------------------------------- */

.mainnav-gumball {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.4s ease, opacity 0.25s ease;
	cursor: pointer;
	position: relative;
	padding: 0 1%;
}

/* Soft bottom shadow matching the full nav */
.mainnav-gumball::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1%;
	right: 1%;
	height: 0;
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.5);
	clip-path: inset(0 -25px -20px -10px round 0px 25px);
	z-index: -1;
}

/* House icon — left side, links to home */
.mainnav-gumball-home {
	display: flex;
	align-items: center;
	padding: 4px 0;
	flex-shrink: 0;
}
.mainnav-house {
	display: block;
	fill: #333;
	height: 30px;
}
.mainnav-house .window3 {
	fill: #333;
}
@media (prefers-color-scheme: dark) {
	.mainnav-house .house  { fill: #eaeaed; }
	.mainnav-house .window3 { fill: #242424; }
}

/* Gumball images — right side */
.mainnav-gumball-images {
	display: flex;
	align-items: center;
}
.mainnav-gumball-images img {
	width: 200px;
	height: auto;
	display: block;
	padding: 4px 0;
}

/* Light mode: show light image */
.mainnav-gumball .gumball-light { display: block; }
.mainnav-gumball .gumball-dark  { display: none;  }


/* ── Collapsed state — JS adds .nav-collapsed to #mainnav ───── */

#mainnav.nav-collapsed {
	/* Collapse to gumball strip height — enough for the image + padding */
	max-height: 60px;
}

#mainnav.nav-collapsed .mainnav-full {
	opacity: 0;
	transform: scale(0.5);
	transform-origin: top center;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: opacity 0.2s ease, transform 0.3s ease;
}

#mainnav.nav-collapsed .mainnav-gumball {
	max-height: 60px;
	opacity: 1;
}


/* ── Mobile open state ──────────────────────────────────────── */

/* On mobile, nav starts collapsed. .mobile-open expands full nav as overlay */
#mainnav.nav-collapsed.mobile-open {
	max-height: 500px;
	background-color: #eaeaed;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
}

#mainnav.nav-collapsed.mobile-open .mainnav-full {
	opacity: 1;
	transform: scaleY(1);
	pointer-events: auto;
	max-height: 500px;
	overflow: visible;
	transition: opacity 0.25s ease, transform 0.3s ease, max-height 0s;
	background-color: #eaeaed;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
}

#mainnav.nav-collapsed.mobile-open .mainnav-gumball {
	/* Keep gumball visible when open so user can tap to close */
	max-height: 60px;
	opacity: 0;
	pointer-events: none;
}


/* ── SVG icon fill patterns ─────────────────────────────────── */

/* Default watercolor fill set by inline fill="url(#fill-{name})" */

/* Hover/active: switch to wxpaper texture pattern */
#mainnav .logo:hover     .mainnav-icon, #mainnav .logo:active     .mainnav-icon,
#mainnav .logo:hover     #logo-text,    #mainnav .logo:active     #logo-text,
#mainnav .logo:hover     #logo-subtext, #mainnav .logo:active     #logo-subtext { fill: url(#fill-logo-hover); }
#mainnav .works:hover    .mainnav-icon, #mainnav .works:active    .mainnav-icon,
#mainnav .works:hover    .text-label,   #mainnav .works:active    .text-label   { fill: url(#fill-works-hover); }
#mainnav .about:hover    .mainnav-icon, #mainnav .about:active    .mainnav-icon,
#mainnav .about:hover    .text-label,   #mainnav .about:active    .text-label   { fill: url(#fill-about-hover); }
#mainnav .events:hover   .mainnav-icon, #mainnav .events:active   .mainnav-icon,
#mainnav .events:hover   .text-label,   #mainnav .events:active   .text-label   { fill: url(#fill-events-hover); }
#mainnav .albums:hover   .mainnav-icon, #mainnav .albums:active   .mainnav-icon,
#mainnav .albums:hover   .text-label,   #mainnav .albums:active   .text-label   { fill: url(#fill-albums-hover); }
#mainnav .metadata:hover .mainnav-icon, #mainnav .metadata:active .mainnav-icon,
#mainnav .metadata:hover .text-label,   #mainnav .metadata:active .text-label   { fill: url(#fill-metadata-hover); }

/* Active section */
.works    #mainnav .works    .mainnav-icon, .works    #mainnav .works    .text-label,
.work     #mainnav .works    .mainnav-icon, .work     #mainnav .works    .text-label   { fill: url(#fill-works-hover); }
.about    #mainnav .about    .mainnav-icon, .about    #mainnav .about    .text-label   { fill: url(#fill-about-hover); }
.events   #mainnav .events   .mainnav-icon, .events   #mainnav .events   .text-label   { fill: url(#fill-events-hover); }
.albums   #mainnav .albums   .mainnav-icon, .albums   #mainnav .albums   .text-label   { fill: url(#fill-albums-hover); }
.metadata #mainnav .metadata .mainnav-icon, .metadata #mainnav .metadata .text-label   { fill: url(#fill-metadata-hover); }

/* Remove default background-image — watercolor is in SVG patterns */
#mainnav .logo,
#mainnav .works,
#mainnav .about,
#mainnav .events,
#mainnav .albums,
#mainnav .metadata {
	background-image: none;
}

/* Hover/active: full watercolor background behind the cell */
#mainnav .logo:hover, #mainnav .logo:active {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/home_watercolor.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: -9px;
}
#mainnav .works:hover, #mainnav .works:active,
.works #mainnav .works,
.work  #mainnav .works {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/works_watercolor.png');
	background-repeat: no-repeat;
	background-size: contain;
}
#mainnav .about:hover, #mainnav .about:active,
.about #mainnav .about {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/about_watercolor.png');
	background-repeat: no-repeat;
	background-size: contain;
}
#mainnav .events:hover, #mainnav .events:active,
.events #mainnav .events {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/events_watercolor.png');
	background-repeat: no-repeat;
	background-size: contain;
}
#mainnav .albums:hover, #mainnav .albums:active,
.albums #mainnav .albums {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/albums_watercolor.png');
	background-repeat: no-repeat;
	background-size: contain;
}
#mainnav .metadata:hover, #mainnav .metadata:active,
.metadata #mainnav .metadata {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/metadata_watercolor.png');
	background-repeat: no-repeat;
	background-size: contain;
}


/* ── Dark mode ──────────────────────────────────────────────── */

@media (prefers-color-scheme: dark) {
	#mainnav {
		background-color: #242424;
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
	}
	#mainnav.nav-collapsed.mobile-open .mainnav-full {
		background-color: #242424;
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-size: 500px 500px;
	}
	#mainnav::before {
		box-shadow: 0 4px 10px 4px rgba(255, 255, 255, 0.5);
	}
	.mainnav-gumball::after {
		box-shadow: 0 4px 10px 4px rgba(255, 255, 255, 0.5);
	}
	/* Dark mode default fills — switch all icon/text groups to light wxpaper pattern */
	#mainnav .logo     .mainnav-icon, #mainnav .logo     #logo-text,
	#mainnav .logo     #logo-subtext                                   { fill: url(#fill-logo-dark); }
	#mainnav .works    .mainnav-icon, #mainnav .works    .text-label   { fill: url(#fill-works-dark); }
	#mainnav .about    .mainnav-icon, #mainnav .about    .text-label   { fill: url(#fill-about-dark); }
	#mainnav .events   .mainnav-icon, #mainnav .events   .text-label   { fill: url(#fill-events-dark); }
	#mainnav .albums   .mainnav-icon, #mainnav .albums   .text-label   { fill: url(#fill-albums-dark); }
	#mainnav .metadata .mainnav-icon, #mainnav .metadata .text-label   { fill: url(#fill-metadata-dark); }
	/* Dark gumball image */
	.mainnav-gumball .gumball-light { display: none;  }
	.mainnav-gumball .gumball-dark  {
		display: block;
	}
	/* Dark mode hover/active patterns */
	#mainnav .logo:hover     .mainnav-icon, #mainnav .logo:active     .mainnav-icon,
	#mainnav .logo:hover     #logo-text,    #mainnav .logo:active     #logo-text,
	#mainnav .logo:hover     #logo-subtext, #mainnav .logo:active     #logo-subtext { fill: url(#fill-logo-hover-dark); }
	#mainnav .works:hover    .mainnav-icon, #mainnav .works:active    .mainnav-icon,
	#mainnav .works:hover    .text-label,   #mainnav .works:active    .text-label   { fill: url(#fill-works-hover-dark); }
	#mainnav .about:hover    .mainnav-icon, #mainnav .about:active    .mainnav-icon,
	#mainnav .about:hover    .text-label,   #mainnav .about:active    .text-label   { fill: url(#fill-about-hover-dark); }
	#mainnav .events:hover   .mainnav-icon, #mainnav .events:active   .mainnav-icon,
	#mainnav .events:hover   .text-label,   #mainnav .events:active   .text-label   { fill: url(#fill-events-hover-dark); }
	#mainnav .albums:hover   .mainnav-icon, #mainnav .albums:active   .mainnav-icon,
	#mainnav .albums:hover   .text-label,   #mainnav .albums:active   .text-label   { fill: url(#fill-albums-hover-dark); }
	#mainnav .metadata:hover .mainnav-icon, #mainnav .metadata:active .mainnav-icon,
	#mainnav .metadata:hover .text-label,   #mainnav .metadata:active .text-label   { fill: url(#fill-metadata-hover-dark); }
	/* Active section dark mode */
	.works    #mainnav .works    .mainnav-icon, .works    #mainnav .works    .text-label,
	.work     #mainnav .works    .mainnav-icon, .work     #mainnav .works    .text-label   { fill: url(#fill-works-hover-dark); }
	.about    #mainnav .about    .mainnav-icon, .about    #mainnav .about    .text-label   { fill: url(#fill-about-hover-dark); }
	.events   #mainnav .events   .mainnav-icon, .events   #mainnav .events   .text-label   { fill: url(#fill-events-hover-dark); }
	.albums   #mainnav .albums   .mainnav-icon, .albums   #mainnav .albums   .text-label   { fill: url(#fill-albums-hover-dark); }
	.metadata #mainnav .metadata .mainnav-icon, .metadata #mainnav .metadata .text-label   { fill: url(#fill-metadata-hover-dark); }
	/* Dark mode hover/active watercolor backgrounds */
	#mainnav .logo:hover, #mainnav .logo:active {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/home_watercolor.png'), url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-repeat: no-repeat, repeat;
		background-size: 200%;
		background-position: center;
	}
	#mainnav .works:hover, #mainnav .works:active,
	body.works #mainnav .works,
	body.work  #mainnav .works {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/works_watercolor.png'), url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-repeat: no-repeat, repeat;
		background-size: 200%;
		background-position: center;
	}
	#mainnav .about:hover, #mainnav .about:active,
	body.about #mainnav .about {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/about_watercolor.png'), url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-repeat: no-repeat, repeat;
		background-size: 200%;
		background-position: center;
	}
	#mainnav .events:hover, #mainnav .events:active,
	body.events #mainnav .events {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/events_watercolor.png'), url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-repeat: no-repeat, repeat;
		background-size: 200%;
		background-position: center;
	}
	#mainnav .albums:hover, #mainnav .albums:active,
	body.albums #mainnav .albums {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/albums_watercolor.png'), url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-repeat: no-repeat, repeat;
		background-size: 200%;
		background-position: center;
	}
	#mainnav .metadata:hover, #mainnav .metadata:active,
	body.metadata #mainnav .metadata {
		background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/metadata_watercolor.png'), url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper_dark.jpg');
		background-repeat: no-repeat, repeat;
		background-size: 200%;
		background-position: center;
	}
}





/* =Content navigation
-------------------------------------------------------------- */

#content #nav-above,
#content #nav-below,
#content #page-nav {
	display: flex;
	align-items: stretch;
	line-height: 1em;
	margin: auto;
}
#content #nav-above,
#content #page-nav {
	border-bottom: 1px solid #c0c0c0;
}
#content #nav-below {
	border-bottom: 1px solid #c0c0c0;
}
.meta-nav {
	font-family: helvetica, arial, sans-serif;
	font-size: medium;
}
#content nav {
	overflow: hidden;
	width: 100%;
}
#content nav a {
	text-decoration: none;
	font-weight: bold;
	font-size: small;
	padding: 1em;
}
#content nav a:hover {
	color: #fff;
	background-color: #000;
}
#content nav a:active {
	text-decoration: none;
}
#content .nav-previous {
	float: left;
	width: 50%;
	text-align: left;
	border-right: 1px solid #c0c0c0;
}
#content .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}
#content .nav-previous a,
#content .nav-next a {
	width: 100%;
	height: 100%;
	display: inline-block;
}
#nav-below .nav-previous {
	display: inline-block;
	float: left !important;
	text-align: left;
}
#nav-below .nav-next {
	display: inline-block;
	float: right !important;
	text-align: right;
}


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

.page-link {
	margin: 0 0 1em;
}
.page-header h1 {
	font-size: 1em;
	margin-left: 2%;
}
.entry-header {
	display: flex;
	overflow: hidden;
	background: transparent;
	align-items: center;
}
.single-post .entry-header {
	margin-top: 0;
	align-items: start;
}
.blog .entry-header,
.archive .entry-header,
.search-results .entry-header {
	align-items: start;
	margin-top: 1em;
}
.search-results footer.entry-meta {
	display: none;
}
.search-results .type-post .entry-content {
	padding-bottom: 1.75em;
}
.entry-header a {
	display: inline-block;
	width: 100%;
}
.entry-title {
	float: right;
	width: 85%;
	font-size: 1.75em;
	font-weight: normal;
}
.entry-date {
	float: left;
	line-height: 1em;
	width: 10%;
	padding: 0.6em 0;
	margin-left: 2%;
	color: #666;
	font-variant: all-small-caps;
	font-family: 'NHaasGroteskDSPro-75Bd';
	letter-spacing: 1px;
}
h1.entry-title {
	width: 82%;
	float: left;
	margin: 0;
}
.page-title {
	font-size: 2em;
	font-weight: normal;
	padding-left: 2%;
	width: 100%;
}
h1.page-title {
	display: inline-block;
}
.entry-title a {
	text-decoration: none;
	padding: 0.83rem 0;
}
.post .entry-title a:hover,
.entry-date a:hover,
a:active {
	background-color: transparent;
	text-decoration: underline;
}
article.untitled .entry-header {
	overflow: visible;
	display: block;
	margin: 2em 0 0 2%;
	width: 12%;
}
article.untitled .entry-date {
	width: auto;
	margin-right: 2em;
}
article.untitled h1.entry-title {
	display: none;
}
article.untitled .entry-content {
	width: 75%;
	border-radius: 25px;
	margin: 0 0 2em;
}
.entry-content {
	font-size: 0.8em;
	line-height: 1.5em;
	overflow: hidden;
	display: block;
	margin: auto;
	background-color: #fff;
	border-radius: 25px;
	z-index: 1;
}
.entry-content p,
.type-post .entry-content ul,
.entry-content blockquote ul {
	font-family: 'ElectraLTStd-Regular';
	font-size: 1.5em;
	line-height: 1.5em;
	max-width: 42rem;
	margin: auto;
	padding-left: 4%;
	padding-right: 4%;
}
.type-post p:first-child {
	padding-top: 1.75em;
}
.type-post p:last-child,
.type-post ul:last-child {
	padding-bottom: 1.75em;
}
article.type-post .uncategorized .entry-meta p:last-of-type {
	padding-bottom: 1.75em;
}
.entry-meta {
	padding-bottom: 1.75em;
	font-size: 0.85rem;
}
.entry-meta p {
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 1px;
}
.more-link {
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	margin: auto;
	letter-spacing: 1px;
	font-size: 1rem;
	padding: 0.4em 1em;
	border-radius: 22px;
	border: 2px solid black;
}
p.more-link {
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	line-height: 1.75em;
	border: none;
}
p.more-link em {
	font-family: NHaasGroteskDSPro-76BdIt;
	font-variant: all-small-caps;
}
p.more-link a {
	font-family: NHaasGroteskDSPro-75Bd;
	border-bottom: 1px solid #666;
	border-radius: 0;
	margin: 0;
}
.entry-content a:active {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
p.sub {
	color: #666;
	hyphens: none;
}


/* =Error page
-------------------------------------------------------------- */

.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}


/* =Image attachments
-------------------------------------------------------------- */

.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}


/* =Images and video
-------------------------------------------------------------- */

.entry-content img {
	margin: 2em 0;
	width: auto;
	height: auto;
}
.type-post img:nth-child(1) {
	margin: 0 0 1.5em;
	padding-left: 0;
}
.type-post .entry-content p + a img {
	margin: 2em 0 0;
}
/* WordPress uploaded image sizes — all fluid width */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium {
	width: 100%;
}
img.alignright {
	float: right;
	margin: 0 0 0 2em;
	max-width: 35%;
}
img.alignleft-small {
	float: left;
	max-width: 30%;
	padding: 0 1em;
	shape-outside: ellipse(50% 70%);
}
.works .entry-content #note img.alignleft-small {
	padding: 0 2em 2em 2em;
	max-width: 20%;
	margin: 0;
}
.works .entry-content #note img.alignleft-large {
	float: left;
	max-width: 40%;
	padding: 0 2em;
	shape-outside: ellipse(16em 19em);
}
.video img {
	width: auto;
	height: auto;
	padding-bottom: 1em;
	clear: both;
	float: left;
}
.svg-wrap {
	position: relative;
}
.svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 10% 0 5%;
}
#content .entry-content a[href$=jpg],
a[href$=jpeg],
a[href$=jpe],
a[href$=png],
a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	background-color: transparent !important;
}
#content .entry-content a.image {
	text-decoration: none;
	border: 0 none;
	background-color: transparent !important;
}
#content .entry-content a.text-image-link:hover {
	background-color: #000 !important;
}
#content .entry-content .works a.text-image-link:hover {
	background-color: #ff8d00 !important;
}


/* =Image galleries
-------------------------------------------------------------- */

.container {
	width: 100%;
	margin: 0 auto;
}
.responsive-image {
	max-width: 100%;
	margin-right: 0 !important;
}
.grid {
	display: flex;
	flex-direction: row;
	gap: 1px;
}
.cell {
	width: auto;
	line-height: 0;
}
.entry-content .image-gallery img {
	margin: 0;
	object-fit: cover;
}
.type-post .entry-content .image-gallery {
	padding-bottom: 0;
}
.blog .entry-content .image-gallery p.sub {
	padding-bottom: 0;
}


/* =Captions
-------------------------------------------------------------- */

.wp-caption {
	display: inline-block;
	width: 100%;
	margin: 2em 0 1.5em;
}
.entry-content .wp-caption img {
	width: 70%;
	display: inline-block;
	float: left;
	margin: 0;
}
.entry-content .wp-caption-text {
	display: inline-block;
	border-left: solid 1px #000;
	padding: 0 0 0 1em;
	margin-left: 1em;
	width: 25%;
	font-size: medium;
}
p.wp-caption-text {
	font-family: 'ElectraLTStd-Cursive' !important;
	color: #666;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
}
p.wp-caption-text em {
	font-family: 'ElectraLTStd-Regular' !important;
}
p.wp-caption-text:nth-child(1) {
	margin-top: 1.5em;
}
.type-post .wp-caption:first-child {
	margin-top: 0;
}
.wp-caption + footer p {
	padding-top: 0 !important;
}
p + .wp-caption {
	margin-top: 1.5em;
}
.type-post .wp-caption:nth-child(1) .wp-caption-text {
	margin-top: 1.5em;
}
.wp-caption p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.wp-caption p:last-of-type {
	padding-bottom: 0;
}


/* =Video container (responsive iframe embed)
-------------------------------------------------------------- */

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	margin-top: 1em;
	margin-bottom: 1.5em;
	z-index: 0;
}
#purchase .video-container {
	margin-bottom: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.post .video-container:first-child {
	border-radius: 25px 25px 0 0;
	margin-top: 0;
}
/* Workaround for Vimeo player alignment bug */
iframe #player .player .vp-player-layout {
	left: 0px !important;
}
/* Workaround for ImageZoom white boxes */
#ShadowBox img,
#ZoomBox img {
	margin-top: 0px;
}


/* =HTML5 audio player
-------------------------------------------------------------- */

audio {
	width: 50%;
	padding-left: 4%;
	margin-left: 2%;
	display: block;
}


/* =wpaudio player
-------------------------------------------------------------- */

.entry-content a.wpaudio {
	font-family: 'ElectraLTStd-Bold' !important;
	font-weight: normal !important;
	font-size: 1.25rem !important;
	color: #000 !important;
}
.entry-content .wpaudio-container em {
	font-family: 'ElectraLTStd-BoldCursive' !important;
	font-weight: normal !important;
}
a.wpaudio {
	padding: 2px 1px 0 1px !important;
	border-radius: 2px !important;
}
.wpaudio-container {
	margin: 1em 0 2em 2em !important;
	display: block !important;
}
.type-post .wpaudio-container {
	margin: 1em auto !important;
	width: 53em !important;
}
.wpaudio-bar,
.wpaudio-bar-playable,
.wpaudio-bar-position,
.wpaudio-bar-click {
	height: 10px !important;
	border-radius: 0px 5px 5px 0px !important;
}
.wpaudio-bar {
	background-color: #f4f4f4 !important;
}
.wpaudio-bar-position {
	background-color: #ff8d00 !important;
}
.entry-content .wpaudio-container img.wpaudio-play {
	width: 30px !important;
	height: auto !important;
	position: relative;
	top: -0.25em !important;
	background-color: transparent !important;
	float: left !important;
}
.entry-content .wpaudio {
	position: relative;
	left: 5px;
}
.wpaudio-container a.wpaudio {
	padding-right: 3px !important;
}
.wpaudio-container a.wpaudio:hover,
.wpaudio-container a.wpaudio:active {
	border-bottom: none !important;
	color: #fff !important;
}
.wpaudio-container a.wpaudio-download:active {
	color: #fff !important;
}
.entry-content .wpaudio-container .wpaudio-slide {
	padding-left: 21px !important;
	padding-top: 0.5em !important;
	max-width: 350px !important;
}
.wpaudio-meta {
	font-family: 'ElectraLTStd-Bold' !important;
	padding-top: 0.5em !important;
	color: #666 !important;
	font-size: 1em !important;
}
.wpaudio-meta a {
	padding: 2px 2px 0 2px !important;
	border-radius: 2px;
}
.wpaudio-meta a:hover {
	color: #fff !important;
}
.wpaudio-position {
	padding: 2px 2px 0 2px !important;
}


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

/* Base input — standardized height via padding */
input {
	border-radius: 15px;
	border: 1px solid #666;
	margin: 0;
	background-color: #fff;
	padding: 0.5em 1em;
	line-height: normal;
	height: 2.2em;
}
input:focus {
	outline: none !important;
}
input[type=text]:focus,
input[type=search]:focus {
	border: 1px solid #999;
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.2);
}
input[type=checkbox],
input[type=radio] {
	padding: 0 !important;
	height: auto;
}

/* Submit buttons — standardized, pill-shaped */
input[type=submit],
#submit,
#footer #mc_signup_submit,
input#searchsubmit {
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	background-color: #333;
	border: none;
	border-radius: 25px;
	padding: 0.5em 1.5em;
	height: 2.2em;
	line-height: 1em;
	cursor: pointer;
}
input[type=submit]:active,
#submit:active,
input#searchsubmit:active {
	background-color: #ff0000;
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}

/* Specific width overrides */
input[type=submit] { width: auto; }
#submit            { width: 8em; float: left; margin-top: 0; }
input#searchsubmit { width: auto; }

/* Buttons (non-input) */
#content button {
	white-space: nowrap;
	background-color: #333;
	border-radius: 25px !important;
	border: none;
	padding: 0.5em 1.5em;
	height: 2.2em;
	line-height: 1em;
	cursor: pointer;
}
#content button:focus {
	outline: none !important;
}
#content button:active {
	background-color: #ff0000;
}

/* Textarea */
textarea {
	color: #000;
	border-radius: 0;
	padding: 0.5em 1em;
	font-family: 'NHaasGroteskDSPro-55Rg';
}
textarea:focus {
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.2);
}

.required {
	color: #ff0000;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
	clear: both;
	padding-bottom: 2em;
	line-height: 1.5em;
	width: 96%;
	margin: auto;
	display: none;
}
#comments h2 {
	display: block;
	font-size: larger;
	margin: 1em 0 0;
}
#comments h3 {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: NHaasGroteskDSPro-75Bd;
	margin-left: 2%;
}
#comments a.comment-reply-link {
	color: #333;
	padding: 6px 1em;
	line-height: 15px;
	border-radius: 22px;
	text-align: center;
	width: 8em;
}
#comments a:hover,
#comments a:active {
	background-color: #333;
	color: #fff;
}
#comments ul li {
	border-top: solid 3px #c0c0c0;
	padding-top: 0.5em;
	margin: 0;
}
#comments .comment-author {
	margin-left: 2%;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-family: NHaasGroteskDSPro-65Md;
	display: inline-block;
}
#comments p {
	font-family: 'ElectraLTStd-Regular';
	max-width: 35em;
	margin-left: 2%;
	margin-right: 2%;
}
#comments .reply {
	font-family: NHaasGroteskDSPro-75Bd;
	margin: 0 0.5% 2%;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	font-size: 0.85rem;
}
#comments .commentmetadata,
.comment-meta {
	color: #999;
	font-size: 0.78em;
	font-family: NHaasGroteskDSPro-65Md;
	float: right;
}
article.comment {
	display: block;
}
a#cancel-comment-reply-link {
	font-family: NHaasGroteskDSPro-55Rg;
	display: inline-block;
	color: #c0c0c0;
	border: 1px solid #c0c0c0;
	margin: 0 1em;
	padding: 3px 1em;
	border-radius: 22px;
	line-height: 22px;
}
#comments ul.children li.comment {
	padding-left: 1.5em;
}
#respond {
	padding: 1em 2em 4em;
	width: 96%;
	box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.2);
	margin: auto;
}
#respond input[type=text] {
	margin: 0 1em 0 0;
	width: 65%;
}
#respond input[type=checkbox] {
	-webkit-appearance: checkbox;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	border-radius: 0;
	margin-right: 1em;
}
#wp-comment-cookies-consent {
	width: 100%;
	float: left;
	display: inline-block;
	margin-bottom: 1em;
}
#respond label {
	display: block;
	width: 100%;
	line-height: 1.5em;
}
#respond p {
	font-family: NHaasGroteskDSPro-55Rg;
	font-size: 0.85em;
}
p.logged-in-as {
	color: #999;
}
p.logged-in-as a {
	font-size: 0.78em;
	font-family: NHaasGroteskDSPro-65Md;
	margin: 0;
}
#respond .comment-form-comment label,
#respond .comment-notes,
.form-allowed-tags {
	display: none;
}
#respond textarea {
	margin: 0 1em 1em 0;
	width: 100%;
	height: 400px;
	font-size: 1.1em;
	clear: both;
}
/* =Pages — general
-------------------------------------------------------------- */

.page-categories {
	font-family: NHaasGroteskDSPro-75Bd, sans-serif;
	font-weight: normal;
	font-variant: all-small-caps;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1rem;
}
ul.page-categories {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 5px;
	gap: 5px;
	flex-wrap: wrap;
}
ul.page-categories.past {
	margin-left: 2%;
}
ul.page-categories li {
	background-color: #f4f4f4;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
	border-radius: 22px;
	text-align: center;
	flex: 1;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: max-content;
	max-width: fit-content;
	text-wrap: nowrap;
}
.entry-content .page-categories a {
	padding: 0.5em 1em;
	margin: 0;
	display: block;
	border-radius: 22px;
}
.page-categories a:hover {
	height: 100%;
	border-radius: 22px;
}
.page-categories a:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}


/* =Page highlight colors (per section)
-------------------------------------------------------------- */

.post .entry-content a:hover {
	color: #fff;
	background-color: #000;
}
.entry-meta .comments-link {
	display: none;
}
.entry-meta .comments-link a {
	font-family: NHaasGroteskDSPro-75Bd;
	font-size: 1rem;
	padding: 0.4em 1em;
	margin: auto;
	border-radius: 22px;
	text-align: center;
	background-color: #f4f4f4;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
}
.post .entry-meta .comments-link a:hover,
.post .entry-meta .comments-link a:active {
	color: #000;
	background-color: transparent;
}
.post .entry-meta .comments-link a:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
	border: none;
}
.post .entry-content a:active {
	height: 100%;
	background-color: #000;
	text-decoration: none;
}

/* Works — orange */
#content .works a:hover {
	color: #fff;
	background-color: #ff8d00;
}
#content .works a:active {
	text-decoration: none;
}
.works h2 {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-works.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: -1px;
	padding-top: 3% !important;
}

/* About — steel blue */
#content .about a:hover,
#content .about a:active {
	border-bottom: none;
	background-color: #5E7A8B;
	color: #fff;
}
.about h2 {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-about.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: -1px;
	padding-top: 3%;
}

/* Events — red */
#content .events a:hover,
#content .events a:active {
	border-bottom: none;
	color: #fff;
	background-color: #ff0000;
}
.events ul.page-categories li.past a:active {
	background-color: #e7c0c0;
}
#content .events .past a:hover {
	background-color: #e7c0c0;
}
.events h2 {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-events.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: -1px;
	padding-top: 3%;
}

/* Albums — purple */
#content .entry-content .albums a:hover,
#content .entry-content .albums a:active {
	border-bottom: none;
	color: #fff;
	background-color: #a552ff;
}
.albums h2 {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-albums.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: -1px;
	padding-top: 3%;
}

/* Metadata — green */
#content .metadata a:hover,
#content .metadata a:active {
	border-bottom: none;
	color: #fff;
	background-color: #00bb62;
}
.metadata h2 {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-metadata.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: -1px;
	padding-top: 3%;
}


/* ═══════════════════════════════════════════════════════════
   WORKS — catalog page
   Two-column layout is computed in PHP (page_works_index.php)
   by work count, splitting into .page-section-col divs.
   The filter bar JS (works-filter.php) handles show/hide.
   ═══════════════════════════════════════════════════════════ */

.works .page-section {
	display: flex;
	align-items: flex-start;
	gap: 1%;
	width: 98%;
	margin: 0 auto 2em auto;
}
/* Each column is an equal flex child; min-width:0 prevents
   content from overflowing in Chrome */
.works .page-section-col {
	flex: 1;
	min-width: 0;
}
.works h3.year {
	padding: 0 1%;
	font-size: 0.85em;
	border-top: none;
	border-image: none;
	font-family: NHaasGroteskDSPro-65Md;
	font-weight: unset;
	letter-spacing: 1px;
	color: #999;
	display: inline-block;
	box-shadow: 0px 9px 15px -9px rgba(0,0,0,0.5);
	margin: 0;
	width: 100%;
	text-align: left;
}
.year {
	/* Prevents year groups from splitting across columns in any
	   fallback column layout; no effect in the flex layout */
	break-inside: avoid;
}
.works .page-section p {
	display: flex;
	align-items: baseline;
	padding: 0;
	margin: 0 0 1px;
	background-color: #f4f4f4;
	border-radius: 3px;
}
.works .page-section .work {
	display: flex;
	align-items: baseline;
	width: 100%;
}
.works .page-section a.work {
	font-family: 'ElectraLTStd-Regular';
	font-weight: normal;
	border-radius: 3px;
	margin: 0;
	padding: 0;
}
.works .page-section a.work .work-description em {
	font-family: 'ElectraLTStd-Cursive';
	font-weight: normal;
}
.works .page-section .work-title {
	width: 60%;
	padding: 0.75em 3%;
	word-break: keep-all;
	line-height: normal;
}
.work-description {
	font-size: medium;
	display: block;
	width: 40%;
	padding-right: 3%;
	line-height: initial;
	padding-bottom: 0.75em;
	color: #666;
}
a.work:hover .work-description {
	color: #fff;
}


/* ═══════════════════════════════════════════════════════════
   WORKS — filter bar
   Chips match ul.page-categories li styling.
   JS logic lives in works-filter.php.
   ═══════════════════════════════════════════════════════════ */

#works-filter-bar {
	padding: 5px 2% 0 2%;
	font-size: 1rem;
}
.wf-row {
	display: flex;
	align-items: stretch;
	gap: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #666;
	padding-top: 5px;
}
#works-filter-bar .wf-row:first-of-type {
	border-top: none;
	padding-top: 0;
}
.wf-label {
	color: #999;
	text-align: left;
	font-family: 'NHaasGroteskDSPro-65Md', sans-serif;
	width: 6em;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.wf-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
}
#wf-search {
	font-family: 'ElectraLTStd-Regular', Georgia, serif;
	font-size: 1.1em;
	border-radius: 25px;
	border: 1px solid #666;
	padding: 0.3em 1em;
	background-color: #fff;
	color: #000;
	outline: none;
	width: 22em;
	max-width: 100%;
	transition: border-color 0.15s, box-shadow 0.15s;
}
#wf-search:focus {
	border: 1px solid #999;
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.2);
}
#wf-search::placeholder {
	font-family: 'ElectraLTStd-Cursive', Georgia, serif;
	color: #999;
}
/* Chips — styled like ul.page-categories li */
.filter-chip {
	background-color: #f4f4f4;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
	border-radius: 22px;
	font-family: 'NHaasGroteskDSPro-75Bd', sans-serif;
	font-variant: all-small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0.5em 1em;
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
	color: inherit;
}
.filter-chip:hover {
	background-color: #ff8d00;
	background-image: none;
	color: #fff;
}
.filter-chip:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}
.filter-chip.active {
	background-color: #ff8d00;
	background-image: none;
	color: #fff;
}
#works-filter-bar #wf-meta {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	padding: 0 0 0.4em;
	border-bottom: none;
}
#wf-count {
	font-family: 'NHaasGroteskDSPro-65Md', sans-serif;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	width: 6em;
	color: #999;
}
#wf-clear {
	font-family: 'NHaasGroteskDSPro-75Bd', sans-serif;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	color: #fff;
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-decoration: none;
	text-underline-offset: 2px;
	padding: 0;
	display: none;
}
#wf-clear.visible { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5em 1em; 
}
#wf-clear:hover   { 
	background-color: #ff8d00; 
}
#wf-noresults {
	font-family: 'ElectraLTStd-Cursive', Georgia, serif;
	font-size: 1.25em;
	color: #999;
	padding: 1em 2%;
	display: none;
}
#wf-noresults.visible { display: block; }
mark {
	background: rgba(255, 141, 0, 0.22);
	color: inherit;
	border-radius: 2px;
	padding: 0 1px;
}
.wf-hidden { display: none !important; }
.wf-section-hidden { display: none !important; }


/* =Works — individual work pages
-------------------------------------------------------------- */

.purchase-button {
	float: right;
	line-height: 2em;
	color: #fff;
	background-color: #333;
	padding: 0 0.75em;
	font-size: 0.85em;
	border-radius: 25px 0 0 25px;
	letter-spacing: normal;
	border: 1px solid #f4f4f4;
	white-space: nowrap;
}
.purchase-button:last-child {
	border-radius: 0 25px 25px 0;
	margin-right: 2%;
	border-left: none;
}
.purchase-button:only-of-type {
	border-radius: 25px;
	border: 1px solid #f4f4f4;
	margin-right: 2%;
}
.purchase-button a {
	background-color: transparent;
	display: block;
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	font-variant: all-small-caps;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
}
#content .work .purchase-button:hover {
	background-color: #ff8d00;
	height: 100%;
}
.albums .purchase-button:hover {
	background-color: #a552ff !important;
	height: 100%;
}
#content .purchase-button:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
	text-decoration: none;
	background-color: #ff8d00;
}
#content .works .purchase-button a:hover {
	background-color: transparent;
}
#content .works .purchase-button a:active {
	text-decoration: none !important;
}

/* Filter toggle button — matches purchase-button appearance.
   Dims when filters are hidden so the state is clear. */
#wf-toggle { cursor: pointer; }
#wf-toggle[aria-expanded="false"] {
	background-color: #999;
}
#wf-toggle[aria-expanded="false"]:hover {
	background-color: #ff8d00;
}
/* Rotated month label used on works subpages */
.works h3.month {
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	font-variant: all-small-caps;
	text-align: center;
	letter-spacing: 2px;
	float: left;
	transform: rotate(-90deg);
	position: relative;
	top: -4.25em;
	left: -12px;
	color: #000;
	margin: 0;
	border-image: none;
	border-top: 0;
	background-color: #f4f4f4;
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/wxpaper.jpg');
	background-size: 500px 500px;
	padding: 0.5em;
	border-radius: 1px 1px 10px 10px;
}
.entry-content .page-list p {
	display: block;
	font-size: x-large;
	clear: right;
	max-width: none;
	line-height: normal;
	padding: 1.25em 0 0;
	margin: 0 2% 1em 2.5em;
	border-bottom: 1px solid #f4f4f4;
}
.entry-content .page-list p .sub {
	font-size: medium;
	padding: 0 0 0 2px;
	color: #666;
}
.new {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/new_badge.svg);
	background-repeat: no-repeat;
	background-size: 1.4em;
	background-position-x: left;
}
ul.works-metadata {
	font-family: NHaasGroteskDSPro-55Rg;
	font-size: 1rem;
	color: #666;
	padding: 2%;
	display: inline-block;
	line-height: 2em;
	width: 100%;
}
ul.works-metadata li {
	float: left;
	width: 100%;
	border-bottom: solid 1px #666;
	line-height: normal;
	padding: 5px 0;
}
ul.works-metadata li strong {
	font-family: NHaasGroteskDSPro-65Md;
	font-weight: normal;
	color: #000;
}
ul.works-metadata li em {
	font-family: NHaasGroteskDSPro-56It;
}
ul.works-metadata li a em {
	font-family: NHaasGroteskDSPro-66MdIt;
}
ul.works-metadata li:last-child {
	border-bottom: none;
}
ul.works-metadata li a {
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	display: inline-block;
	border-bottom: none;
	padding: 5px 0;
	margin: -5px 0;
	height: 100%;
}
#content .works #listen {
	padding-bottom: 1em;
}
#content .works #note,
#content .works #performancenote {
	padding-bottom: 2em;
}
#content #listen p.sub {
	margin: 0 2% 0 2em;
	font-size: medium;
	max-width: 100%;
	padding-top: 0;
}


/* =Works — score purchase area
-------------------------------------------------------------- */

#content #purchase a:hover,
#content #purchase ul li a:hover {
	border-bottom: none;
}
#purchase {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas:
		"header header"
		"main sidebar"
		"footer footer";
	justify-items: start;
}
#purchase h2 {
	grid-area: header;
}
#purchase ul {
	background-color: #f4f4f4;
	display: grid;
	grid-area: main;
	margin: 0 4% 4%;
	text-align: center;
	font-family: 'ElectraLTStd-Bold';
	font-size: 1rem;
	width: 92%;
	border-radius: 25px;
	padding-bottom: 2em;
}
#content .works #purchase ul li:last-child {
	margin-bottom: 0;
}
#purchase p.sub {
	font-size: medium;
	margin: 0 1em 2em 0;
	border-left: 1px solid #000;
	grid-area: sidebar;
	align-self: start;
	display: inline-block;
}
#purchase p.sub strong {
	font-family: 'ElectraLTStd-Bold';
	font-weight: normal;
}
.works #purchase .container {
	margin: 0;
	float: left;
	grid-area: footer;
}
.works #purchase .container .cell {
	flex: 1;
	border-right: 1px solid #c0c0c0;
}
.works #purchase .container .cell:last-child {
	border-right: 0;
}
.works #purchase .container img {
	margin: 0;
}
#content .entry-content table.score_samples {
	margin-bottom: 0 !important;
	border: 1px solid #c0c0c0;
}
.container .grid .cell a.image img {
	cursor: zoom-in;
	object-fit: cover;
	height: 300px;
}
.works .container .grid .cell a.image img {
	height: auto;
}


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

#content .entry-content .woocommerce {
	font-family: NHaasGroteskDSPro-55Rg;
	font-size: 1rem;
	margin: auto;
}
form.woocommerce-cart-form {
	margin: 1em;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	margin: 0 1em;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
	width: unset !important;
	margin: 0 1em;
}
.woocommerce .woocommerce-customer-details .col2-set.addresses,
.woocommerce-page .woocommerce-customer-details .col2-set.addresses {
	margin: 0;
}
.woocommerce #order_review {
	margin: 0 1em;
}
#content .woocommerce .woocommerce-cart-form__contents,
#content .woocommerce table.shop_table {
	border-radius: 0;
	border: 0;
	border-collapse: collapse;
}
#content .woocommerce .cart-collaterals table.shop_table {
	margin: 2%;
}
.checkout-order-details-table {
	margin: 0 2%;
}
#content .entry-content .woocommerce p {
	font-family: NHaasGroteskDSPro-55Rg;
	font-size: 1rem;
	line-height: normal;
	padding: 0;
	max-width: unset;
}
#content .entry-content .woocommerce p a,
#content .entry-content .woocommerce p strong {
	font-family: NHaasGroteskDSPro-75Bd;
}
#content .entry-content .woocommerce .cart_totals td {
	padding-top: 0 !important;
}
.woocommerce ul#shipping_method .amount {
	font-weight: unset !important;
}
#content .woocommerce h2 {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-works.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: -1px;
	padding-top: 3% !important;
}
li.add-to-cart-title {
	padding: 1.5em 0 0;
	margin: 2em 0 1.5em;
	box-shadow: 0px -20px 18px -20px rgb(0 0 0 / 50%);
}
li.add-to-cart-title:first-child {
	box-shadow: none;
	margin-top: 0;
}
li.add-to-cart-title h3 {
	border-top: none;
	border-image: none;
	line-height: 1.5em;
	font-family: NHaasGroteskDSPro-55Rg;
	color: #333;
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0 1em;
	font-weight: unset;
}
li.add-to-cart-title h3 em {
	font-family: NHaasGroteskDSPro-66MdIt;
	display: block;
}
li.add-to-cart-title h3 strong {
	display: block;
}
#content .entry-content .woocommerce p.woocommerce-notice {
	padding: 0 0 1.5rem;
	margin: 1em;
	text-align: center;
}
#content .woocommerce ul {
	font-family: NHaasGroteskDSPro-75Bd;
	line-height: normal;
	color: #000;
	margin: 2%;
	width: unset;
}
#content .woocommerce ul.wc-item-meta {
	display: none;
}
#content .woocommerce ul.order_details li {
	border: 0;
	text-transform: none;
	font-size: revert;
}
#content .woocommerce ul.order_details li strong {
	font-family: NHaasGroteskDSPro-55Rg;
	font-weight: normal;
	font-size: 1rem;
	color: #666;
}
#content .entry-content .woocommerce th {
	font-family: NHaasGroteskDSPro-75Bd !important;
	font-weight: unset;
	border: 0;
	padding: 0;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
	font-weight: normal;
	font-family: NHaasGroteskDSPro-65Md;
	color: #000;
}
#content .entry-content .woocommerce td {
	border: 0;
	font-weight: normal;
	color: #666;
	padding: 0.25em 0 !important;
}
#content .entry-content .woocommerce td.product-thumbnail,
#content .entry-content .woocommerce th.product-thumbnail {
	display: none;
}
#content .entry-content .woocommerce tr.cart_item {
	border-top: solid 1px #666;
}
.woocommerce tfoot,
.woocommerce tfoot tr {
	border-top: 1px solid #666;
}
#main #content .woocommerce #respond input#submit,
#main #content .woocommerce a.button,
#main #content .woocommerce button.button,
#main #content .woocommerce input.button {
	padding: 14px 40px;
	border-radius: 25px;
	background-color: #333;
	color: #fff;
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 2px;
	font-weight: normal;
	text-align: center;
	height: auto;
}
#main .woocommerce #respond input#submit.alt,
#main .woocommerce a.button.alt,
#main .woocommerce button.button.alt,
#main .woocommerce input.button.alt {
	border-radius: 25px;
	background-color: #333;
	color: #fff;
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
}
#main #content .woocommerce #respond input#submit:hover,
#main #content .woocommerce a.button:hover,
#main #content .woocommerce button.button:hover,
#main #content .woocommerce input.button:hover {
	background-color: #ff8d00;
}
#main .albums .woocommerce #respond input#submit:hover,
#main .albums .woocommerce a.button:hover,
#main .albums .woocommerce button.button:hover,
#main .albums .woocommerce input.button:hover {
	background-color: #a552ff;
}
#main #content .woocommerce #respond input#submit:active,
#main #content .woocommerce a.button:active,
#main #content .woocommerce button.button:active,
#main #content .woocommerce input.button:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2) !important;
	background-color: #ff8d00;
	text-decoration: none;
}
#main .albums .woocommerce #respond input#submit:active,
#main .albums .woocommerce a.button:active,
#main .albums .woocommerce button.button:active,
#main .albums .woocommerce input.button:active {
	background-color: #a552ff;
}
#main .woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
	background-color: #666 !important;
}
.woocommerce div.product form.cart .button {
	width: 100%;
}
.woocommerce td.download-file a.button.alt {
	width: 100%;
}
.woocommerce a.button.loading::after {
	content: none !important;
	transform: none;
	animation: none;
}
.woocommerce a.button.added::after {
	margin-left: 0 !important;
	position: absolute;
	left: 17px;
	top: 13px;
	transform: none;
	animation: none;
}
#content .woocommerce-customer-details--phone::before,
#content .woocommerce-customer-details--email::before {
	content: none;
}
.woocommerce p.order-again {
	display: none !important;
}
#content .woocommerce .woocommerce-customer-details address {
	border: 0;
	padding: 0 2%;
}
p.woocommerce-customer-details--phone,
p.woocommerce-customer-details--email {
	margin-left: 0 !important;
}
p.price {
	display: inline-block;
	color: #333 !important;
	font-family: NHaasGroteskDSPro-55Md !important;
}
p.product.woocommerce.add_to_cart_inline {
	border: 0 !important;
	padding: 0 !important;
}
.sku_wrapper,
.sku,
.posted_in {
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 2px;
	font-size: 0.85em;
}
.cart-icon {
	padding: 1px;
	position: relative;
	top: 4px;
}
.woocommerce a.added_to_cart {
	margin: 2em auto 0;
	width: fit-content;
	line-height: 2em;
	color: #fff;
	background-color: #333;
	border-radius: 1em;
	padding: 0 1em !important;
	font-size: 0.85em;
	display: block !important;
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	text-align: center;
	letter-spacing: 1px !important;
}
.woocommerce a.added_to_cart:hover {
	background-color: #ff8d00 !important;
	height: 100%;
}
.woocommerce a.added_to_cart:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
	text-decoration: none;
}
.woocommerce .product-remove a.remove {
	color: #ff8d00 !important;
}
.woocommerce a.remove:hover {
	color: #fff !important;
	background-color: #ff8d00 !important;
}
.woocommerce form .form-row select {
	height: 29.5px;
	color: #333;
	border: 1px solid #333;
}
.woocommerce .select2-container--default .select2-selection--single {
	border-radius: 0;
	border: 1px solid #666;
}
.woocommerce .select2-container .select2-selection--single {
	margin: unset;
}
.select2-results__option {
	padding: 10px !important;
	white-space: nowrap !important;
	font-size: 0.85em !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #ff8d00 !important;
}
#content .works .woocommerce a.added_to_cart:hover {
	background-color: transparent;
}
#main .woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	border-radius: 25px;
	width: auto !important;
}
#main .woocommerce .coupon input#coupon_code {
	padding: 14px 40px 14px 14px;
	height: 2.2rem;
}
/* Match button height to input and center text vertically */
#main .woocommerce .coupon button.button,
#main .woocommerce button[name="update_cart"] {
	padding: 14px 40px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	color: #fff !important;
	border-top: none !important;
	border-radius: 25px;
	font-family: 'NHaasGroteskDSPro-75Bd';
	background-color: unset;
	box-shadow: inset 0 4px 4px rgb(0 0 0 / 20%);
}
.entry-content .woocommerce-message,
.entry-content .woocommerce-info {
	background-color: #00bb62 !important;
	margin: 1em;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	color: #fff !important;
}
ul.woocommerce-error,
.entry-content .woocommerce-error {
	background-color: #ff0000;
	margin: 1em;
}
.woocommerce-error .wc-backward {
	display: none;
}
p.woocommerce-info {
	padding: 1em !important;
}
p.cart-empty.woocommerce-info::before {
	content: none;
}
p.return-to-shop {
	margin: 1em;
	float: right;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
	text-decoration: underline;
}
.woocommerce form .form-row label {
	hyphens: none;
	font-family: 'NHaasGroteskDSPro-65Md';
	line-height: normal !important;
	padding: 1em 0 0.25em;
}
.woocommerce .quantity input.qty {
	padding: 0 !important;
}
#content .woocommerce form.checkout_coupon {
	border: 1px solid #666;
	border-radius: 0;
	margin: 1em !important;
}
#content .woocommerce form.checkout_coupon p {
	padding-bottom: 1em;
}
#content .woocommerce form.checkout_coupon button.button {
	padding: 7px;
	width: 100%;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: #fff !important;
	border-radius: 0 0 25px 25px !important;
	border: 1px solid #333;
}
#main .woocommerce-checkout #payment div.payment_box {
	background-color: #f4f4f4;
}
#main .woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #f4f4f4;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}
#main #payment .payment_methods li .payment_box.payment_method_woocommerce_payments fieldset {
	border: none;
}
.wc-proceed-to-checkout {
	padding: 0 !important;
}
#ppcp-recaptcha-v2-container {
	margin: 0 !important;
}
.ppc-button-wrapper {
	margin: 1em auto;
}
.woocommerce .paypal-buttons {
	display: block !important;
	margin: auto;
}
.wc-block-components-payment-request-button-wrapper,
#wc-stripe-payment-request-button-wrapper {
	border-radius: 25px;
	overflow: hidden;
	max-width: 320px;
}
.checkout .wcpay-express-checkout-wrapper {
	padding: 0 1em !important;
}
.woocommerce-store-notice {
	display: none !important;
}

#content .woocommerce input {
	border-radius: 25px;
}

.woocommerce textarea {
	resize: vertical;
}


/* =About
-------------------------------------------------------------- */

.entry-content .headshot-top {
	margin: 0 0 2em 0;
}
.biography,
.image-gallery,
.representation,
.publishing {
	padding-bottom: 2em;
}
.image-gallery p.sub {
	margin-left: 2%;
	padding: 0.5rem 0 1rem !important;
}
.contact ul.page-categories {
	padding-left: 2%;
}


/* =Events
-------------------------------------------------------------- */

.past-events-toggle {
	margin: 0 2%;
}
.past-events-toggle button {
	border: none;
	font-family: NHaasGroteskDSPro-75Bd;
	font-size: 0.85em;
	font-weight: normal;
	font-variant: all-small-caps;
	text-align: center;
	letter-spacing: 1px;
	line-height: 2em;
	color: #fff;
	border-radius: 1em;
	padding: 0 1em;
	width: 11em;
}
.past-events-toggle button:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}
.events .page-categories li {
	min-width: 7.24%;
}
.events .event a {
	font-family: 'ElectraLTStd-Bold';
	font-weight: normal;
}
.events .event a em {
	font-family: 'ElectraLTStd-BoldCursive';
	font-weight: normal;
}
ul.event {
	font-family: 'ElectraLTStd-Regular';
	border-top: 1px solid #666;
	margin: 0 2%;
	padding-top: 1em;
}
ul.event li {
	margin-right: 2%;
}
#content .events:not(.past-seasons) .past {
	color: #999;
	display: none;
}
#content .entry-content p.past.event {
	margin: 0;
}
.events h1.page-title {
	width: 80%;
}
.events .current-season-button {
	margin: 0 2%;
	line-height: 2em;
	color: #fff;
	background-color: #333;
	border-radius: 1em;
	padding: 0 1em;
	font-size: 0.85em;
	letter-spacing: normal;
	border: 1px solid #f4f4f4;
	display: inline-block;
	white-space: nowrap;
}
.events .current-season-button a {
	background-color: transparent;
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	font-variant: all-small-caps;
	text-align: center;
	letter-spacing: 1px;
}
#content .events .entry-header .current-season-button a:active {
	background-color: transparent;
	text-decoration: none;
}
.events .current-season-button:hover {
	background-color: #ff0000 !important;
	height: 100%;
}
.events .current-season-button:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
	text-decoration: none;
}
.events h3.month.past {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-events-past.png);
	padding-top: 3%;
}
li.when,
li.day {
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	float: left;
	display: block;
}
.page li.when {
	font-size: 2em;
	display: block;
	width: 100%;
}
.page li.day {
	padding-top: 5px;
	float: left;
	font-family: NHaasGroteskDSPro-65Md;
}
.page li.where {
	margin-bottom: 1em;
	font-family: 'ElectraLTStd-Regular';
}
.page li.where,
li.event {
	display: block;
	position: relative;
	top: -1em;
	font-size: 1.25em;
	max-width: 30em;
	margin-left: 7em;
}
li.event {
	font-family: 'ElectraLTStd-Regular';
}
.events h3.month {
	background-image: url(https://andres.com/wp-content/themes/irksomecushion2018/images/header-rule-events.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 0px;
	padding: 30px 0 0 2%;
	width: 100%;
	line-height: normal;
	font-weight: normal;
	font-size: 1.75em;
	font-family: NHaasGroteskDSPro-75Bd;
}
#page #content .entry-content .event li a {
	border-bottom: 0 none;
	padding: 2px;
	margin: -2px;
	border-radius: 2px;
}
#content .page .entry-content li.past a:hover {
	color: #fff;
	background-color: #999;
}
.events .past-seasons ul.page-categories {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 5px;
	margin: 5px;
}
.events .past-seasons ul.page-categories li {
	max-width: none;
	flex-basis: unset;
	text-wrap: nowrap;
}
.events .past-seasons ul.page-categories li a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


/* =Albums
-------------------------------------------------------------- */

.albums p.sub {
	font-size: medium;
	float: left;
	clear: right;
	width: 50%;
	margin: 0;
	color: #666;
}
.albums p.sub strong {
	color: #a552ff;
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 1px;
}
.albums .album-block ul {
	font-size: medium;
	font-family: 'ElectraLTStd-Regular';
	float: left;
	clear: right;
	width: 50%;
	margin: 0;
	color: #666;
	padding: 0 4% 1.75em;
}
.albums .album-block ul li {
	padding-bottom: 0.5em;
	line-height: 1.25em;
}
.albums .album-block ul li strong {
	color: #a552ff;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: NHaasGroteskDSPro-75Bd;
}
.albums .album-block ul li a {
	color: #000;
	font-family: 'ElectraLTStd-Bold';
	font-weight: normal;
	padding: 2px;
	border-radius: 2px;
	margin: -2px;
}
.albums .album-block ul li em a {
	color: #000;
	font-family: 'ElectraLTStd-BoldCursive';
	font-weight: normal;
}
.albums .entry-content img {
	margin: 0 4% 2em;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	border-radius: 4px;
}
.album-block {
	display: flex;
}
.album-block .image {
	display: inline-block;
	width: 50%;
}


/* =Metadata
-------------------------------------------------------------- */

.links {
	display: none;
}
#content .blogroll {
	width: 96%;
	font-family: 'ElectraLTStd-Regular';
	clear: both;
	margin: 0 2%;
	font-size: 1.5rem;
	text-decoration: none;
}
.links a {
	font-family: 'ElectraLTStd-Bold';
	font-weight: normal;
	padding: 2px;
	border-radius: 2px;
}
.entry-content .link-description p {
	padding: 0;
	font-size: 1em;
	margin-left: 0;
}
.press .blogroll a {
	font-family: 'ElectraLTStd-BoldCursive';
	font-weight: normal;
	font-style: normal;
	border-radius: 2px;
	padding: 2px;
	margin-left: -2px;
}
.metadata .press li {
	display: block;
	color: #666;
	line-height: 1.5em;
	font-size: medium;
	list-style: none;
	max-width: none;
	margin: 0.5em 0 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #f4f4f4;
	break-inside: avoid;
}
#content .metadata .press li:last-child {
	border-bottom: none;
}
#content .metadata .press li a {
	color: #000;
	line-height: normal;
}
#content .metadata .press li a:hover,
#content .metadata .press li a:active {
	color: #fff;
}
.metadata table {
	margin: 0;
	overflow: hidden;
	padding-bottom: 1.75em;
}
#content .metadata .pagesection h2 {
	font-size: 1.5em;
}
.press td {
	display: block;
	columns: 2;
	column-fill: balance;
}
.blogroll tr {
	max-width: 100%;
}
ul.blogroll {
	border-left: 1px solid #00bb62;
}
ul.xoxo.blogroll li {
	padding: 0 0 0.5em 0.5em;
	width: 100%;
	font-size: 0.7em;
}
.links {
	padding-bottom: 1em;
}
#content .metadata table.blogroll h2 {
	padding: 0 0 1em;
	font-size: 0.85em;
	border-top: none;
	border-image: none;
	font-family: NHaasGroteskDSPro-65Md;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	background-image: none;
}
#content .links .blogroll td {
	width: 24%;
	display: inline-block;
	clear: both;
}


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

.widget-area {
	background: #ffc0cb;
	padding: 0;
}
.widget {
	display: block;
	padding: 0 1em;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


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

#footer {
	font-family: NHaasGroteskDSPro-55Rg;
	float: left;
	text-align: left;
	width: 100%;
	background-color: transparent;
	line-height: 1.25em;
}
#footer a {
	font-weight: normal;
	padding: 1px;
}
#footer a:active {
	text-decoration: none;
}
#archives a:hover {
	color: #fff;
	background-color: #000;
	border-radius: 2px;
}
#archives a:active {
	background-color: #333;
	color: #fff;
	border-bottom: none;
}
.svg-wrap #glasses {
	width: 60%;
	float: right;
	position: relative;
	top: -2em;
	transform: rotate(5deg);
}
#footer #search {
	font-family: NHaasGroteskDSPro-65Md;
	width: 100%;
}
#searchform label {
	display: none;
}
#search #s {
	width: 50%;
	margin-right: 1em;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
	font-family: NHaasGroteskDSPro-55Rg;
}
.metadata #colophon ul {
	font-size: 1rem;
	color: #666;
	padding: 0 2% 2%;
	display: inline-block;
	line-height: 2em;
	width: 100%;
}
.metadata #colophon ul li {
	float: left;
	clear: left;
	width: 100%;
	border-bottom: solid 1px #666;
	line-height: inherit;
}
#colophon strong {
	font-family: NHaasGroteskDSPro-65Md;
	font-weight: normal;
	color: #000;
}
#colophon ul li:last-child {
	border-bottom: none;
	margin-bottom: 1.5em;
}
#colophon ul a {
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	display: inline-block;
	border-bottom: none;
	padding: 1px 1px 0 0;
	height: 100%;
}
#footer #colophon a:hover {
	border-bottom: none;
	display: inline-block;
	background-color: #333;
	color: #fff;
}
#footer #colophon a:active {
	display: inline-block;
	height: 100%;
	border-bottom: none;
}
#outbound {
	width: 49%;
	padding: 0 0 2em 2em;
	float: left;
}
#outbound ul.page-categories {
	clear: none;
	display: block;
	margin: auto;
}
#outbound ul.page-categories li {
	float: left;
	clear: left;
	margin: 0 0 1em;
}
#outbound ul.page-categories a {
	padding: 0.5em 2em;
	margin: 0;
	display: block;
	border-radius: 22px;
}
#outbound ul.page-categories a:hover,
#outbound ul.page-categories a:active {
	height: 100%;
	border-radius: 22px;
}
#outbound ul.page-categories a:active {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}
#outbound .email-button a:hover,
#outbound .email-button a:active {
	background-color: #ff8d00;
}
#copyright {
	display: inline-block;
	width: 100%;
	padding: 2em 0;
}
#copyright p {
	font-size: 8px;
	letter-spacing: 2px;
	text-align: center;
	font-family: NHaasGroteskDSPro-75Bd;
}
#footer svg#andres_bakery polygon.window {
	fill: #f4f4f4;
}


/* =Sidebar (hidden)
-------------------------------------------------------------- */

#sidebar {
	display: none;
}


/* =MailChimp signup form
-------------------------------------------------------------- */

#footer_mc {
	max-width: 50%;
	min-width: 30%;
	float: left;
	padding: 0 0 2em 2em;
}
.mc_custom_border_hdr {
	font-family: NHaasGroteskDSPro-75Bd;
	max-width: 75%;
	display: flex;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-size: 2em;
	padding: 0 0 0.67em;
	margin-block: 0;
}
#mc_signup_form {
	padding: 0;
}
#mc_message strong {
	font-weight: normal;
}
#mc_message {
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	font-size: inherit;
	line-height: 1.5em;
	padding-bottom: 1em;
}
#mc-indicates-required {
	display: none;
}
.mc_form_inside .mc_required {
	color: red;
}
.mc_merge_var {
	line-height: 1.5em;
}
.mc_form_inside {
	font-size: 0.85em;
	width: 65%;
}
#mc_subheader {
	max-width: 65%;
	padding-bottom: 1em;
}
.mc_input {
	width: 100%;
	margin-bottom: 15px;
}
#mc_unsub_link {
	float: left;
	line-height: 1.25em;
}
#mc_unsub_link a {
	font-family: NHaasGroteskDSPro-55Rg;
	font-weight: normal;
	color: #c0c0c0;
	border: 1px solid #c0c0c0;
	margin: 1em 1em 0 0;
	padding: 3px 15px;
	border-radius: 25px;
	display: inline-block;
	line-height: 20px;
}
#mc_unsub_link a:hover {
	background-color: #c0c0c0;
	border-radius: 25px;
	color: #fff;
}
#mc_unsub_link a:active {
	background-color: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}


/* =Archives
-------------------------------------------------------------- */

#archives {
	width: 50%;
	float: right;
	border: 0 none;
	padding: 0 2em 2em 0;
}
#footer #archives ul#archive-list {
	padding-top: 2em;
}
#footer #archives li {
	display: inline-block;
}
#footer #archives li.archive-year {
	font-family: NHaasGroteskDSPro-75Bd;
	font-weight: normal;
	display: block;
	border-top: 1px solid #ff0000;
	margin: 5px 0;
}


/* =jQuery scroll-to-top
-------------------------------------------------------------- */

body a#scroll-to-top.custom-image {
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
}
body a#scroll-to-top.custom-image img {
	display: block;
	max-width: 33px;
	height: auto;
	border-radius: 50px !important;
	border: 1px solid #f4f4f4 !important;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}


/* ═══════════════════════════════════════════════════════════
   MOBILE — max-width: 600px
   ═══════════════════════════════════════════════════════════ */

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

/* Mobile nav */
#mainnav {
	max-width: 100%;
	padding: 0;
}
/* Ensure background shows through when overlay is open */
#mainnav ul {
	display: block;
	width: 100%;
}
#mainnav ul li {
	width: 50%;
	float: left;
}
#mainnav li.logo {
	width: 50%;
}
#mainnav li:nth-child(odd) {
	border-right: 1px solid #c0c0c0;
}
/* SVG sizing on mobile: icon left, text label to the right */
.mainnav-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 40% 8% 0;
	overflow: visible;
}
g.text-label {
	transform: translate(170px, 100px) scale(1.3, 1.3);
}
#logo-text {
	transform: translate(0, 30px) scale(1.8, 1.8);
}
#logo-subtext {
	display: none;
}
/* Mobile open shadow — on .mainnav-full so it tracks the bottom of the expanded content */
#mainnav.nav-collapsed.mobile-open .mainnav-full::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1%;
	right: 1%;
	height: 0;
	box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.5);
	clip-path: inset(0 -25px -20px -10px round 0px 25px);
	z-index: -1;
}
/* Mobile hover/active: auto size fills larger cells */
#mainnav .logo:hover, #mainnav .logo:active {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/home_watercolor.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
#mainnav .works:hover, #mainnav .works:active,
.works #mainnav .works,
.work  #mainnav .works {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/works_watercolor.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
#mainnav .about:hover, #mainnav .about:active,
.about #mainnav .about {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/about_watercolor.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
#mainnav .events:hover, #mainnav .events:active,
.events #mainnav .events {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/events_watercolor.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
#mainnav .albums:hover, #mainnav .albums:active,
.albums #mainnav .albums {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/albums_watercolor.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
#mainnav .metadata:hover, #mainnav .metadata:active,
.metadata #mainnav .metadata {
	background-image: url('https://andres.com/wp-content/themes/irksomecushion2018/images/metadata_watercolor.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}



html {
	margin-top: 0;
}
#page {
	font-size: large;
}


/* Mobile content */

.page-header h1.page-title {
	font-size: 1em;
}
#content nav {
	padding: 0;
}
#content #nav-above,
#content #page-nav,
#content #nav-below {
	width: 100%;
}
#content .single-post .entry-header {
	width: 100%;
	align-items: auto;
}
#content .works-page-store .entry-header {
	width: 100%;
	display: block;
}
h1.page-title {
	font-size: 1.5em;
	padding-right: 0.75em;
	margin-bottom: 0.5em;
}
#content .entry-title {
	width: 80%;
	font-size: 1.5em;
	padding-left: 0.75em;
}
#content article.untitled {
	display: flex;
}
#content article.untitled .entry-date {
	width: unset;
	margin-left: 2%;
}
#content article.untitled .entry-content {
	width: unset;
	margin: 2em 0;
}
.entry-content {
	padding-left: 0;
	width: 100%;
}
.entry-content p {
	font-size: 1.3em;
	padding: 0.5em 2%;
	margin-left: 1.75em;
}
p.sub {
	font-size: medium;
}
.type-post .entry-meta p:first-child {
	padding-top: 0.5em;
}
#content blockquote {
	margin: 0 0 1em 1em;
	padding: 0 2% 0 0.25em;
	max-width: 95%;
}
.more-link {
	font-family: NHaasGroteskDSPro-75Bd;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	padding: 6px 1em;
	border-radius: 50px;
}


/* Mobile images */

.entry-content img {
	padding-left: 0;
	margin-bottom: 0;
	float: initial;
}
.entry-content .alignleft {
	margin: 0;
	max-width: 100%;
}
.entry-content .alignright {
	float: right;
	margin: 0 0 1em;
	max-width: 100%;
	padding: 0 0 2% 0;
}
.entry-content img.alignleft-small {
	float: left;
	max-width: 30%;
	padding: 0 1em;
}
.works .entry-content #note img.alignleft-small {
	max-width: 35%;
	padding: 1em 1em 1em 2%;
}
.entry-content .image-gallery a,
.entry-content .image-gallery .cell {
	line-height: 0;
}


/* Mobile captions */

.entry-content .wp-caption img {
	padding: 0 0 1em !important;
	width: 100%;
	float: none;
}
.entry-content .wp-caption-text {
	float: left;
	font-size: 1.25em;
	display: block;
	margin-top: 0;
	padding: 0 2% 0 1.25em;
	width: 90%;
}
.type-post .wp-caption:nth-child(1) .wp-caption-text {
	margin-top: 0;
}
.cell:nth-child(even) {
	border-right: 0;
}


/* Mobile comments */

#comments {
	width: 100%;
}
#comments h3,
#comments .comment-author,
#comments p {
	margin-left: 2%;
}
#comments .commentmetadata,
.comment-meta {
	color: #999;
	font-size: 0.78em;
	float: none;
	margin: 0 0 0 2%;
}


/* Mobile metadata */

#content .metadata .press li {
	line-height: 1.5em;
	margin: 1em 0;
}
#content .links .blogroll td {
	width: 49%;
	display: inline-block;
	clear: both;
}
ul.xoxo.blogroll li {
	padding-right: 0;
}
#content .metadata table.blogroll h2 {
	font-size: 1em;
	padding: 1em 0;
	border-bottom: none;
}


/* Mobile audio */

audio {
	width: 90%;
}
.wpaudio-container {
	margin: 1.5em 0 0.5em !important;
	padding-bottom: 1em !important;
	max-width: 97%;
}
.entry-content .wpaudio-container .wpaudio img.wpaudio-play {
	float: left !important;
	width: 40px !important;
	height: auto !important;
	margin-left: 0.25em !important;
	top: -0.5em !important;
}
.entry-content .wpaudio-container .wpaudio-slide {
	padding-left: 35px !important;
	width: 300px !important;
}
#content #listen p.sub {
	margin-left: 0.5em;
}


/* Mobile works */

.works .page-section {
	flex-direction: column;
	align-items: stretch;
}
#wf-search {
	width: 100%;
}
.wf-row {
	flex-wrap: wrap;
	margin-bottom: 8px;
	border-top: 1px solid #666;
	padding-top: 5px;
	padding-bottom: 0;
}
#works-filter-bar .wf-row:first-of-type {
	border-top: none;
	padding-top: 0;
}
.wf-label {
	width: 100%;
	margin-bottom: 2px;
}
.wf-chips {
	flex-wrap: wrap;
}
.entry-content .works .page-section {
	column-count: 1;
}
#content .entry-content .works .page-section p {
	width: 98%;
	margin: 0 auto 3px;
}
.grid {
	flex-wrap: wrap;
}
.cell {
	flex: 1 1 calc(50% - 10px);
	align-self: center;
}


/* Mobile purchase area */

#purchase {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-template-areas:
		"header header"
		"main main"
		"sidebar sidebar"
		"footer footer";
}
#purchase ul {
	display: grid;
}
#purchase p.sub {
	float: left;
	font-size: 1.25em;
	display: block;
	margin: 0 0 1em 1em;
	padding: 0 2% 0 1.25em;
	width: 90%;
}
#content .entry-header .purchase-button {
	font-size: 0.75em;
	float: left;
}
#content .works #purchase ul li:last-child {
	margin-bottom: 0;
}
.works #purchase .container .cell:first-child {
	border-bottom: 1px solid #c0c0c0;
}
.works #purchase .container .cell:last-child {
	border-top: 1px solid #c0c0c0;
}


/* Mobile WooCommerce */
 
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	margin: 1em auto;
}
#content .entry-content .woocommerce tr.cart_item:first-child {
	border-top: none;
}
#main .woocommerce .coupon button.button,
#main .woocommerce .coupon input#coupon_code {
	width: 100% !important;
}
#main .woocommerce .coupon input#coupon_code {
	padding: 14px 40px 14px 14px;
	margin-bottom: 0.5em;
}
#main .woocommerce .coupon button.button,
#main .woocommerce button[name="update_cart"] {
	line-height: 1;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
#content .woocommerce ul.order_details li {
	float: none;
	border-bottom: 1px solid #333;
	padding: 0.25em;
	width: 100%;
}
#content .woocommerce ul.order_details li:last-child {
	border-bottom: none;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	width: unset !important;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
	font-weight: unset !important;
}

/* Mobile About */

.entry-content .biography img.alignright {
	padding-top: 2em;
}


/* Mobile Events */

.page li.where,
li.event {
	margin-left: 6em;
	padding-right: 2%;
}


/* Mobile Albums */

.album-block {
	display: block;
}
.album-block .image {
	width: 100%;
}
.albums .entry-content img {
	margin: 0;
}
.albums p.sub {
	width: 100%;
	margin-top: 0;
}
.entry-content .album-block p.sub:first-of-type {
	padding: 1em 2% 2em;
}
#content .albums .album-block ul {
	padding: 1em 2% 2em;
}


/* Mobile Metadata */

.press .blogroll td {
	columns: 1;
}


/* Mobile Footer */

#footer {
	width: 100%;
	overflow-x: hidden;
	padding-bottom: 0.75em;
}
#search {
	width: 70%;
}
#s {
	margin: 0 15px 0 0;
	width: 50%;
}
.svg-wrap #glasses {
	top: 0;
}
#footer_mc {
	max-width: 100%;
	min-width: 100%;
	float: left;
	clear: right;
	padding: 0 0 2em 0.5em;
	box-shadow: 0px 5px 15px -9px rgba(0,0,0,0.6);
}
#archives {
	max-width: 100%;
	min-width: 100%;
	padding: 0 2% 2em;
	box-shadow: 0px 5px 15px -9px rgba(0,0,0,0.6);
}
#footer #outbound {
	max-width: 100%;
	min-width: 100%;
	padding: 0 2% 2em;
	box-shadow: 0px 5px 15px -9px rgba(0,0,0,0.6);
}
#copyright {
	box-shadow: none;
}
body #page a#scroll-to-top {
	display: none !important;
}

} /* end @media screen and (max-width: 600px) */