/*
	Theme Name: Tim Melville
	Theme URI: http://timmelville.com
	Description: Custom WordPress Theme
	Version: 1.1.1
	Author: Nadia Aftimos (Reform)
	Author URI: http://reformstudio.co.nz
	Updates 2025: Tim Gummer timgummerdesign.com
	Tags: Blank, HTML5, CSS3

	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: base
*/

/* NORMALIZE & ELEMENT DEFAULTS
######################################## */

/*! derived from normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/* Root Elements
---------------------------------------- */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust after orientation change */
	}

body {
	margin: 0;
	}


/* HTML5 Display Definitions
---------------------------------------- */

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

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

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

[hidden],
template {
	display: none;
	}


/* Links
---------------------------------------- */

a {
	background-color: transparent;
	
	&:active,
	&:hover {
		outline: 0;
		}
	}


/* Text-level Semantics
---------------------------------------- */

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

b,
strong {
	font-weight: bold;
	}

dfn {
	font-style: italic;
	}

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

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

small {
	font-size: 80%;
	}

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

sup {
	top: -.5em;
	}

sub {
	bottom: -.25em;
	}


/* Embedded Content
---------------------------------------- */

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

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

.gm-style img {
	max-width: none;
	}


/* Grouping Content
---------------------------------------- */

figure {
	margin: 1em 40px;
	}

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

pre {
	overflow: auto;
	max-width: 100%;
	}

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


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

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	}

button {
	overflow: visible;
	
	&::-moz-focus-inner {
		border: 0;
		padding: 0;
		}
	
	&[disabled] {
		cursor: default;
		}
	}

button,
select {
	text-transform: none;
	}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="file"] {
	appearance: none;
	cursor: pointer;
	}

input {
	line-height: normal;
	
	&::-moz-focus-inner {
		border: 0;
		padding: 0;
		}
	
	&[disabled] {
		cursor: default;
		}
	
	&[type="checkbox"],
	&[type="radio"] {
		box-sizing: border-box;
		padding: 0;
		}
	
	&[type="number"] {
		&::-webkit-inner-spin-button,
		&::-webkit-outer-spin-button {
			height: auto;
			}
		}
	
	&[type="search"] {
		appearance: textfield;
		box-sizing: content-box;
		
		&::-webkit-search-cancel-button,
		&::-webkit-search-decoration {
			appearance: none;
			}
		}
	}

/* Form Input Styles */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	appearance: none;
	box-sizing: border-box;
	border: 1px solid #939598;
	padding: 1em;
	
	&:focus {
		border-color: #000;
		}
	
	&::placeholder {
		color: #939598;
		opacity: 1;
		}
	}

select {
	appearance: none;
	}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
	}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
	}

legend {
	border: 0;
	padding: 0;
	}

optgroup {
	font-weight: bold;
	}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
	}


/* Tables
---------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

th,
td {
	border: 1px solid #939598;
	padding: .5em;
	text-align: left;
	vertical-align: top;
	}

th {
	text-align: center;
	vertical-align: middle;
	}


/* Element Defaults
---------------------------------------- */

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table blockquote, applet, embed, object, iframe, frameset {
	margin: 0 0 1.429em;
	}

blockquote {
	border-left: 4px solid #939598;
	padding-left: .5em;
	margin-left: 1.429em;
	}

ul,
ol {
	padding-left: 1em;
	
	ul,
	ol {
		padding-left: 1.5em;
		margin: 0;
		}
	}

ul {
	list-style-type: disc;
	}

dl {
	dt {
		float: left;
		clear: left;
		padding-right: .3em;
		font-weight: bold;
		}
	
	dd {
		overflow: hidden;
		}
	}


/*zero pad/mergin non body lists*/
.fancybox-title .info,
.nav-drop .nav,
.caption .info,
.social-links,
.event-list,
.author-list,
.contact-section ul,
.work-list .info {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.clearfix:after,
dl:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after,
.post:after,
.contact-section .two-column:after {
	content: "";
	display: block;
	clear: both;
	}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
	}

html {
	box-sizing: border-box;
	}

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

* {
	max-height: 1000000px;
	}




/* IFRAME*/

iframe {
@media (max-width: 1023px) {
		width: 100%;
	}
}






/* UTILITY CLASSES
######################################## */

.nospace {
	margin-bottom: 0;
}

.hidden-lg {
@media (min-width: 1024px) {
		display: none !important;
	}
}

.hidden-sm {
@media (max-width: 1023px) {
		display: none !important;
	}
}


/* LAYOUT UTILITIES
----------------------------------------*/
/*TD: still needed? */
div.aligncenter {
	margin: 0 auto 1.429em;
	}

img.aligncenter {
	display: block;
	margin: 0 auto;
	}

.alignleft {
	float: left;
	margin: 0 1.429em 4px 0;
	}

.alignright {
	float: right;
	margin: 0 0 4px 1.429em;
	}


/* BESPOKE UTILITIES? */

.active-popup {
	overflow: hidden;
	}

.resize-active {
	* {
		transition: none !important;
		}
	} 






/* Variables
---------------------------------------- */
:root {

/* Breakpoint Variables - REFERENCE ONLY
---------------------------------------- */
/* Note: CSS custom properties cannot be used directly in @media queries.
	 These are provided as reference values for use in:
	 - JavaScript breakpoint detection
	 - calc() and clamp() functions
	 - Container queries (@container)
	 - Documentation/maintenance
	 Media queries must use hardcoded pixel values.
*/

	/* Breakpoints */
	--bp-xs: 450px;
	--bp-sm: 480px;
	--bp-md: 768px;
	--bp-lg: 1024px;
	--bp-xl: 1200px;
	--bp-xxl: 1500px;
	--bp-xxxl: 1600px;
	
	/* Spacing scale */
/*	Derived from source
	--spacing-xs: 10px;
	--spacing-sm: 15px;
	--spacing-md: 25px;
	--spacing-lg: 35px;
	--spacing-xl: 50px;
	--spacing-2xl: 75px;
	--spacing-3xl: 100px;
	--spacing-4xl: 140px;*/

/*updated geometric incremental spacing */
	--spacing-xs: 0.5rem;
	--spacing-sm: 0.75rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-2xl: 3rem;
	--spacing-3xl: 4rem;
	--spacing-4xl: 6rem;

	--column-gap: 2rem;
	
	/* Component-specific spacing */
	--padding-compact: 32px;
	--margin-widget: 95px;
	--margin-post: 150px;
}










/* LAYOUT
######################################## */

/*  LAYOUT, OUTER
---------------------------------------- */

body {
	width: 100%;
	height: 100%; 
	}

#wrapper {
	position: relative;
/*	overflow: hidden; unhiddent to enable sticky artists image*/
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
	}


.container {
	width: 100%;
	max-width: 1150px;
	padding: 0 35px; /* TD: double up padding */
	margin: 0 auto;
	}

/*Exhib Main Page  - Exhib Post List*/
/*TD: class names originally smushed so follow up to check*/
.container .compact {
	max-width: 904px;
	}

/*Exhib Single Page */
.container .large {
	/*nothing to declare*/
	}

/*Artist Single Page*/
.container.xl {
	max-width: 1500px;
	}

#header > .container,
body:not(.home) .visual {
	max-width: 1024px; /* DT containment oct2025 */
	}


#header > .container {
	margin: 0 auto;
	}

/* Artist and Exibition archive pages common */
body:not(.home) .visual  {
	margin: var(--spacing-md) auto 0 auto;
@media (min-width: 1024px) {		
	margin: var(--spacing-3xl) auto 0 auto;
}
	}

.container {
@media (min-width: 480px) {
		padding: 0 var(--spacing-md);
		padding: 0 1rem; /* DT containment oct2025 */
	}
	
@media (min-width: 1024px) {
		padding: 0;
	}
	
	&.compact {
@media (min-width: 768px) {
			padding: 0 var(--padding-compact);
		}
	}
	
	&.main-container {
@media (min-width: 768px) {
			display: flex;
			justify-content: space-between;
		}
	}

} /* /.container */






.main {
	padding: 55px 0; /* TD: really? */
	}

.main.main-alt {
	padding: 0 0 55px;
	}



#content {
@media (min-width: 768px) {
		width: 70%;
	}
	
@media (max-width: 767px) {
		max-width: 500px;
		margin: 0 auto;
	}
} /* /#content */

.content {
@media (max-width: 767px) {
		max-width: 500px;
		margin: 0 auto;
	}
}


#content:only-child {
	width: 100% !important;
	}








/*  CONTAINER INTERNALS (PADDING)
---------------------------------------- */


#wrapper {
@media (min-width: 480px) {
		padding-bottom: 0px;
	}
} /* /#wrapper */


.blog #wrapper {
	padding-bottom: 90px;
	}

.blog #wrapper {
@media (min-width: 768px) {
		padding-bottom: var(--spacing-4xl);
	}
	
@media (min-width: 1024px) {
		padding-bottom: 0px;
	}
	
@media (min-width: 1200px) {
		padding-bottom: var(--spacing-xl);
	}
} /* /.blog #wrapper */



.main {
@media (min-width: 1024px) {
		padding: var(--spacing-2xl) 0;
	}
	
	&.main-alt {
@media (min-width: 1200px) {
			padding: 0 0 var(--spacing-2xl);
		}
	}
} /* /.main */



#sidebar {

@media (min-width: 768px) {
		width: 26%;
}

& #wp-calendar {
	width: 100%;
	}

} /* /#sidebar */


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

	& td,
	& th {
		border: 1px solid #939598;
		}
	}  /*/#wp-calendar*/


















/* HEADER
######################################## */

#header {
	padding: 15px 0;
	background-color: transparent;
	}

#header:before {
	content: "";
	}

#header:after {
	content: "";
	width: 70px;
	}

#header > .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* position: absolute; */
	}



#header {
@media (min-width: 480px) {
		padding: var(--spacing-sm) 0;
	}
	
@media (min-width: 1024px) {
/*	background-color: #f5f5f5;*/
		border-bottom: 1px solid #ededed;

		&:after {
			display: none;
		}
		
		> .container {
			position: relative;
		}
} /* /MQ */
	
	.container {
@media (max-width: 767px) {
			padding: 0 20px;
		}
	}

} /* /#header */


.logo {
@media (max-width: 450px) {
		display: none;
	}
	
@media (min-width: 1024px) {
		display: block;
	}
} /* /.logo */



body.home {

	& #header {
		position: fixed;
		left: 0;
		bottom: 10px;
		right: 0;
		z-index: 10;
		background-color: #FFF;
		}

	& .nav-drop {
		padding: 0;
		}


	& #header:before {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: -3;
		}

	& #header:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
		}

	& .nav-drop {
		padding: 0;
		}

	} 	/* /body.home */


.nav-wrapper {
	 width: 100%;
	 z-index: 99999;

	& .logo {
		flex-shrink: 0;
		width: 132px;
/*	display: none;*/

	& img {  
		width: 100%;
		vertical-align: top;
		display: block;
	}
} /* /.logo */

} /* /.nav-wrapper*/ 




/* NAVIGATION
######################################## */


/* NAV - MENU
---------------------------------------- */

/* NAV DROP */

.nav-drop {
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	white-space: nowrap;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	// background-color: #f5f5f5;
	padding: 0px 0 var(--spacing-2xl);
	font-size: 5vh;
	line-height: var(--line-height-head);
	font-weight: var(--font-weight-body); 
	z-index: -5;
	overflow-y: auto;
	max-height: 100vh;

	> * {
		white-space: normal;
		display: inline-block;
		vertical-align: middle;
		max-width: 99%;
		}

	&:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 0;
		min-height: calc(100vh - var(--spacing-4xl));

@media (min-width: 1024px) {
		content: none;
		font-size: var(--font-size-body-xl);
		}
		}

	& .nav {
		li {
			margin-bottom: 40px;

@media (min-width: 1024px) {
			font-size: var(--font-size-body-lg);
			display: inline-block;
			vertical-align: middle;
			padding: 0 var(--spacing-md) 0 0; /* DT containment oct2025 */
			margin: 0; /* earlier: 0 0 40px 0 */
}
			}

		a {
			transition: opacity .3s ease-in-out;
			color: #000;

@media (max-width: 450px) {

			// font-size: var(--font-size-body-xl);
}

			&:hover {
				opacity: .6;
				}
			}

@media (min-width: 1024px) {
		white-space: nowrap;
}
		}

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {

		display: none;

		.nav-active & {
			display: block; /* earlier: none */
			}

		.nav-active .logo {
			display: none;
			}
} /* /MQ */

@media (min-width: 1024px) {
		background-color: transparent; /* earlier: #f5f5f5 */
		transform: none;
		padding: 5px 0; /* earlier: 0px 0 var(--spacing-2xl) */
		/* font-size: 29px; earlier: 30px */
		display: flex; /* earlier: (no explicit display / hidden via opacity/visibility) */
		align-items: center;
		opacity: 1; /* earlier: 0 */
		visibility: visible; /* earlier: hidden */
		overflow: hidden; /* earlier: overflow-y: auto */
		max-height: 100%; /* earlier: 100vh */
		position: relative; /* earlier: static */
		z-index: 2; /* earlier: -5 */
}

	} /* /.nav-drop */




.nav-wrapper {
	.nav-drop {
/*		font-size: initial;
		font-weight: initial;
		text-transform: none;*/
	}
} /* /.nav-wrapper */




body.home {
	.nav-drop {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

@media (min-width: 1024px) {
		position: absolute;
		right: auto;
		left: 0;
		}
	}
} /* /body.home */



.nav-active {
	overflow: hidden;
	
	.nav-drop {
		opacity: 1;
		visibility: visible;
		
@media (max-width: 1024px) {
			display: block;
		}
	}
	
	.logo {
@media (max-width: 1024px) {
			display: none;
		}
	}

} /* /.nav-active */






/* NAV OPENER 
Hamburger Menu)*/

.nav-opener {
	display: block;
	position: relative;
	z-index: 4;
	width: 34px;
	height: 19px;
	padding: 8px 0;
	color: #494949;
	background-color: currentColor;
	background-clip: content-box;
	transition: background-color .3s;
	
@media (min-width: 1024px) {
		display: none;
	}
	
	&:before {
		content: "";
		top: 0;
		position: absolute;
		left: 0;
		right: 0;
		height: 3px;
		background-color: currentColor;
		transition: transform .3s ease, top .25s ease .3s;
	}
	
	&:after {
		content: "";
		top: 16px;
		position: absolute;
		left: 0;
		right: 0;
		height: 3px;
		background-color: currentColor;
		transition: transform .3s ease, top .25s ease .3s;
	}

} /* /.nav-opener */



.nav-active {
	.nav-opener {
		background-color: transparent;
		
		&:before {
			top: 10px;
			transform: rotatez(45deg) scale(1.05);
			transition: top .25s, transform .3s ease .3s;
		}
		
		&:after {
			top: 10px;
			transform: rotatez(-45deg) scale(1.05);
			transition: top .25s, transform .3s ease .3s;
		}
	}
} /* /.nav-active */



















/* NAV - PAGINATION
---------------------------------------- */


/* NAV -  (ARCHIVE + COMMENTS)*/

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.429em;

	& .screen-reader-text {
		position: absolute;
		left: -99999px;
		}

	& .page-numbers {
		display: inline-block;
		vertical-align: middle;
		padding: 0 .4em;
		}

	& .next,
	& .prev {
		display: inline-block;
		vertical-align: middle;
		max-width: 48%;
		background: #fff;
		color: #000;
		padding: .4em;
		text-decoration: none;

		&:hover {
			opacity: .8;
			}
		}

@media (max-width: 767px) {
	.page-numbers {
		padding: 0 3px; /* earlier: 0 .4em */
	}

	.next,
	.prev {
		padding: .2em; /* earlier: .4em */
	}
}
	} /* /.navigation, .navigation-comments */







/* NAV  - SINGLE */

.navigation-single {
	margin-bottom: 1.429em;

	& .next,
	& .prev {
		float: left;
		vertical-align: middle;
		max-width: 48%;
		background: #fff;
		color: #000;
		text-decoration: none;

		&:hover {
			opacity: .8;
			}

		& a {
			color: inherit;
			text-decoration: none;
			padding: .4em;
			display: block;
			}
		}

	& .next {
		float: right; /* earlier: left */
		}

@media (max-width: 767px) {
	.next a,
	.prev a {
		padding: .2em; /* earlier: .4em */
	}
}
	} /* /.navigation-single */







/* TYPOGRAPHY 
######################################## */

/* TYPOGRAPHY - Font Loading
######################################## */

/* Remove Helvetica Neue @font-face declarations entirely */

/* Load Roboto families with only needed weights
   Weights: 200, 400 for body | 100, 400, 700 for condensed
   Includes italic variants for captions/emphasis
---------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,400&family=Roboto+Condensed:ital,wght@0,100;0,400;0,700;1,100&display=swap');


/* TYPOGRAPHY - Font Variables
---------------------------------------- */
:root {
	/* Font Families - Roboto first, fallbacks for edge cases */
	--font-body: Roboto, Helvetica, Arial, sans-serif;
	--font-head: "Roboto Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
	
	/* Font Sizes */
	--font-size-body-feature: 50px;
	--font-size-body-2xl: 40px;
	--font-size-body-xl: 20px;
	--font-size-body-lg: 16.8px;
	--font-size-body-med: 14px;
	--font-size-sm: 11px;
	--font-size-det: 11.0px;


	--font-weight-body: 300;
	--font-weight-head: 300;
	--font-weight-head-hvy: 700;
	--font-weight-detail: 200;


	--letter-spacing-body: 0.03em;
	--letter-spacing-detail: 0;

	--line-height-body: 1.45;
	--line-height-detail: 1.15;
	--line-height-head: 1;

}


/* TYPOGRAPHY - Body Defaults
---------------------------------------- */
body {
	color: #000;
	background: #fff;
	font-family: var(--font-body);
	font-size: var(--font-size-body-lg);
	font-weight: var(--font-weight-body); 
	font-style: normal;
	line-height: var(--line-height-body);
	letter-spacing: var(--letter-spacing-body);

	/* Rendering optimizations for light weights */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	/* Font-optical-sizing: no effect on non-variable fonts, but safe to leave */
	font-optical-sizing: auto;
}
p {
	margin: 0 0 1em;
	}

a {
	color: #2cace5;
	color: #333333; /*Which?*/
	text-decoration: none;
	}

a:hover,
a:focus {
	text-decoration: none;
	opacity: .8;
	}
		

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6, .h {
	font-family: var(--font-head);
	line-height: var(--line-height-head);
	margin: 0 0 .5em;
	color: inherit;
	}


h1, h2, h4, h3 {
	text-transform: uppercase;
	font-weight: var(--font-weight-head);
	letter-spacing: 0.5px;
	}

h1, .h1 {
	font-size: var(--font-size-body-2xl);
	}


h2, .h2 {
	font-size: 30px;
	}

h3, .h3 {
	font-size: 22px;
	}

h4, .h4 {
	font-size: var(--font-size-body-xl);
	}

h5, .h5 {
	font-size: 17px;
	}

h6, .h6 {
	font-size: 15px;
	}

h1 {
	line-height: 1.2;
	}

h4 {
	margin-bottom: 25px;
	}


h1 {
@media (min-width: 1200px) {
		font-size: 60px;
	}
}

h3 {
@media (max-width: 767px) {
		font-size: var(--font-size-body-lg);
	}
}


@media (min-width: 768px) {

	body {
		font-size: var(--font-size-body-xl);
		line-height: 1.429;
		}

	h1 {
		font-size: var(--font-size-body-feature);
		}

	h2 {
		font-size: 32px;
		}

}

h4 {
@media (min-width: 1024px) {
		font-size: var(--font-size-body-xl);
	}
}





/*ARBITRARY ELEMENTAL FONT FORCING
TD: depreciate/ move to component blocks */


/* Small Text Elements*/
.post .sidebar .social-links a,
.event-list,
.caption,
.fancybox-title .info,
.txt-holder p.wp-caption-text,
p pre,
p strong.author,
.article-section .description {
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	/*font-weight: 400;*/
	text-transform: none;
	}

/* Medium Text Elements */
.caption h5,
.caption .title,
.event-list h4,
.widget .status,
.main-holder .content .author,
.fancybox-title h5,
.fancybox-title .title,
.contact-block p,
.contact-block address,
.contact-block ul,
.wp-caption-text b,
pre b {
	font-family: var(--font-body);
	font-size: var(--font-size-body-med);
	/*font-weight: 400;*/
	text-transform: none;
	}

/* Relative Size Text (80%) */
.txt-holder p,
.content p,
.txt p,
.post .col p,
.contact-block p,
.contact-block address,
.contact-block ul {
	font-size: 80%;
	}

/* Condensed Header Font (60%) */
.txt-holder p.wp-caption-text,
p pre,
p strong.author,
pre {
	font-family: var(--font-head);
	font-size: 60%;
	}

/* Stylistic Variants */
.work-inner .caption h5,
.caption-block .caption .title {
	font-style: italic;
	}


.txt-holder, 
.content, 
.txt, 
.post .col {
		p {
		font-size: 80%;
		/*font-weight: 400;*/
		}
	}

.work-list .info, 
.st_email_custom, 
.contact-block .note, 
.following-posts .note, 
.post .note, 
.wpcf7_email_custom {
	font-size: var(--font-size-sm);
	/*font-weight: 400;*/
	color: #939598;
	}










/* ICONS
----------------------------------------*/


@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.ttf?p5ry2m") format("truetype"), url("fonts/icomoon.woff?p5ry2m") format("woff"), url("fonts/icomoon.svg?p5ry2m#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.icon-next:before {
	content: "";
	}

.icon-back:before {
	content: "";
	}














/* LOADING & INTERACTIVITY
	 Common
######################################## */


/* PRE-LOADING
----------------------------------------*/

.all-preloader + #wrapper,
.preloader + #wrapper {
	transition: opacity 1s ease-in-out;
	opacity: 0;
	}

.load-ready {
	& .all-preloader + #wrapper,
	& .preloader + #wrapper {
		opacity: 1;
		}

	& .preloader,
	& .all-preloader {
		opacity: 0;
		}

	& .all-preloader {
		left: -9999px;
		}
	} /* /.load-ready */


.preloader,
.all-preloader {
	transition: opacity .3s ease-in-out;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	background-color: #fff;
	transform: translateX(0);
	text-align: center;

	& h1 {
		font-family: var(--font-head); /*depreciate*/
		text-transform: uppercase;
		font-weight: var(--font-weight-body);
		font-size: var(--font-size-body-2xl);

@media (min-width: 480px) {
		font-size: var(--font-size-body-feature);
}
@media (min-width: 768px) {
		font-size: 64px;
}
@media (min-width: 1200px) {
		font-size: 80px; /*TD: abstract*/
}

		&.blue {
			color: #0000f8;
			}

		&.black {
			color: #000;
			}

		&.gray {
			color: #808080;
			}

		&.yellow {
			color: #ffff33;
			}
		} /* /.preloader h1, /.all-preloader h1 */
	} /* /.preloader, /.all-preloader */


.all-preloader {
	transition: opacity .3s ease-out, left .05s ease .5s;

	& h1 {
		color: #000 !important;
		}
	} /* /.all-preloader */





/* PAGE-LOADING
----------------------------------------*/
/*body class management of page reveal*/


.loaded {
	& .loaded-section {
		& [class*="ae-"] {
			transition-timing-function: cubic-bezier(.25, .1, .2, 1);
			opacity: 1 !important;
			}
		}
	} /* /.loaded */

.loaded-section {
	& [class*="ae-"] {
		transition-duration: 500ms;

@media (min-width: 768px) {
		opacity: 0;
		transition-timing-function: cubic-bezier(.25, .1, .2, 1);
}
		}

	& .ae-1 {
		transition-delay: 250ms;
		}
	} /* /.loaded-section */


/*related to the above?*/
.page-loaded {
	display: none;
	}





/* SLICK SLIDER
----------------------------------------*/
/* Home &  Exhibitions Main page Visual section content*/


.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	color: #fff;

	& .slide-content {
		&.gray {
			color: #808080;
			}
		&.black {
			color: #000;
			}
		&.yellow {
			color: #ffff33;
			}
		&.blue {
			color: #0000f8;
			}
		}

	&.banner-slider {
		& .slide-inner {
			height: calc(100vh - 50px);
			width: 100%;
			background-size: cover;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
			padding: 30px 15px;
			}

		& .slide-content {
			text-align: left;
			max-width: 540px;
			font-size: var(--font-size-body-xl); /* TD: abstract */

			& .name {
				display: block;
				font-family: var(--font-head);
				font-weight: var(--font-weight-head-hvy); /*home page*/
				font-size: 32px;
				line-height: var(--line-height-head);
				text-transform: uppercase;
				font-size: var(--font-size-body-2xl);
				}

			& h1 {
				margin: 0 0 25px;
				line-height: 1;
				font-size: var(--font-size-body-2xl); /* TD: abstract */
				}
			}
		}

	& .slick-track,
	& .slick-list {
		transform: translate3d(0, 0, 0);
		}
	}

/* Slick list */
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;

	&:focus {
		outline: none;
		}

	&.dragging {
		cursor: pointer;
		cursor: hand;
		}
	}

/* Slick track */
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;

	&::before,
	&::after {
		content: "";
		display: table;
		}

	&::after {
		clear: both;
		}

	.slick-loading & {
		visibility: hidden;
		}
	}

/* Slick slide */
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;

	& .slide-inner {
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		}

	& img {
		display: block;
		}

	&.slick-loading img {
		display: none;
		}

	&.dragging img {
		pointer-events: none;
		}
	}

[dir="rtl"] {
	& .slick-slide {
		float: right;
		}
	}

.slick-initialized {
	& .slick-slide {
		display: block;
		}
	}

.slick-loading {
	& .slick-slide {
		visibility: hidden;
		}
	}

.slick-vertical {
	& .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
		}
	}

.slick-arrow {
	display: none !important;

	&.slick-hidden {
		display: none;
		}
	}

/* Home variant */
.home {
	& .slick-slider.banner-slider .slide-content .name {
		font-weight: 700;
		}
	}


.slick-slider.banner-slider {
	.slide-inner {
@media (min-width: 480px) {
			height: calc(100vh - 70px);
}
		
@media (max-width: 480px) {
			height: calc(100vh - 80px);
}
		
@media (min-width: 768px) {
			padding: 60px var(--spacing-lg);
		}

@media (min-width: 1024px) {
			justify-content: flex-end;
}
		
@media (min-width: 1200px) {
			padding: 60px var(--spacing-xl) 118px;
}
		
@media (min-width: 1600px) {
			padding: 60px 170px 118px;
}
		
		&.content-left {
@media (min-width: 1024px) {
				justify-content: flex-start;
				
				.slide-content {
					text-align: left;
				}
}
		} /*/.content-left */
		
		&.content-right {
@media (min-width: 1024px) {
				justify-content: flex-end;
				
				.slide-content {
					text-align: left;
					}
}
			}
		}
		
	.slide-content {
@media (min-width: 768px) {
			font-size: 24px; /*TD: abstract*/
			
			.name {
				font-size: var(--font-size-body-feature);
				}
			
			h1 {
				font-size: 52px; /*TD: abstract*/
				}
}
		}
	} /* /.slick-slider.banner-slider */











/* FORMS
######################################## */



/* BUTTONS
	 includes WYSIJA info Page signup
---------------------------------------- */

.signup-form .wysija-submit {
	transition: color .3s ease-in-out, background-color .3s ease-in-out;
	min-width: 250px;
	display: inline-block;
	vertical-align: bottom;
	border: 1px solid #000; /* earlier: #ededed */
	background-color: #fff;
	color: #000;
	padding: 12px 15px;
	text-align: center;
	text-transform: uppercase;
	font-weight: var(--font-weight-body); /* earlier: 700 (retained below for legacy note) */
	letter-spacing: .15em;
	font-size: var(--font-size-body-med);
	line-height: 1.2;

@media (min-width: 768px) {
	font-size: var(--font-size-body-med);
	padding: 17px var(--spacing-sm);
}
	} /* /.btn, .signup-form .wysija-submit */


.btn:hover,
.signup-form .wysija-submit:hover {
	opacity: 1 !important;
	background-color: #ededed; /* earlier: unchanged hover */
	}


/* COLOR VARIANTS */
.btn.blue,
.signup-form .blue.wysija-submit {
	color: #fff;
	background-color: #0000f8;
	border-color: #0000f8;
	}

.btn.light-blue,
.signup-form .light-blue.wysija-submit {
	background-color: #2cace5;
	border-color: #2cace5;
	}

.btn.pink,
.signup-form .pink.wysija-submit {
	background-color: #e803d0;
	border-color: #e803d0;
	}

.btn.yellow,
.signup-form .yellow.wysija-submit {
	background-color: #d29725;
	border-color: #d29725;
	}


/* INLINE + FORM HOLDER STYLES (INTEGRATED) */
.btn,
.signup-form .form-holder .wysija-submit {
	font-weight: 400; /* earlier: 300 */
	border-bottom: 1px solid #333; /* earlier: 1px solid #000 */
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	color: #333; /* earlier: #000 */
	text-transform: inherit; /* earlier: uppercase */
	letter-spacing: 0; /* earlier: .15em */
	}


/* TEXT-ONLY STYLE: .btn-y */
.btn-y {
	text-transform: none;
	font-weight: 400;
	font-size: var(--font-size-body-med); /* earlier: var(--font-size-body-med) depreciated */
	}

a.btn-y {
	color: #000;
	text-decoration: underline;

	&:hover {
		color: #939598;
		text-decoration: none;
		}
	} /* /.btn-y link */


.btn {
	text-transform: uppercase; /* earlier: inherit */
	font-size: var(--font-size-sm); /* earlier: var(--font-size-body-med) */
	font-weight: 700; /* earlier: 400 */
	border: 1px solid #ededed; /* earlier: #000 */

	&:hover {
		background-color: #ededed;
		}
	} /* /.btn */




.widget .btn, .widget .signup-form .wysija-submit, 
.signup-form .widget .wysija-submit, 
.following-posts .btn-holder a {
	color: #999;
	}

.signup-form .form-holder input[type="text"]{
	font-size: var(--font-size-body-med); /*depreciate*/
	}

.formError .formErrorContent {
	border: none;
	}

.st_email_custom,
.wpcf7_email_custom {
	text-transform: inherit;
	font-size: var(--font-size-body-med);
	}



.comment-form,
.post-password-form,
.search-form {

	& input[type="submit"] {
@media (min-width: 768px) {
		height: 42px;
}		
		background: transparent;
		border: 1px solid #000;
		color: #000;
		height: 36px;
		padding: 0 .5em;

		&:hover {
			opacity: .8;
		}
	} /*/input[type="submit"]*/

	} /* /.comment-form, /.post-password-form, /.search-form */


/* shared input styles */
.comment-form,
.post-password-form,
.search-form {

	} /* /.comment-form, /.post-password-form, /.search-form */




/* COMMENT FORM
	 (See Singles Common for Comments Entries)
----------------------------------------*/
.comment-form {
	& label {
		display: block;
		padding-bottom: 4px;
	}

	& textarea {
		overflow: auto;
		margin: 0;
		height: 120px;
		min-height: 120px;
	}

	& textarea,
	& input[type="text"] {
		margin: 0 4px 0 0;
		max-width: 300px;
		width: 100%;
	}

	& input[type="submit"] {
		display: block;
		float: none;
	}
}


.search-form {
	margin-bottom: 15px;

	& input {
		float: left;
		height: 2em;
		padding-top: 0;
		padding-bottom: 0;
	}

	& input[type="search"] {
		margin: 0 4px 0 0;
		width: calc(100% - 74px);

@media (min-width: 768px) {
		width: auto;
}
	}
	} /* /.search-form */



.post-password-form {
	& label {
		display: block;
		margin-bottom: 4px;
	}

	& input {
		float: left;
		height: 2em;
		padding-top: 0;
		padding-bottom: 0;
	}

	& input[type="password"] {
		margin: 0 4px 0 0;
		width: calc(100% - 74px);

@media (min-width: 768px) {
		width: auto;
}
	}
	} /* /.post-password-form */





/* SIGNUP FORM
---------------------------------------- */

.signup-form {
	.form-holder {
@media (min-width: 768px) {
			letter-spacing: -.4em;
			max-width: 700px;
			white-space: nowrap;
			
			input:first-child,
			button:first-child {
				margin-left: 0;
			}
			
			input,
			button {
				display: inline-block;
				vertical-align: top;
				width: 170px !important;
				min-width: 170px;
				margin-left: var(--spacing-xs);
				margin-bottom: 0;
			}
			
			.btn,
			.wysija-submit {
				line-height: 24px !important;
				padding: 11px var(--spacing-sm);
			}
		}
		
@media (min-width: 1024px) {
			max-width: 725px;
			padding: 22px var(--padding-compact);
			
			input,
			button {
				width: 207px;
			}
		}
	}
	
	.widget_wysija {
@media (min-width: 768px) {
			padding: 22px var(--spacing-2xl);
		}
		
@media (min-width: 1024px) {
			padding: 22px var(--padding-compact);
		}
	}
	
	.widget_wysija_cont {
		.wysija-paragraph {
@media (min-width: 768px) {
				display: inline-block;
				vertical-align: top;
				width: 40%;
				max-width: 172px;
				
				+ .wysija-paragraph {
					margin-left: var(--spacing-xs);
				}
			}
		}
	}
	
	.wysija-submit {
@media (min-width: 768px) {
			font-size: var(--font-size-body-med);
			padding: 17px var(--spacing-sm);
		}
	}
} /* /.signup-form */







/* CONTACT FORM 7 POPUP
---------------------------------------- */

body div.grecaptcha-badge {
	display: none !important;
	visibility: hidden !important;
	}

/*WTF?*/
#wpcf7_form {
	display: none;
	}

.wpcf7_form-content {
	font-size: var(--font-size-body-lg);
	text-align: center;

	& p {
		font-size: var(--font-size-body-xl);
		}

	& label,
	& span {
		font-size: var(--font-size-body-lg);
		}

	& input {
		padding: 0.5em;
		max-width: 100%;
		margin-bottom: 15px;

		&[type="submit"] {
			border: none;
			background-color: #808080;
			color: #fff;
			font-size: var(--font-size-body-lg);
			padding: 0.5em 2em;
			}
		}

	& .wpcf7-response-output {
		font-size: 23px;
		}

	& .wpcf7 {
		& form.invalid .wpcf7-response-output,
		& form.unaccepted .wpcf7-response-output,
		& form.failed .wpcf7-response-output,
		& form.aborted .wpcf7-response-output {
			border-color: darkred;
			color: darkred;
			}

		& form.sent .wpcf7-response-output {
			color: #46b450;
			border-color: #46b450;
			}
		}

	& .wpcf7-not-valid-tip {
		color: darkred;
		}

@media (max-width: 767px) {
		width: 100%;
	}

@media (min-width: 768px) {
		width: 80vw;
	}

@media (min-width: 1024px) {
		width: 70vw;
	}

@media (min-width: 1200px) {
		width: 50vw;
	}

} /*/.wpcf7_form-content */







/*which form is thank you this for?*/
.thank-message {
	display: none;
	text-align: center;
	font-size: var(--font-size-body-med);
	line-height: 55px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .15em;
	}








/* GLOBAL COMMON 
######################################## */



/* COMMENTS
----------------------------------------*/













/* SHARING
----------------------------------------*/ */

.caption {
	& .addthis_toolbox {
		padding: 10px 0 0;

		& .at-icon-wrapper {
			background: transparent;
			width: 0 !important;
			height: 0 !important;
			}

		& svg {
			width: 0;
			height: 0;
			}
		}
	} /* /.caption */

.emai-share,
.st_email_custom,
.wpcf7_email_custom {
	transition: border-color .3s ease-in-out, color .3s ease-in-out;
	font-size: var(--font-size-body-med);
	border-bottom: 1px solid currentColor;
	color: #000;
	text-transform: uppercase;
	cursor: pointer;

	&:hover {
		/*color: #0000f8;
		border-color: transparent;*/
		}
	}

.emai-share,
.st_email_custom {
@media (min-width: 1024px) {
	font-size: var(--font-size-body-lg);
}
	} /* /.emai-share, .st_email_custom */



/*Exhibition Single Page*/
.share-block {
	display: inline-block;
	vertical-align: top;
	min-width: 250px;

	& .slide {
		padding: 25px 0;
		}
	} /* /.share-block */



















/* POSTS (POST PAGES?)
	 EXHIBITIONS, ARTISTS & (ART)WORKS
######################################## */

.post {
	margin-bottom: 50px;
	margin-bottom: 80px;/* which?*/

	& .header {
		text-align: center;
		margin-bottom: 40px;

		& h1 {
			margin-bottom: 5px;

@media (min-width: 480px) {
			font-size: 60px;
}
		}
	} /* /.post .header */

	& .note,
	& .sidebar .social-links a {
		font-size: var(--font-size-body-lg);
	}

	& .sidebar {
		text-align: center;

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

		& .social-links {
			padding: 0;

			& a {
				text-transform: none;
				font-size: var(--font-size-body-med);
				font-weight: 400;
				/*font-family: var(--font-body);*/
			}
		} /* /.post .sidebar .social-links */

		& .photo-link {
			display: block;
			margin-bottom: 25px;

			& img {
				vertical-align: top;
			}
		}

		& .btn,
		& .signup-form .wysija-submit,
		& .post .sidebar .wysija-submit {
			margin-bottom: 20px;
		}

		& .sidebar-inner {
@media (max-width: 767px) {
			display: inline-block;
			vertical-align: top;
			text-align: left;
			margin-bottom: 40px;
}
		} /* /.post .sidebar .sidebar-inner */

		& + .content {
@media (min-width: 768px) {
			padding-left: 30%;
}
@media (min-width: 1024px) {
			padding-left: 0;
			float: right;
			width: 55%;
}
		} /* /.post .sidebar + .content */

@media (min-width: 768px) {
		float: left;
		width: 45%;
		margin-right: 30px;
		text-align: left;
}
@media (min-width: 1024px) {
		width: 40%;
}
@media (min-width: 1200px) {
		width: 350px;
}
	} /* /.post .sidebar */

@media (min-width: 768px) {
	margin-bottom: 80px;
}
	} /* /.post */














/* WIDGETS
######################################## */

.widget {
	margin: 0 0 45px; /* earlier: margin-bottom: 1.429em */
	
	& select {
		min-width: 150px;
		}

	& input[type="search"] {
		width: calc(100% - 74px);
@media (min-width: 768px) {
		width: 150px !important; /* earlier: calc(100% - 74px) */
}
		}

	&.widget-alt {
		text-align: center;

		& .source {
			max-width: 100%;
			}
		}

	& .photo-link {
		display: block;
		}

	& h3 {
		margin: 0 0 25px;

@media (max-width: 767px) {
		font-size: var(--font-size-body-lg);
}
		}

	& .time {
		display: block;
		margin: 0 0 10px;
		line-height: 1;
		text-transform: uppercase;

		& a {
			transition: border-color .3s ease-in-out, color .3s ease-in-out;
			border-bottom: 1px solid currentColor;
			color: #000;

			&:hover {
				border-color: transparent;
				color: #0000f8;
				}
			}
		}

	& .status {
		display: block;
		color: #939598;
		font-size: var(--font-size-body-med);
		}

	& a {
		color: #939598;
		}

	/* buttons inside this widget */
	& .btn,
	& .signup-form .wysija-submit {
		color: #000;
		}

	& .note {
		display: block;
		margin: 0 0 27px;
		}

	& .address-wrap {
		color: #939598;
		font-style: normal;
		width: 160px; /* earlier: unset (desktop-only width) */
		margin: 0 auto 10px;

@media (min-width: 1024px) {
		width: 160px;
		margin: 0 0 var(--spacing-xs); /* earlier: 0 auto 10px */
}
		}

	& .work-day {
		display: block;
		font-size: var(--font-size-body-xl);
		text-transform: uppercase;
		line-height: 1.3;
		margin: 0 0 10px;
		}

	& .location,
	& .tel {
		display: block;
		font-size: var(--font-size-body-med);
		line-height: 1.2;
		}

	& .tel {
		transition: color .3s ease-in-out;

		&:hover {
			color: #0000f8;
			}
		}

	& .view {
		transition: color .3s ease-in-out, border-bottom .3s ease-in-out;
		color: #000;
		font-size: var(--font-size-body-lg);
		border-bottom: 1px solid currentColor;

		&:hover {
			border-bottom: 1px solid transparent;
			color: #0000f8;
			}
		}

@media (min-width: 768px) {
	margin-bottom: 108px; /* earlier: 45px */
}
@media (min-width: 1024px) {
	margin: 0 0 var(--margin-widget); /* earlier: 108px / 45px */
}
	} /* /.widget */


/* WIDGET CALENDAR (kept separate) */
.widget_calendar {
	& #next {
		text-align: right;
		}
	} /* /.widget_calendar */





/* COMMON ARCHIVE & SINGLE
######################################## */


/* AUTHOR LISTS
	 Artist Archive and Single 
---------------------------------------- */

.author-list {
	text-transform: uppercase;
	font-size: 24px; /*TD: Abstract*/
	line-height: 1;

	& li {
		margin-bottom: 10px;
		}

	&.author-list-alt {
		& li {
			margin-bottom: 6px;
			}
		}

	& a {
		transition: color .3s ease-in-out;
		color: black;
		display: inline-block;
		vertical-align: top;

		&:hover {
			color: #939598;
			}
		}

	& .author {
		display: block;
		font-weight: 100;
		padding: 0;
		margin-bottom: 10px;
		}

	& .img-holder {
		margin-bottom: 20px;
		display: block;
		}

	} /* /.author-list */












/* COMMON SINGLE
######################################## */

/* POST LISTS
	 Artist Single
	 Common to Exhibition and Artist Lists
---------------------------------------- */


.post-list-section {
	text-align: center;
	padding-top: 60px;

	& h4 {
		font-size: 32px; /*TD: Abstract*/
		}

	& .post {
		margin-bottom: 28px;
		text-align: left;

		&.large-preview {
			text-transform: uppercase;

			& .post-link {
				display: block;
				width: 100%;
				padding-bottom: 66.6667%;
				position: relative;
				color: #fff;
				overflow: hidden;

				& h2 {
					position: absolute;
					left: 15px;
					bottom: 15px;
					font-weight: 300;
					margin: 0;
					line-height: 1.2;

					& > span {
						display: block;
						}

@media (min-width: 768px) {
					left: 30px; /* earlier: 15px */
					bottom: var(--spacing-md); /* earlier: 15px */
}
@media (min-width: 1024px) {
					font-size: var(--font-size-body-2xl);
}
					} /* /h2 */

				& .bg {
					transition: transform .5s ease-out;
					background-size: cover;
					background-position: 50% 50%;
					background-repeat: no-repeat;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					z-index: -1;
					}
				} /* /.post.large-preview .post-link */
			} /* /.post.large-preview */
		} /* /.post */

	& .post.blue   .post-link .bg { background-color: #0000f8; }
	& .post.light-blue .post-link .bg { background-color: #2cace5; }
	& .post.pink   .post-link .bg { background-color: #e803d0; }
	& .post.yellow .post-link .bg { background-color: #d29725; }

	& .post .post-link {
		transition: .5s;
		}

@media (min-width: 768px) {
	padding-top: 105px; /* earlier: 60px */
}

	& .post {
@media (min-width: 1024px) {
		margin-bottom: var(--padding-compact); /* earlier: 28px */
}
		} /* /.post */
	} /* /.post-list-section */




/* POST FOLLOWING
	 Unsure where this used yet
---------------------------------------- */

.following-posts {
	max-width: 525px;
	margin: 0 auto;
	text-align: center;

	& .post-holder {
		margin: 0 0 90px;

		&:last-child {
			margin: 0;
			}

@media (min-width: 768px) {
		margin: 0 0 145px;
}
	}

	& h3 {
		margin: 0 0 15px;

@media (min-width: 768px) {
		margin: 0 0 var(--spacing-lg);
}
		}

	& a {
		transition: opacity .3s ease-in-out;
		display: block;
		text-decoration: none;
		color: #000;

		&:hover {
			opacity: .6;
			}

		&.link-title:hover {
			color: #0000f8;
			}

		&.link-img {
			position: relative;
			opacity: 1;

			&:hover {
				opacity: .85;
				}
			}
		}

	& .post-title {
		display: block;
		font-size: 26px; /*TD: Abstract*/
		line-height: 1.2;
		margin: 0 auto 22px;
		text-transform: uppercase;

@media (min-width: 480px) {
		font-size: 32px;
		padding: 0 var(--spacing-sm);
}
@media (min-width: 768px) {
		font-size: var(--font-size-body-feature);
}
	}

	& img {
		margin: 0 auto;
		}

	& .note {
		display: block;
		margin: 0 0 40px;
		color: #a3a3a3;
		font-size: var(--font-size-body-lg);
		}

	& .btn-holder {
		display: inline-block;
		vertical-align: top;
		}

	& .txt {
@media (min-width: 768px) {
		font-size: var(--font-size-body-xl);
}
	}
	} /* /.following-posts */




/*CAPTIONS
---------------------------------------- */

/* SHARED TYPOGRAPHIC RULES */
.wp-caption-text,
pre {
	display: block;
	color: #939598;
	font-size: 13px;
	line-height: 1.15;
	}

pre {
	margin-top: -15px;
	padding-top: 0;

	& b {
		text-transform: uppercase;
		font-weight: 400;
		font-size: var(--font-size-body-lg);
		}
	}






/* COMMENT ENTRIES
----------------------------------------*/
.commentlist {
	margin: 0 0 1.429em;

	& .edit-link {
		margin: 0;
	}

	& .avatar-holder {
		float: left;
		margin: 0 1.429em 4px 0;
	}
}

/* structural overflow handling */
.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item {
	/* child comment items */
	& .commentlist-item {
		padding: 0;               /* reset */
		padding-top: 1.429em;     /* spacing as per original */

		@media (min-width: 768px) {
			padding: 0 0 0 2em;   /* indent threaded replies on md+ */
		}
	}

	/* next sibling comment item */
	& + .commentlist-item {
		padding-top: 1.429em;
	}
} /* /.commentlist-item */







/* ARTIST SINGLE  
######################################## */


/* ARTIST SINGLE PAGE WORK LIST
----------------------------------------*/
/* masonry style */

.work-list {
	width: calc(100% + 20px);
	margin: 0 -10px;

	& .masonry {
		width: 100%;
		}

	& .work {
		width: 100%;
		padding: 0 5px;
		margin-bottom: 25px;
		overflow: hidden;
		text-align: center;

		& .work-inner {
			display: inline-block;
			vertical-align: top;
			text-align: left;
			}
		}

	& .img-link {
		transition: opacity .3s ease-in-out;

		&:hover {
			opacity: .6;
			}

		& img {
			width: 100%;
			}
		}

	& .info {
		font-size: 13px;
		margin-bottom: 5px;
		}

	& img {
		vertical-align: top;
		}

@media (max-width: 767px) {
	margin-bottom: 60px;
}

@media (min-width: 480px) {
	width: calc(100% + 30px);
	margin: 0 var(--spacing-sm);
}

	& .work {
@media (min-width: 480px) {
		padding: 0 var(--spacing-sm);
		width: 49.4%;
}
@media (min-width: 1024px) {
		width: 24.8%;
		margin-bottom: var(--spacing-lg);
}
	}

	} /* /.work-list */






/* EXHIBITION (EVENT) LISTS
	 Artist Single Aside - Selected Press Widget
---------------------------------------- */

.event-list {
	color: #939598;
	font-size: var(--font-size-body-med);
	max-width: 305px;
	margin: 0; /* earlier: 0 auto */

	& li {
		margin-bottom: 25px;
		}

	& h4 {
		font-weight: 100;
		text-transform: uppercase;
		margin-bottom: 10px;
		font-size: var(--font-size-body-xl); /*TD Abstract*/
		color: #000;
		letter-spacing: 0;

		& a {
			transition: border-color .3s ease-in-out, color .3s ease-in-out;
			border-bottom: 1px solid currentColor;
			color: #000;

			&:hover {
				border-color: transparent;
				color: #939598;
				}
			}
		}

	& .source {
		display: block;
		max-width: 80%; /* earlier: not set */
		}

	& time {
		display: block;
		margin: 0 0 10px;
		line-height: 1;
		text-transform: uppercase;
		}

@media (max-width: 450px) {
	text-align: left; /* earlier: center (inherited or default) */
}
	} /* /.event-list */


/* keep UL-qualified variant for legacy hooks */
@media (max-width: 450px) {
	ul.event-list {
		text-align: left;
		}
	} /* /ul.event-list */



.event {
	& .btn-holder {
		text-align: center;
		}
	} /* /.event */





/* CAPTIONS - ARTIST SINGLE
---------------------------------------- */
/* WP CAPTION (integrated with conflict notes) */


.caption-block {
	margin-bottom: 50px;

	& .caption {
		padding-left: 30px;
		align-self: flex-start;
		flex-shrink: 0;

@media (min-width: 768px) {
		padding-left: 45px;
		margin-bottom: 80px;
}
@media (min-width: 1024px) {
		margin-bottom: 0;
		padding-left: 0;
}
@media (min-width: 1200px) {
		margin-left: -25px;
}
		}

	&.caption-block-alt {
		padding-top: 30px;

@media (min-width: 1024px) {
		padding-top: 135px;
}
@media (min-width: 1200px) {
		padding-top: 165px;
}
		}
	} /* /.caption-block */


.caption {
	font-size: 13px;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 25px;
	padding-right: 30px;
	color: #939598;

	& h5,
	& .title {
		text-transform: uppercase;
		font-size: var(--font-size-body-xl);
		display: block;
		margin-bottom: 5px;
		font-weight: 100;
		}
	} /* /.caption */




/* ASIDE PHOTO LINKS
	 Artist Single Aside - ARTIST PHOTO
---------------------------------------- */

.photo-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 8px;

	&.alt {
		display: block;

		& .author {
			position: relative;
			left: 0;
			bottom: 0;
			color: #000;
			}
		}

	& .author {
		position: static;
		bottom: 15px;
		left: 15px;
		padding: 0;
		color: #000;
		text-transform: uppercase;
		font-size: 22px;

@media (min-width: 768px) {
		font-size: 30px; /*TD: Abstract*/
		bottom: 20px;
		left: 20px;
}
		}

	& img {
		margin: 0;

		& + .author {
			color: #fff;
			position: absolute;
			}
		}
	} /* /.photo-link */




/* ASIDE SOCIAL LINKS
	 Artist Single Aside - SOCIAL 
---------------------------------------- */
.social-links {
	font-weight: 300;

	& a {
		transition: border-color .3s ease-in-out, color .3s ease-in-out;
		color: inherit;
		border-bottom: 1px solid currentColor;

		&:hover {
			border-color: transparent;
			color: #0000f8;
			}
		}  /* /a */

	& a:hover {
		color: #666;
		}
	} /* /.social-links */

.post .sidebar .social-links a {
	text-transform: none;
	 font-size: var(--font-size-body-med);
	 font-weight: 400;
	 /*font-family: var(--font-body);*/
	}





/* ARTICLES - ARTIST SINGLE
	 Artist bios
---------------------------------------- */


.article-section {

	& .post {
		margin: 0 0 100px;
		}

	& .two-col {
		margin: 0 0 40px;
		}

	& .col {
		font-size: var(--font-size-body-med);
		}

	& .note {
		font-size: var(--font-size-body-lg);
	}
	
	& .img-holder {
		margin: 0 0 18px;
		}

	& img {
		display: block;
		margin: 0 auto;
		width: 100%;
		}

	& .description {
		display: inline-block;
		vertical-align: top;
		max-width: 405px;
		font-size: var(--font-size-body-med);
		line-height: 1.23;
		margin: 0 0 50px;
		opacity: 0.5;
		}

	& .btn-holder {
		text-align: center;
		}

@media (min-width: 768px) {
		padding: 55px 90px;
}
	
@media (min-width: 1024px) {
		padding: var(--spacing-xl) 0 0;
}
	
	.post {
@media (min-width: 768px) {
			margin: 0 0 var(--margin-post);
}
	} /*/.article-section */



	
.description {

@media (min-width: 1024px) {
		margin: 0;
		}
	}

} /* /.article-section */




/* ARTISTS AUTHOR LIST
	 Artist Single - tail end
	 lists gallery artists
---------------------------------------- */

/* VISUAL AREA */


.visual {
	
	& .text-half {
		text-align: center;

		& h3 {
			margin: 0 0 27px;
		}
		
		& .post-title {
			text-transform: uppercase;
		}
		
		& .text-holder {
			padding-bottom: 55px;
		}
	}
	
	&.visual-alt {
		@media (min-width: 768px) {
			margin-bottom: 205px;
		}
		
		& .image-half {
			@media (min-width: 480px) {
				height: 500px;
			}
		}
	}
	
	&.picture-visual {
		& .picture {
			@media (min-width: 768px) {
				padding-bottom: 0;
				height: 60vh;
			}
		}
	}
	
	& + .article-section {
		@media (min-width: 480px) {
			padding-top: 170px;
		}
		
		@media (min-width: 768px) {
			padding-top: 210px;
		}
	}
	
	& .picture {
		@media (min-width: 480px) {
			margin: 0 -25px;
		}
	}
	
	& .following-posts {
		padding-top: 0;
		margin-bottom: 15px;
		
		& .time {
			display: initial;
		}
		
		& .txt {
			padding: 75px 15px 0;
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);
			max-width: 530px;
			width: 100%;
		}
	}
	
	& .column {
		& .text-block {
			@media (min-width: 768px) {
				padding: 20px 30px 35px;
			}
			
			@media (min-width: 1024px) and (orientation: landscape) {
				padding: 20px 30px 35px 0;
			}
		}
		
		& .column-title {
			@media (min-width: 768px) {
				font-size: var(--font-size-body-xl);
				margin-bottom: 25px;
			}
		}
	}
} /* /.visual */


.visual-bg {
	& .bg {
		@media (min-width: 480px) {
			height: 500px;
		}
		
		@media (min-width: 1350px) {
			margin: 0 -17px 0 0;
			left: 120px;
			right: 120px;
		}
	}
} /* /.visual-bg */









/* EXHIBITION SINGLE PAGE
########################################*/

/* PAGE-HEADER
	 Exhibitions Singles 
	 (in constrast, Artist page has a header element)
---------------------------------------- */

.page-header {
	text-align: center;
	position: relative;
	padding: 42px 0 22px;

	&#first-header {
@media (min-width: 1024px) {
		display: none; /*WTF?*/
		padding-top: 62px;
}
		}
/*apparently hides one header while displaying a 'clone' within .container.large :( */

	&.clone {
		display: block;
		}

	.title-blue {
		display: block;
		line-height: 1;
		}

	.note {
		display: block;
		font-size: var(--font-size-body-med);
		margin-bottom: 16px;
		color: #939598;
		text-transform: inherit;
		font-size: 80%;
		}

	h1 {
		font-family: var(--font-head);
		font-size: var(--font-size-body-feature);
		line-height: 1.2;
		margin-bottom: 10px;

@media (max-width: 450px) {
			font-size: 30px; /* TD: abstract */
}

@media (min-width: 1200px) {
			font-size: 60px; /* TD: abstract */
}
			}

	/*Artist Single Page (spans)*/
	.author {
		display: block;
		line-height: 1;
		margin-bottom: 10px;
	}
	.time {
		text-transform: uppercase;
		font-size: 24px;
		display: block;
		color: #000;
	}
} /*/.page-header*/ 


.title-wrap {
	padding: 0 25px;
	& h2 {
		text-align: center;
		}
	}

.title_date {
	text-align: center;
	}



/* hero image wrapper */
.visual-bg-x {
	margin: 40px 10% 0;
	text-align: center;
	}


/* alternate visual background block (margin tweaks) 
Exhibtion Single specific - we think*/
.visual-bg-x {

@media (max-width: 767px) {
		margin: 20px 5% 0;
}
@media (max-width: 450px) {
		margin: 20px 0 0;
}
	} /* /.visual-bg-x */



/*  MAIN-HOLDER (EXHIBITION) & CONTAINMENT 
---------------------------------------- */
/* Single Exhibition pages Main content area*/
/*TD: consider removing outer selectors */

.main-holder {
	display: flex;
	flex-wrap: wrap;

	& .content,
	& .sidebar {
		width: 100%;
		}

	& .sidebar {
		text-align: center;

@media (min-width: 1024px) {
		text-align: left; /* earlier: center */
		width: 50%; /* earlier: 100% */
}
		} /* /.main-holder .sidebar */

	& .content {
		margin: 0 auto 40px;

		& h3 {
			margin: 0 0 3px;
			}

		& .txt-holder {
			max-width: 573px;
			margin: 0 auto;

@media (min-width: 768px) {
			margin: 0 auto; /* earlier: same */
}
@media (min-width: 1024px) {
			max-width: 100%; /* earlier: 573px */
}
			} /* /.main-holder .content .txt-holder */

		& .img-holder {
			margin: 30px 0 0;

@media (min-width: 768px) {
			margin: var(--spacing-xl) -75px 0; /* earlier: 30px 0 0 */
}
@media (min-width: 1024px) {
			margin: var(--spacing-xl) 0 0 0; /* earlier: var(--spacing-xl) -75px 0 */
}
@media (min-width: 1500px) {
			margin: var(--spacing-xl) -140px 0 0; /* earlier: var(--spacing-xl) 0 0 0 */
			}
			} /* /.main-holder .content .img-holder */

		& p {
			margin: 0 0 16px;
			}

		& img + p {
			margin: 0 auto 30px;

@media (min-width: 768px) {
			margin: 0 auto 52px; /* earlier: 0 auto 30px */
}
@media (min-width: 1024px) {
			margin: 0 0 52px; /* earlier: 0 auto 52px */
}
			}

		& .author {
			display: block;
			text-transform: uppercase;
			font-weight: 400;
			color: #909090;
			font-size: var(--font-size-body-lg); /*TD:Abstract*/
			margin: 0 0 32px;
			}

@media (min-width: 768px) {
		font-size: var(--font-size-body-xl); /* earlier: inherit */
		margin: 0 0 74px; /* earlier: 0 auto 40px */
}
@media (min-width: 1024px) {
		margin: 0 0 40px; /* earlier: 0 0 74px */
		width: 50%; /* earlier: 100% */
}
		} /* /.main-holder .content */

	& .btn-holder {
		text-align: center;
		}

	& img {
		margin: 0 0 8px;

		&.full-width {
			width: 100%;
			}

		&.img-center {
			display: block;
			margin: 0 auto 12px;

@media (min-width: 1024px) {
			margin: 0 0 12px; /* earlier: 0 auto 12px */
	}
			}
		}

	& .sidebar-inner {
@media (max-width: 767px) {
		display: inline-block; /* earlier: block/implicit */
		vertical-align: top;
}
		}

@media (min-width: 1024px) {
		padding: var(--spacing-xl) 0 80px; /* earlier: none */
		flex-direction: row-reverse; /* earlier: wrap order default */
}
	} /* /.main-holder */



/* single exhibition-specific spacing overrides */
.single-exhibition {
	& .main-holder {
		& .content {
			& p {
				margin: 0 15% 16px 15%;
				}

			& p.wp-caption-text {
				margin: 0 0 16px 2%;
				}

@media (max-width: 1024px) {
			p {
				margin: 0 5% 16px 5%;
			}
}

@media (max-width: 767px) {
			p {
				margin: 0 5% 16px 5%;
			}
}

		} /* /.content */
	} /* /.main-holder */
} /* /.single-exhibition */











/* CAPTIONS - EXHIBITION SINGLE
---------------------------------------- */
/* WP CAPTION (integrated with conflict notes) */

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #939598; /* earlier: none */
	padding: .4em; /* earlier: 0 */
	margin-bottom: 1.429em;
	width: 100% !important; /* keep both meanings consistent */

@media (min-width: 768px) {
	margin: 0 -75px;
}
@media (min-width: 1024px) {
	margin: 0;
}

	& img {
		margin: 0;
		vertical-align: top;
		width: 100%;

@media (min-width: 768px) {
		width: calc(100% + 150px) !important;
		max-width: calc(100% + 150px) !important;
}
@media (min-width: 1024px) {
		width: 100% !important;
		max-width: 100% !important;
}
@media (min-width: 1500px) {
		width: calc(100% + 140px) !important;
		max-width: calc(100% + 140px) !important;
}
		}

	& p {
		margin: .4em 0 0; /* earlier: not declared */
		}
	} /* /.wp-caption */



/* WP CAPTION TEXT (integrated with conflicts tracked) */
.wp-caption-text {
	max-width: 280px; /* earlier: 280px retained */

@media (min-width: 768px) {
	margin: 0 70px 52px auto;
}

	&.txt-center {
@media (min-width: 1024px) {
		max-width: 100%; /* earlier: same — no conflict */
}
		}

	/* earlier vs integrated bold style — both retained */
	& b {
		font-size: var(--font-size-sm); /* earlier: var(--font-size-body-lg) */
		font-weight: 700; /* earlier: 400 */
		text-transform: uppercase;
		}
	} /* /.wp-caption-text */















/* ARCHIVE/LIST (MAIN) PAGES COMMON 
######################################## */


.visual {
	position: relative;
	}


@media (min-width: 1024px) {

	.visual .column  {
		margin: 0 10px 0;
		width: 35%;
		width: 35%;
		display: inline-block;
		vertical-align: top;
		min-height: calc(50vh - 70px);
	}

}


/*pickup here*/





/* ARTIST / AUTHOR LIST TEXT
	 For Artist Single post (Gallery Artists list)
	 and Artists Main List Page
----------------------------------------*/

.visual {
	.author, 
	.title {
	 font-family: var(--font-head); 
	}
}


.author-list {
	@media (min-width: 1200px) {
		font-size: var(--font-size-body-feature);
	}


	&.author-list-alt {
@media (min-width: 1200px) {
			font-size: 44px; /* TD: abstract */
}

		/* Medium screen height adjustments */
@media (min-width: 1024px) and (max-height: 950px) {
			font-size: 32px !important; /* TD: abstract */
}

		/* Smaller screen heights */
@media (min-width: 1024px) and (max-height: 620px),
					 (min-width: 1200px) and (max-height: 750px) {
			font-size: 24px !important; /* TD: abstract */
}

@media (max-width: 1300px) {
			font-size: var(--font-size-body-2xl);
}

	} /* / &.author-list-alt */

} /* /.author-list */



@media (max-width: 767px) {

	.single-exhibition .main-holder .content p {
		 margin: 0 5% 16px 5%;
		}

	.content {
		max-width: 500px;
		margin: 0 auto;
		}
} /*/MQ*/

@media (min-width: 1024px){

	.single-exhibition .main-holder .content {
		margin: 0 auto 40px;
		width: 100%;
		}
	.visual .column {
		width: 40%;
		}
	.visual .text-half:after {
		height: calc(28vh - 80px);
		}

} /*/MQ*/

@media (min-width: 768px) {
	.single-exhibition .main-holder .content {
		width: 80%;
		margin: 0 auto;
		}
} /*/MQ*/


/* js-tab style 
Artists (and maybe Exhibitions) page*/

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
	}













/* ARTIST ARCHIVE/LIST MAIN PAGE
########################################*/

/* ARTISTS MAIN LAYOUTS
---------------------------------------- */

.page-template-template-artist .visual {

/*	background-color: lightgoldenrodyellow VISUAL AID;*/
	margin-bottom: -10vh;

	& .image-half,
	& .text-half {
		/*outline: solid orange 1px; VISUAL AIDoutline: solid orange 1px; VISUAL AID*/
	}

	& .column {
		margin: 80px 10px 0;
		width: 35%;
		display: inline-block;
		vertical-align: top;
		}


	& .text-half {
/*pad that phone screen puhleeze!*/ 		
@media (max-width: 1024px) {		
		padding: 1rem ;
}
	}


	& .text-half li a {
@media (max-width: 768px) {		
		font-size: 3.5vh;
}
			/* Reverse author items order to image, text*/
@media (max-width: 1024px) {		
		display: inline-flex;
		flex-direction: column-reverse;
		gap: var(--spacing-sm);
		margin-bottom: 3vh;
}
		} /* /.text-half*/

	& .img-holder {
		margin-bottom: 0;
	}

/* SCROLLFIX CHECK ON MOBILE*/
	& .text-halfX::after {
		/* TD: really? */
		content: "";
	/*	display: inline-block;*/
		display: block;		
		vertical-align: middle;
		width: 0;
		height: calc(100vh - 80px);
		outline: dashed black 1px;
		}

	& .text-half .text-wrap {
		display: inline-block;
		vertical-align: middle;
		}

	& .text-half .text-holder {
		padding-bottom: 0;
		max-height: 100%;
		width: 100%;
		/* overflow-y: auto; */
		}

	& .following-posts .txt {
		position: static;
		transform: none;
		padding: 0 15px 0;
		}





	& .image-half {
		position: absolute;
		top: 0;
		left: 50%;
		right: 0;
		bottom: 0;
		background-size: contain;
		margin-bottom: 50px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		}

	/* Desktop-only layout tweaks for the visual block */
	@media (min-width: 1024px) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--column-gap);
		margin-top: var(--column-gap);

		* {
			position: static;
			}
	}

} /* /.page-template-template-artist .visual */




/* ARTISTS LIST PAGE IA SLIDES (desktop only)
---------------------------------------- */

.page-template-template-artist {

	@media (min-width: 1024px) {

	/* text-half: desktop refinements */
	& .text-half {

		text-align: left;

		& .author-list li {
			margin: 0;
			}

		& .author-list li a {
			margin-bottom: 0.5rem;
			}

		& .text-holder {
			padding-bottom: 0;
			max-height: 100%;
			width: 100%;
			}
	}

	/* interactive mouse hover image display is desktop specific */

	/* force viewport body scrollbars 
	SCROLLFIX*/
/*	min-height: 150vh;
	min-height: 120vh;*/
	max-height: 90vh;
	/* ARTWORK IMAGE HALF - CONTAINMENT */
	& .image-half,
	& .tab-content {
		height: 85vh;
		position: sticky !important;
		overflow: hidden;
		isolation: isolate;
		/* Prevent background from breaking out during transition */
		contain: layout paint;
		}

	& .tab-content {
		top: 42.5vh;
		}

	/* Absolutely fill children inside .image-half */
	& .one-tab-content {
		display: block !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		/* Keep background properties stable during transition */
		background-position: center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-origin: padding-box;
		background-clip: border-box;
		}

	/* INITIAL BACKGROUND OVERRIDES */
	& .image-half.image-half,
	& .tab-content {
	/*			background-position: center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;*/
		background: none !important;
		background-image: none !important;
		background-color: transparent !important;
		}

	/* Hide initial img bkg on text hover TD: update for moved bkg*/
	& .author-list-alt.tabset:hover,
	& .visual:has(.image-half .one-tab-content.active) .image-half .tab-content {
		background: none !important;
		background-image: none !important;
		background-color: transparent !important;
		}

	/* TRANSITIONS - Remove GPU acceleration that causes scaling issues */
	& .one-tab-content {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
		/* REMOVED: transform: translateZ(0) and backface-visibility */
		/* These can cause background rendering issues during transition */
		}

	& .one-tab-content.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		}


	/* Force background to render before transition */
	& .one-tab-content {
		display: block !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%; /* Explicit dimensions */
		height: 100%;
		background-position: center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		}

	/* TRANSITIONS - Use opacity only, ensure element is always rendered */
	& .one-tab-content {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		/* Critical: Don't hide with display:none or position changes */
		transition: opacity 0.5s ease-in-out;
		/* Removed visibility from transition - it's binary and can cause issues */
		}

	& .one-tab-content.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		}


	} /* /MQ */

} /* /.page-template-template-artist */



	/* close line gaps for hover for Artist Page IA */
/*	& .visual .author-list {

		line-height: 1.2;

		& li {
			padding-bottom: 0;
			margin-bottom: 0;
			outline: solid gray 1px;
			}
		& li a {
			padding: 0;
			margin: 0 0 -0.5em 0;
			outline: solid yellow 1px;
			}
		}*/ /*/ .visual .author-list */



/* No-JS Fallback: Show first artist image */
.no-js .visual .tab-content .one-tab-content:first-child {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.no-js .visual .tab-content .one-tab-content:not(:first-child) {
	display: none !important;
	}








/* EXHIBITION LIST/ARCHIVE (MAIN) PAGE
######################################## */

/* Lead with .visual to reduce repetition */
.post-type-archive-exhibition .visual {

	&.visual-alt {
		position: relative;
		margin-bottom: 250px;
		padding: 0 15px;

		& h3 {
			text-align: center;
			margin: 0 0 35px;
			}

		& .image-half {
			position: initial;
			height: 300px;
			background-size: contain;
			background-position: 50% 50%;
@media (min-width: 1200px) {
			right: 140px;
}
			}

		& .text-half {
@media (max-width: 1023px) {
			padding: 0;
}
			}
		} /* /.visual-alt */

	&.picture-visual {
		margin-bottom: 30px;
		width: 100%;

		& .picture {
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center bottom;
			padding-bottom: 75%;
			margin: 0;
			}
		} /* /.picture-visual */

	/* Exhibitions page columns */
	& .two-columns {
		margin-bottom: 50px;
		margin: 0 auto; /* earlier: 50px */
		text-align: center;

		& .author,
		& .title {
@media (min-width: 1200px) {
			font-weight: var(--font-wight-head);
			/*font-family: var(--font-body);*/ /* depreciate */
}
			}
		} /* /.two-columns */

	/* Adjacent article section spacing */
	& + .article-section {
		padding-top: 0; /* earlier: 120px */
		}

	/* Column content */
	& .column {
		text-align: left;
		min-height: calc(100vh - 70px);
		font-size: var(--font-size-body-xl);
		font-weight: 300;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		& h1 {
			font-weight: 100;
			margin-bottom: 30px;
			text-transform: uppercase;

			& > span { display: block; }
			& > span.blue { color: #0000f8; }
			& > span.light-blue { color: #2cace5; }
			& > span.pink { color: #e803d0; }
			& > span.yellow { color: #d29725; }
			}

		& .text-block {
			padding: 20px 15px 60px;

			& .time {
				font-size: var(--font-size-body-lg);
				text-transform: inherit; /* earlier: uppercase */
				}
			}

		& .column-title {
			font-size: var(--font-size-body-lg);
			display: block;
			font-weight: bold;
			margin-bottom: 15px;
			}

		& .slide-inner {
			height: 50vh;
			display: block;
			text-decoration: none;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
@media (min-width: 1200px) {
			height: calc(50vh - 35px);
}
			}
		} /* /.column */

	& .time {
		display: block;
		margin-bottom: 18px;
		text-transform: uppercase;
		}

	& .picture {
		margin: 0 -15px;
		text-align: center;
		max-height: calc(100vh - 80px);
		display: flex;

		& img {
			vertical-align: top;
			max-width: 100%;
			max-height: 100%;
			align-self: flex-start;
			-o-object-fit: contain;
				 object-fit: contain;
			}
		} /* /.picture */

	& .column { /* smaller min-height variant */
		min-height: calc(50vh - 70px);
		}

	& .caption {
		margin-top: 35px;
		}
	} /* /.post-type-archive-exhibition .visual */


/* Visual background wrappers tied to archive */
.post-type-archive-exhibition .visual-bg {
	position: relative;

@media (min-width: 1024px) {
	height: calc(100vh - 220px);
}
	& .bg {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		height: 300px;
@media (min-width: 768px) {
		height: 850px;
}
@media (min-width: 1024px) {
		position: absolute;
		top: 80px;
		height: 100%;
		left: 0;
		right: 0;
}
		}
	} /* /.post-type-archive-exhibition .visual-bg */


/* Two-column wrapper */
.post-type-archive-exhibition .two-col {
@media (min-width: 768px) {
	margin: 0 0 60px;
}
@media (min-width: 1024px) {
	margin: 0 var(--spacing-sm) var(--spacing-2xl);
	letter-spacing: -.4em;
}
	} /* /.post-type-archive-exhibition .two-col */


/* Generic column inside the archive */
.post-type-archive-exhibition .col {
@media (min-width: 480px) {
	font-size: var(--font-size-body-lg);
}
@media (min-width: 768px) {
	font-size: var(--font-size-body-xl);
}
@media (min-width: 1024px) {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	padding: 0 var(--spacing-sm);
}
	} /* /.post-type-archive-exhibition .col */



/* exhibitions  columns */
.post-type-archive-exhibition .visual .column {
@media (min-width: 1024px) {
		margin: 0 10px 0;
		width: 35%;
		display: inline-block;
		vertical-align: top;
}
		} /* /.column */



/* FORM UI  
(JCF) Library
Exhibition List Page Year/Artist Filtering
---------------------------------------- */


.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #000;
	background: #fff;
	margin: 0 0 12px;
	min-width: 250px;
	max-width: 270px;
	width: 100%;
	height: 54px;
	text-align: left;

	&:hover .jcf-select-opener {
		background-color: #f5f5f5;
	}

	& select {
		z-index: 1;
		left: 0;
		top: 0;
	}

	& .jcf-select-text {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		cursor: default;
		display: block;
		line-height: 54px;
		margin: 0 60px 0 20px;
		/*font-family: var(--font-body);*/
		font-size: var(--font-size-body-med);
		font-weight: 400;
		color: #333;
		cursor: pointer;
	}

	& .jcf-select-opener {
		transition: background-color .3s ease-in-out;
		position: absolute;
		text-align: center;
		width: 54px;
		bottom: 0;
		right: 0;
		top: 0;
		border-left: 1px solid #000;
		cursor: pointer;

		&::before {
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			border-left: 1px solid #000;
			border-bottom: 1px solid #000;
			transform: translate(-50%, -80%) rotateZ(-45deg);
			position: absolute;
			top: 50%;
			left: 50%;
		}
	}

	& .jcf-select-drop {
		position: absolute;
		margin-top: 0;
		z-index: 9999;
		top: 100%;
		left: -1px;
		right: -1px;

		&.jcf-drop-flipped {
			bottom: 100%;
			top: auto;
		}
	}

@media (min-width: 480px) {
	max-width: 296px;
}
	}

/* detached dropdown positioning */
body {
	& > .jcf-select-drop {
		position: absolute;
		margin: -1px 0 0;
		z-index: 9999;

		&.jcf-drop-flipped {
			margin: 1px 0 0;
		}
	}
}

.jcf-select-drop {
	& .jcf-select-drop-content {
		border: 1px solid #000;
	}
}


/* multiple select styles
---------------------------------------- */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
	}


/* select options styles
---------------------------------------- */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	position: relative;
	background: #fff;
	font-size: var(--font-size-body-med);
	line-height: 1.5;
	width: 100%;
	font-weight: 300;

	& .jcf-list-content {
		vertical-align: top;
		display: inline-block;
		overflow: auto;
		width: 100%;
		}

	& ul {
		list-style: none;
		padding: 0;
		margin: 0;

		& li {
			overflow: hidden;
			display: block;
			}
		}

	& .jcf-overflow {
		overflow: auto;
		}

	& .jcf-option {
		transition: background-color .3s ease-in-out;
		overflow: hidden;
		cursor: default;
		display: block;
		padding: 8px 9px 8px 20px;
		color: #000;
		letter-spacing: .15em;
		height: 1%;
		cursor: pointer;

		&.jcf-option-hideme {
			display: none;
			}
		}

	& .jcf-disabled {
		background: #fff !important;
		color: #aaa !important;
		}

	& .jcf-optgroup-caption {
		white-space: nowrap;
		font-weight: bold;
		display: block;
		padding: 5px 9px;
		cursor: default;
		color: #000;
		}

	& .jcf-optgroup .jcf-option {
		padding-left: 30px;
		}
	}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #f5f5f5;
	}


/* common custom form elements styles*/
.jcf-disabled {
	background: #ddd !important;
	}




/*JCF OVERRIDES*/

.jcf-select {
	height: 44px;
	border: 1px solid #ccc;
		
		& .jcf-select-opener {
		border-left: none;
		}
		& .jcf-select-text {
		margin: 0 80px 0 10px;
		line-height: 43px;
		}
		& .jcf-select-opener:before {
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
		}
	}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #ccc;
	}



/* FILTER FORM
----------------------------------------*/
.filter-form {
	margin-bottom: 20px;

	& .input-container {
		padding: 0 5px;
		margin-bottom: 15px;
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

@media (min-width: 768px) {
	margin-bottom: 0;

	.input-container {
		padding: 0 12px;
		margin-bottom: var(--spacing-lg);
		width: auto;
	}
}
	} /* /.filter-form */




/* FANCYBOX
 v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
(core + helpers) TD: Redundant?
---------------------------------------- */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
	}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;

	& .zoom-box {
		opacity: 1; /* earlier: .zoom-box default 0 */
		}
	} /* /.fancybox-wrap */

.fancybox-skin {
	padding: 0 !important;
	position: relative;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
	margin: 15px;

@media (min-width: 768px) {
	margin: 30px; /* earlier: 15px */
}
	} /* /.fancybox-skin */

.fancybox-title {
	padding-top: 30px !important;
	margin: 0 auto;
	padding: 0 25px 0 0; /* earlier: (same block has two paddings; keep last) */
	} /* /.fancybox-title */

.zoom-box {
	position: absolute;
	top: 30px;
	right: 0;
	opacity: 0;

	&.zoom-min .zoom-out {
		opacity: .2;
		pointer-events: none;
		}

	&.zoom-max .zoom-in {
		opacity: .2;
		pointer-events: none;
		}

@media (min-width: 768px) {
	top: -50px; /* earlier: 30px */
	right: -45px; /* earlier: 0 */
}
	} /* /.zoom-box */

.fancybox-margin {
	margin-right: 0 !important;
	} /* /.fancybox-margin */

/* close button */
.fancybox-close {
	position: fixed;
	top: 15px;
	right: 15px;
	width: 33px;
	height: 33px;
	cursor: pointer;
	z-index: 9999;

	&::before,
	&::after {
		content: "";
		position: absolute;
		top: 15px;
		left: 0;
		width: 33px;
		height: 2px;
		transform: rotate(45deg);
		background: #000;
		}

	&::after {
		transform: rotate(-45deg);
		}

@media (min-width: 768px) {
	top: var(--spacing-lg); /* earlier: 15px */
	right: var(--spacing-lg); /* earlier: 15px */
}
	} /* /.fancybox-close */

/* nav */
.fancybox-nav {
	position: fixed;
	bottom: 15px;
	cursor: pointer;
	text-decoration: none;
	z-index: 9999;

@media (min-width: 768px) {
	top: 0; /* earlier: bottom: 15px baseline */
	bottom: auto;
	height: 100%;
	width: 15%; /* earlier: not set */
}
@media (min-width: 1024px) {
	width: 10%; /* earlier: 15% */
}
@media only all and (max-height: 480px) {
	top: 0; /* earlier: bottom: 15px baseline */
	height: 100%;
	width: 15%; /* earlier: 10% (on wider) */
}
	} /* /.fancybox-nav */

.fancybox-prev {
	left: 40%;
	transform: translateX(-50%);
	cursor: pointer;

	&::before {
		content: "";
		font-family: "icomoon" !important;
		top: 0;
		left: 0;
		font-size: 25px; /*TD: Abstract*/
		color: #000;
		}

@media (min-width: 768px) {
	left: 0; /* earlier: 40% */
	transform: none; /* earlier: translateX(-50%) */
	&::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%); /* earlier: top:0 */
		transform: translateX(0);
		left: var(--spacing-md);
		}
}
@media only all and (max-height: 480px) {
	left: 0; /* earlier: 40% */
	transform: none;
	&::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		transform: translateX(0);
		left: var(--spacing-md);
		}
}
	} /* /.fancybox-prev */

.fancybox-next {
	right: 35%;
	transform: translateX(-50%);
	cursor: pointer;

	&::before {
		content: "";
		font-family: "icomoon" !important;
		top: 0;
		right: 0;
		font-size: 25px; /*TD: Abstract*/
		color: #000;
		}

@media (min-width: 768px) {
	right: 0; /* earlier: 35% */
	transform: none; /* earlier: translateX(-50%) */
	&::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: var(--spacing-md);
		left: auto;
		}
}
@media only all and (max-height: 480px) {
	right: 0; /* earlier: 35% */
	transform: none;
	&::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: var(--spacing-md);
		left: auto;
		}
}
	} /* /.fancybox-next */

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
	}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
	}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
	}

/* zoom buttons */
.zoom-in,
.zoom-out {
	transition: opacity .3s ease-in-out;
	font-weight: 300;
	cursor: pointer;
	font-size: 0;
	}

.zoom-in {
	position: relative;
	width: 25px;
	height: 25px;
	display: block;
	top: -5px;

	&::before,
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 15px;
		height: 1px;
		transform: rotate(90deg);
		background: #000;
		}

	&::after {
		transform: none;
		}
	} /* /.zoom-in */

.zoom-out {
	position: relative;
	width: 25px;
	height: 25px;
	display: block;

	&::before {
		top: 50%;
		left: 0;
		content: "";
		position: absolute;
		width: 15px;
		height: 1px;
		background: #000;
		}
	} /* /.zoom-out */

/* open state + inner structure */
.fancybox-opened {
	z-index: 8030;
	}

.fancybox-outer,
.fancybox-inner {
	position: relative;
	}

.fancybox-inner {
	overflow: hidden;
	}

.fancybox-type-iframe {
	& .fancybox-inner {
		-webkit-overflow-scrolling: touch;
		}
	} /* /.fancybox-type-iframe */

.fancybox-error {
	color: #444;
	/*font-family: var(--font-body);*/ /* earlier: var(--font-head) */
	font-size: var(--font-size-body-med);
	line-height: 20px;
	margin: 0;
	white-space: nowrap;
	}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
	opacity: .5;
	visibility: visible;
	transition: opacity 1s ease-out, visibility 1s ease-out;
	}

.fancybox-opened .fancybox-image {
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease-out, visibility 1s ease-out;
	}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060;

	& div {
		width: 44px;
		height: 44px;
		}
	} /* /#fancybox-loading */

/* overlay / locking */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
	}

.fancybox-lock-test {
	overflow-y: hidden !important;
	}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	width: 100% !important;
	height: 100vh !important;
	}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
	}

/* Title helper */
.fancybox-title {
	visibility: hidden; /* earlier: visible (conflicts in original block, using final state below) */
	font-family: var(--font-head); /* earlier: var(--font-head) */
	font-size: var(--font-size-body-med);
	line-height: 16px;
	position: relative;
	text-shadow: none;
	z-index: 8050;
	opacity: .5;
	visibility: visible; /* earlier: hidden — keeping visible per final state */
	transition: opacity 1s ease-out, visibility 1s ease-out;

	& h5,
	& .title {
		text-transform: uppercase;
		display: block;
		margin-bottom: 5px;
		font-weight: 100;
		/*font-family: var(--font-body);*/ /* earlier: var(--font-head) */
		font-size: var(--font-size-body-xl); /*TD: abstract*/
		color: #939598;
		}

	& .info {
		color: #939598;
		font-weight: normal;
		}

	& .at-icon-wrapper {
		display: none;
		}

	& .addthis_button_email {
		transition: color .3s ease-in-out;
		color: #000;
		text-transform: uppercase;
		text-decoration: underline;

		&:hover {
			text-decoration: none;
			color: #0000f8;
			}
		}
	} /* /.fancybox-title */

.fancybox-opened .fancybox-title {
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease-out, visibility 1s ease-out;
	}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;

	& .child {
		display: inline-block;
		margin-right: -100%;
		padding: 2px 20px;
		background: rgba(0, 0, 0, .8); /* earlier: transparent (fallback) */
		border-radius: 15px;
		text-shadow: 0 1px 2px #222;
		color: #fff;
		font-weight: bold;
		line-height: 24px;
		white-space: nowrap;
		}
	} /* /.fancybox-title-float-wrap */

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
	}

.fancybox-title-inside-wrap {
	padding-top: 10px;
	}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: rgba(0, 0, 0, .8); /* earlier: #000 + rgba overlay */
	}






/* INFO CONTACT PAGE
########################################*/

.contact-section {
	& address {
		font-style: normal;
		}

	& h3 {
		margin-bottom: 10px;
		}

	& .two-column {
		margin-bottom: 50px;

		& .column {
			width: 100%;
			max-width: 800px;
			margin: 0 auto;
			float: none;
			}

		& .img-holder {
			display: block;
			margin: 30px auto 0;
			background-size: cover;

			&:first-child {
				padding-top: 51.75%;
				margin-top: 40px;

@media (min-width: 768px) {
					margin-top: 65px;
}
				}

			&:last-child {
				padding-top: 61.375%;
				}
			} /*./.img-holder */
	
		& .text-content {
			text-align: center;
			padding: 50px 16px 1px;
			& h1 {
				padding: 60px 0;
				margin: 0;
				}

@media (min-width: 1024px) {
				padding: var(--spacing-xl);
				text-align: center;
}
			} /*/.text-content*/
		} /*/.two-column*/ 

	& ul {
		padding-left: 0;
		}

	& a,
	& ul {
		color: #000;
		}

	& h1 {
@media (min-width: 480px) {
			font-size: 60px; /* TD: abstract */
}
		} 

	} /*/.contact-section */



/* sibling to contact section*/
.contact-block {
	margin-bottom: 45px;

	& address {
		margin: 0;
	}

	& .tel a {
		border-bottom: none;
	}

	& .note {
		font-size: var(--font-size-body-lg);
		color: #888;
	}

	& a {
		transition: border-bottom 0.3s ease-in-out, color 0.3s ease-in-out;
		border-bottom: 1px solid currentColor;
		color: #000;

		&:hover {
			border-color: transparent;
			color: #0000f8;
		}
	}

} /* /.contact-block */




/* INFO/CONTENT PAGE SIGNUP */
.signup-form {

		margin: 0 auto 70px;

	& a.btn,
	& a.wysija-submit {
		display: block;
		max-width: 400px;
		margin: 0 auto;
		}

	& .form-holder {
		max-width: 400px;
		margin: 0 auto;
		display: none;
		text-align: center;

		& input,
		& button {
			display: block;
			min-width: 80%;
			line-height: 1.5;
			padding: 8px 15px;
			margin: 0 auto 18px;
			height: 48px;
			}

		& .btn,
		& .wysija-submit {
			margin-bottom: 0;
			}
		} /* /.form-holder */

	& .widget_wysija {
		background-color: #fff;
		padding: 22px 35px;
		}

	& .wysija-submit:focus {
		outline: none;
		}

	& .widget_wysija_cont {
		position: relative;
		letter-spacing: 0;

		& .abs-req {
			display: none;
			}

		& input[type="text"],
		& input[type="email"],
		& input[type="password"] {
			width: 100%;
			border-top: none;
			border-right: none;
			border-left: none;
			margin-left: 0;

			&:focus {
				outline: none;
				}
			}

		& .updated {
			background-color: transparent;
			border: none;
			text-transform: uppercase;
			text-align: center;
			font-weight: bold;
			letter-spacing: .15em;
			font-size: var(--font-size-body-lg);
/*			OR THIS?*/
			letter-spacing: 0;
			text-transform: inherit; 
			}

		& .wysija-paragraph {
			margin-bottom: 0;
			}

		& .formError {
			position: absolute !important;
			top: calc(100% + 5px) !important;
			left: 0 !important;
			right: 0 !important;
			background-color: transparent !important;
			border: none !important;
			color: #f00;
			width: 100%;
			letter-spacing: 0;
			opacity: 1 !important;

			& .formErrorContent {
				width: 100% !important;
				background: none !important;
				color: #000;
				text-transform: uppercase;
				font-size: var(--font-size-sm) !important;
				font-weight: bold;
				letter-spacing: .15em;
				}
			}

		& .formError + input {
			border-color: #f00 !important;
			}
		} /* /.widget_wysija_cont */

/* buttons when .widget is inside .signup-form */
	& .widget .wysija-submit {
		color: #000;
		}

	} /* /.signup-form */




/* PRINT STYLES
######################################## */

@media print {
	/* Print styles */
	* {
		color: #000 !important;
		background-color: transparent !important;
	}
	
	body {
		min-width: 768px;
		width: 768px;
		padding: 0 !important;
		font-size: var(--font-size-body-lg) !important;
	}
	
	.main {
		padding: 0 !important;
	}
	
	#wrapper {
		padding: 0 !important;
	}
	
	#header {
		position: static;
		background-color: transparent;
		
		&:before,
		&:after {
			content: none !important;
			display: none !important;
		}
		
		.nav-wrapper {
			display: none !important;
		}
		
		.logo {
			width: 132px;
			margin: 0 auto;
		}
	}
	
	.container {
		width: auto;
		max-width: 100% !important;
		min-width: 750px;
	}
	
	.btn,
	.signup-form .wysija-submit,
	.btn-holder,
	.social-links {
		display: none !important;
	}
	
	.text-half {
		padding-top: var(--spacing-xs) !important;
		width: 100% !important;
		height: auto !important;
	}
	
	.visual {
		.column-slider,
		.img-block {
			display: none !important;/*unmp*/
		}
		
		.column {
			min-height: auto !important;
		}
	}
	
	.visual-alt {
		margin-bottom: 20px !important;
		
		.image-half {
			display: none !important;
		}
		
		h3 {
			margin-bottom: var(--spacing-xs) !important;
		}
	}
	
	.visual-bg {
		display: none !important;
	}
	
	.work-list {
		text-align: justify;
		letter-spacing: -.3em;
		
		.masonry {
			height: auto !important;
		}
	}
	
	.work {
		width: 49% !important;
		position: static !important;
		top: 0 !important;
		left: 0 !important;
		letter-spacing: 0;
		display: inline-block !important;
		vertical-align: top;
		margin-bottom: var(--spacing-sm) !important;
	}
	
	.widget {
		&.hidden-sm {
			display: none !important;
		}
	}
	
	.picture-visual {
		display: none !important;
	}
	
	.post {
		margin-bottom: 0;
		
		.sidebar {
			float: none !important;
			width: 100% !important;
		}
		
		.content {
			float: none !important;
			width: 100% !important;
		}
		
		.widget {
			margin-bottom: var(--spacing-xl) !important;
		}
		
		.header {
			margin-bottom: 30px;
			
			h1 {
				font-size: var(--font-size-body-2xl);
			}
		}
	}
	
	.post-list-section {
		padding-top: 30px !important;
		
		&:last-child {
			margin-bottom: 0 !important;
		}
		
		.post {
			text-align: center;
		}
		
		.post-link {
			padding: 0 !important;
			
			h2 {
				position: static !important;
				font-size: var(--font-size-body-2xl);
				line-height: 1.1 !important;
			}
		}
		
		.bg {
			display: none !important;
		}
		
		h1 {
			font-size: var(--font-size-body-2xl);
		}
	}
	
	.post-list {
		.post-holder:last-child {
			margin-bottom: 0 !important;
		}
	}
	
	.main-holder {
		padding-top: 30px !important;
	}
	
	.contact-section {
		.img-holder {
			display: none !important;
		}
	}
	
	.following-posts {
		max-width: 100% !important;
		
		.post-holder {
			margin-bottom: 60px !important;
			
			.img-holder {
				display: none !important;
			}
		}
		
		.note {
			margin-bottom: var(--spacing-xs);
		}
		
		.post-title {
			font-size: var(--font-size-body-2xl);
			margin-bottom: var(--spacing-xs);
			display: block;
		}
		
		.txt {
			top: 0 !important;
			left: 0 !important;
			position: static !important;
			transform: none !important;
			padding: 0 !important;
			max-width: 100% !important;
		}
	}
	
	.hidden-sm {
		display: block !important;
	}
	
	.hidden-lg {
		display: none !important;
	}
} /* /MQ PRINT */









/*	HELPER COLOURS 
---------------------------------------;*/

.page-template-template-artist {


/*.author-list-alt.tabset:hover,	
.visual:has(.image-half .one-tab-content.active) .image-half {
	background: none !important;
	background-image: none !important;
	background-color: transparent !important;
	}
.tab-content{
	outline: solid black 3px;
	}

.tab-content,
.one-tab-content {
	opacity: 0.5;
	}

.visual {
	background-color: mintcream;
	}

.image-half  {
	outline: dashed lightblue 4px;
	}
.image-half .one-tab-content {
	outline: dashed green 2px;
	}

.tab-content {
	background-color: pink;
	border: 2px solid red;
	}
*/
}