/* !GENERAL ELEMENTS */
.intro {
	font-size: 120%;
}
.more,
.back,
.top,
.sum-more {
	font-weight: 600;
}
	.more > a,
	.back > a,
	.top > a,
	.sum-more {
		color: inherit;
	}
	.more > a:hover,
	.back > a:hover,
	.top > a:hover,
	.sum-more:hover {
		color: #00a5a5;
	}
		.more > a:after,
		.extra > a:after,
		.back > a:before,
		.top > a:before,
		.sum-more:after {
			content: " ";
			display: inline-block;
			vertical-align: middle;
			color: inherit;
			width: 1.2em;
			height: 1.2em;
			background-image: none;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: transparent;
			background-size: contain;
		}
		.more > a:after,
		.extra > a:after,
		.sum-more:after {
			background-image: url(../../img/icons/chevron-right.svg);
			margin-left: .25rem;
		}
		.back > a:before {
			background-image: url(../../img/icons/chevron-left.svg);
			margin-right: .25rem;
		}
		.top > a:before {
			background-image: url(../../img/icons/chevron-up.svg);
			margin-right: .25rem;
		}

		:not(.members).dark .more > a:after,
		:not(.members).dark .extra > a:after {
			background-image: url(../../img/icons/chevron-right-white.svg);
		}
		:not(.members).dark .back > a:before {
			background-image: url(../../img/icons/chevron-left-white.svg);
		}
		:not(.members).dark .top > a:before {
			background-image: url(../../img/icons/chevron-up-white.svg);
		}


.untitled {
	color: #777;
}


details {
	display: block;
	width: 100%;
}
.sum-more {
	display: block;
	cursor: pointer;
	margin-bottom: 2rem;
	min-width: 90px;
}
	.sum-more::-webkit-details-marker {
		display: none;
	}

	         .sum-more .sum-on  { display: none; }
	[open] > .sum-more .sum-on  { display: inline-block; }
	[open] > .sum-more .sum-off { display: none; }

	[open] > .sum-more { color: #00a5a5; }

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}


/* Article header (typically centered. Example within News Read) */
.article-header {
	margin-bottom: 3em;
	text-align: center;
}
	.article-header .title {
		margin-bottom: 1rem;
	}
	.article-header .meta {
		margin-top: 1.5rem;
	}


/* Row header (typically above row of items. Allowes side-by-side positioning of title link to Top) */
.row-header {
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
	.row-header h2,
	.row-header h3 {
		margin-bottom: 1rem;
	}
	.row-header .top {
		/* reduce the size of .top links not to overpower content. */
		font-size: 75%;
		font-weight: normal;

		min-width: 100px;
		text-align: right;
	}

/* !-Meta styles */
.meta {

}


/* 	display colored links inside H2s and H3s when there is more corresponding text beside it: */
h2 a:not(only-child),
h3 a:not(only-child) { color: #00a5a5; }
h2 a:not(only-child):hover,
h3 a:not(only-child):hover { color: inherit; }

h3.document-title a { color: #00a5a5; }
h3.document-title a:hover { color: inherit; }
.document h3 a { color: #00a5a5; }
.document h3 a:hover { color: inherit; }

/* Fix content styles pasted from editors with rich fromatting */
article span[style*="font-size"],
article span[style*="line-height"],
article span[style*="color"] {
	color: inherit !important;
	line-height: inherit !important;
	font-size: inherit !important;
}


/* !-Tags */
.tags-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
	.tags-list li {
		display: inline-block;
	}
		.tag {
			display: inline-block;
			font-style: italic;
			color: rgba(0,0,0, .75);
		}
			a.tag:hover {
				color: #00a5a5;
			}
			a.tag:focus {
				color: #999;
			}
			a.tag:active {
				color: #444;
			}


/* !-Icons (SVG)*/
i.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
}



/* !-Listing tables */
.listing {
	width: 100%;
	margin-bottom: 2em;
}
.listing .image {
	width: 15%;
	min-width: 100px;
}
.listing .summary {
	width: 40%;
}
.listing .venue {
	width: 30%;
}
.listing .actions {
	width: 15%;
}

.listing .image figure {
	display: block;
	max-width: 70px;
	max-height: 70px;
	overflow: hidden;
	border-radius: 100%;
	margin: 0 auto 1em;
	border: 1px solid #eee;
}
.listing .image img {
	display: block;
	width: 100%;
	height: auto;
}
.listing .actions .button {
/* 	width: 100%; */
	width: 110px;
}
.listing .actions .button + .button {
	margin-top: .5em;
}



/* !-Breadcrumb-like bar */
.breadcrumbs {
	position: relative;
	padding: .65em 0 .5em;
	margin: 0 0 30px 0;
	font: normal 28px/1.1 sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	box-shadow: 999px 0px 0px 0px #000, -999px 0 0px 0px #000;
}
	.breadcrumbs span { opacity: .5; }

	.primary .breadcrumbs {
		box-shadow: 699px 0px 0px 0px #000;
		padding-left: 7.25%;
		margin-left: -7.25%;
	}

.container h1:first-child {
	margin-top: 1rem;

}


ul.items,
ul.dated,
ul.faq {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
	/* !-Items Views */
	ul.items {
		overflow: hidden;
	}
	ul.items > li {
		float: left;
		margin: 0 0 2em 8%;
		width: 28%;
	}
	ul.items > li:nth-child(3n+1) {
		margin-left: 0;
		clear: left;
	}
	ul.items > li img {
		float: left;
		margin: 0 .5em .5em 0;
		max-width: 40%;
		min-width: 120px; /* forcing old thumbs to be the same size as new and YouTube ones */
		transition: transform .2s;
	}
	ul.items > li:hover img {
		transform: scale(1.05);
	}
	ul.items > li > a > strong {
		display: block;
	}
	ul.items > li > a > span {
		display: block;
	}

	/* !-Dated Views */
	ul.dated {
		padding-left: 0;
		-webkit-columns: 300px 3;
		   -moz-columns: 300px 3;
		        columns: 300px 3;

		-webkit-column-gap: 3.5em;
		   -moz-column-gap: 3.5em;
		        column-gap: 3.5em;
	}
	ul.dated > li {
		-webkit-column-break-inside: avoid;
	              page-break-inside: avoid;
	                   break-inside: avoid;
	}

	ul.dated.years {
		-webkit-columns: 100px 6;
		   -moz-columns: 100px 6;
		        columns: 100px 6;

		-webkit-column-gap: 3.5em;
		   -moz-column-gap: 3.5em;
		        column-gap: 3.5em;
	}


	/* !-Cascade Views */
	.cascade {
		list-style: none;
		margin: 0 0 2em 0;
		padding-left: 0;
		overflow: hidden;
	}
	.cascade > li {
		float: left;
		width: 23.5%;
		background: #ccc;
		margin: 0 0 2% 2%;
		position: relative;
	}
	.cascade > li img {
		display: block;
		width: 100%;
		height: auto;

		margin: -10% 0; /* to cut-off video black bars on images */
	}
	.cascade > li:nth-child(4n+1) { margin-left: 0; clear: left; }

	@media only screen and (min-width: 800px) {
		.cascade > li:nth-child(1) { width: 49%; margin-left: 0; }
		.cascade > li:nth-child(2) { width: 49%; margin-left: 2%; }
		.cascade > li:nth-child(3) { width: 49%; margin-left: 0; clear: left; }
		.cascade > li:nth-child(4) { width: 49%; margin-left: 2%; }

		.cascade-photos > li:nth-child(1),
		.cascade-photos > li:nth-child(2),
		.cascade-photos > li:nth-child(3),
		.cascade-photos > li:nth-child(4) { padding-top: 23%; }
	}
		.cascade-photos > li {
			padding-top: 13.4%;
			height: 0;
			overflow: hidden;
		}
		.cascade-photos .media-item {
			position: absolute;
			top: 0;
			height: 100%;
			overflow: hidden;
		}
		.cascade-photos .media-caption {
			position: absolute;
			left: 0;
			right: 0;
			display: block;
			width: 80%;
			margin: 0 auto;
			text-align: center;
			color: #fff;
			top: 50%;
			transform: translateY(-50%);
			transition: color .2s;
			z-index: 1;
		}
		.cascade-photos .media-caption .media-title {
			color: inherit;
		}
		.cascade-photos .media-title { font-size: 24px; }


/* !-Definition Lists */
dl.aligned_h {
	max-width: 600px;
}
dl.aligned_h dt {
/* 	clear: both; */
	display: inline-block;
	vertical-align: top;
	width: 25%;
	max-width: 150px;
	margin-bottom: .5em;
}
dl.aligned_h dd {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0.25em 0;
/* 	max-width: 75%; */
	width: 70%;
}

dl.stacked {
	margin-bottom: 1.5em;
}

dl.stacked dt {
	display: block;
	margin-bottom: .25em;
}
dl.stacked dd {
	display: block;
	margin-left: 0;
}
dl.stacked dd + dt {
	margin-top: 1.5em;
}



/* !MODULES */

/* !Feature Slides */
.feature-slider {
	background: none;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 3rem;
	margin-bottom: 2rem;
	min-height: 37vw; /* tmp */
}
	.slider-item {
		position: relative;
	}
	.slider-item .container {
		position: absolute;
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		margin: 0 auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0;
		margin: 3%;

		display: flex;
		align-items: flex-start;
	}
	.slider-link {

	}
	.slider-img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: center;
		max-height: 800px; /* Increased from 650px to accommodate 1920x1080px desktop resolutions before visual cropping kicks in. */
	}
	.slider-text {
		display: block;
		width: 100%;
		max-width: 700px;
		font-size: 70px;
		line-height: 1.1;
		font-weight: 700;
		letter-spacing: normal;
		color: #000;
		vertical-align: bottom;
		transition: color .2s;
	}
		.slider-text b {
			font-weight: inherit;
			font-size: 150%;
		}
		.slider-text i {
			font-style: normal;
			font-size: 50%;
		}
	.slider-link .slider-text {
		text-decoration: underline;
		text-decoration-color: #fdffd1;
		text-decoration-skip-ink: auto;
	}
	.slider-link:hover .slider-text {
		text-decoration-color: #00a5a5;
	}

	.position_upperleft    .container { align-items: flex-start; justify-content: flex-start; }
	.position_uppercentre  .container { align-items: flex-start; justify-content: center;     text-align: center; }
	.position_upperright   .container { align-items: flex-start; justify-content: flex-end;   }
	.position_middleleft   .container { align-items: center;     justify-content: flex-start; }
	.position_middlecentre .container { align-items: center;     justify-content: center;     text-align: center; }
	.position_middleright  .container { align-items: center;     justify-content: flex-end;   }
	.position_lowerleft    .container { align-items: flex-end;   justify-content: flex-start; }
	.position_lowercentre  .container { align-items: flex-end;   justify-content: center;     text-align: center; }
	.position_lowerright   .container { align-items: flex-end;   justify-content: flex-end;   }


	.feature-slider .slick-dots {
		list-style: none;
		position: absolute;
		bottom: 0;
		right: 1rem;
		margin: .75rem 0;
		text-align: center;
		line-height: 0;
	}
		.feature-slider .slick-dots > li {
			display: inline-block;
			margin: 0 .5em;
			text-align: center;
		}
		.feature-slider .slick-dots > li > button {
			display: block;
			border: 0 solid rgba(255,255,255,.90);
			border-radius: 100%;
			background: #3e3e3e;
			text-indent: -10em;
			overflow: hidden;
			margin: 0;
			padding: 0;
			width: 1rem;
			height: 1rem;
			cursor: pointer;
		}
		.feature-slider .slick-dots > li:hover > button,
		.feature-slider .slick-dots > li.slick-active > button {
			background: #00a5a5;
		}



/* !Home News */
.newslist {
	position: relative;
}
	.news-row {
		display: flex;
		flex-wrap: wrap;
	}

	.news-item {
		max-width: 256px;
		max-width: 310px;
		margin-left: 2.4%;
		margin-bottom: 1rem;
		width: 23%;

		display: flex;
		flex-direction: column;
		margin-bottom: 2em;
	}
	.news-item:nth-of-type(4n+1) {
		margin-left: 0;
	}

	.news-item-text {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.news-item-image { order: 1; }
	.news-item-text  { order: 2; margin-bottom: 0; }


	.news-item-title {
		position: relative;
		font: 700 20px/1.2 "Overpass", sans-serif;
		margin: 0 0 0 0;

		width: 75%;
		width: calc(100% - 4rem);
	}
	.news-item-title a {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		color: inherit;
	}
	.news-item-title:hover a {
		color: inherit;
	}
	.news-item-title a:hover {
		color: #00a5a5;
	}

	.news-item-date {
		align-self: flex-start;
		width: 3.25rem;
		border-color: #00a5a5;
		border-style: solid;
		border-width: 0;
		border-right-width: 3px;
		margin-right: .5rem;
		margin-bottom: .25em;

		font-weight: 400;
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
		text-transform: uppercase;

		color: #000;

		order: -2;
	}
		.news-item-date b {
			display: block;
			margin: .25rem 0 0;
			font-size: 24px;
			font-weight: 400;
		}

	.news-item-type {
		width: 100%;
		padding-left: 4rem;
		margin: .25em 0 .75em;

		font-weight: 400;
		font-size: 12px;
		line-height: 1.2;
		letter-spacing: .1em;
		text-transform: uppercase;

		color: rgba(0,0,0,.6);

		order: -3;
	}
	.news-item-desc {

	}
	.news-item-location {

	}
	.news-item-credit {
		width: 100%;
		padding-left: 4rem;
/* 		text-align: right; */
		font-size: 0.75em;
		font-weight: normal;
	}
		.news-item-title .news-item-credit {
			padding-left: 0;
			margin: .25rem 0;
		}
		.news-item-title .news-item-credit > a {
			display: inline;
			color: #00a5a5;
		}
		.news-item-title .news-item-credit > a:hover {
			color: inherit;
		}

	.news-item-image {
		position: relative;
		display: block;
		width: 100%;
/* 		max-width: 256px; */
/* 		min-height: 192px; */

		max-width: 310px;
		min-height: 232px;

		overflow: hidden;
		background: #eee;
		margin-bottom: .5em;
	}
		.news-item-image a {
			display: block;
			height: 100%;
		}
		.news-item-image img {
			display: block;
			position: absolute;
			top: 0;
			height: 100%;
			width: auto;
			transition: transform 1s linear; /* faster scale back to normal */
			background-color: rgba(77, 174, 182, 0.3); /* paint as placeholder if failed to load */
		}
		.news-item:hover .news-item-image img {
			transform: scale(1.2);
			transition: transform 5s linear; /* slow scale growth */
		}

		@supports(object-fit: cover) {
			.news-item-image img {
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}

/*
		.csstransofrm .news-item-image img {
			left: 50%; transform: translateX(-50%);
		}

		.newslist .slick-arrow {
			top: 66px;
			width: 2.5%;
		}
		.newslist .slick-arrow.slick-disabled {
			display: none !important;
		}
*/



/* !News Index */

.news-items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	margin-top: 4rem;
}
	@media only screen and (min-width: 800px) {

		/* Feature top article */

		.feature-top .news-item:nth-of-type(4n+1) { margin-left: 2%; }
		.feature-top .news-item:nth-of-type(4n+2) { margin-left: 0; }

		.feature-top .news-item:nth-child(1) { max-width: 100%; width: 100%; margin-bottom: 3em; margin-left: 0; flex-direction: row; }
		.feature-top .news-item:nth-child(1) .news-item-text { max-width: 40%; padding-left: 2rem; position: relative; padding-bottom: 2rem; }
		.feature-top .news-item:nth-child(1) .news-item-image { max-width: 60%; min-height: 0; padding-top: 32.6%; align-self: flex-start; margin-bottom: 0; }
		.feature-top .news-item:nth-child(1) .news-item-image img[src*='placeholder'] { width: 100%; background-color: #00a5a5; }
		.feature-top .news-item:nth-child(1) .news-item-title { font-size: 36px; font-size: 2vw; font-weight: 400; width: 40%; align-self: flex-start; width: 100%; margin: 1em 0 .25em; }
		.feature-top .news-item:nth-child(1) .news-item-title a { -webkit-line-clamp: none; }
		.feature-top .news-item:nth-child(1) .news-item-date { width: 140px; font-size: 1.5rem; border-bottom-width: 3px; border-right: 0; text-align: left; width: auto; }
		.feature-top .news-item:nth-child(1) .news-item-date b { font-size: inherit; display: inline; }
		.feature-top .news-item:nth-child(1) .news-item-desc {}
		.feature-top .news-item:nth-child(1) .news-item-type { order: -1; width: auto; padding-left: 0; font-size: 1.5rem; margin: 0; }
		.feature-top .news-item:nth-child(1) .news-item-more { position: absolute; bottom: 0; margin: 0; }
	}


/* !News Display (Read) */
.news-article {
	display: flex;
	flex-direction: column;
}
	.news-photos {
		order: -1;
		margin-top: 4rem;
	}

	.news-image {
		width: 100%;
		position: relative;
	}
	.news-poster img {
		display: block;
		width: 100%;
	}
	.news-poster .caption {
		display: block;
		position: absolute;
		bottom: -1.6rem;
		width: 100%;
		font-size: 12px;

		text-align: center;
	}


	/* ! News photo gallery */
	.news-gallery {
		list-style: none;
		margin: 0 0 1em 0;
		padding: 0;
	}
		.news-gallery-item {
			position: relative;
			float: left;
			margin: 0 5px 0 0;
			padding: 0;
		}
		.news-gallery-img {
			display: block;
			width: 100%;
			opacity: .5;
			transition: .2s ease-in-out;
			background: #fafafa;
		}
		.news-gallery-item:hover .news-gallery-img,
		.news-gallery-item.slick-current .news-gallery-img {
			opacity: 1;
		}

		.news-gallery .slick-prev,
		.news-gallery .slick-next {
			bottom: auto;
			top: 50%;
			transform: translateY(-50%);
			margin: 0;
			display: none;
			width: 1rem;
			height: 1rem;
		}
		.news-gallery .slick-prev { left: -1.5rem; }
		.news-gallery .slick-next { right: -1.5rem; left: auto; }

		@supports (object-fit: cover) {

			.news-poster-wrap,
			.news-gallery-image-wrap {
				display: block;
				width: 100%;
				height: 0;
				position: relative;
			}
				.news-poster-wrap {
					padding-top: 56.36%;
					margin-bottom: 2rem;

					/* inline BG image is only to be inherited by :before */
					background-color: #333;
					background-repeat: no-repeat;
					background-size: 0;
				}
					.news-poster-wrap:before {
						content: '';
						display: block;
						position: absolute;
						left: 0; top: 0; bottom: 0; right: 0;
						background-color: transparent;
						background-image: inherit;
						background-position: center center;
						background-repeat: no-repeat;
						background-size: cover;
						opacity: .25;
					}
				.news-gallery-image-wrap {
					padding-top: 100%;
				}

				.news-poster-img {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					object-fit: contain;
					object-position: center center;
					max-height: 100%;
				}
				.news-gallery-img {
					position: absolute;
					top: 0;
					object-fit: cover;
					height: 100%;
				}
		}

		/* for old deprecated images of unknown size  */
		.deprecated-image {
			position: relative;
			height: 0;
			padding-top: 76.5%;
		}
		.deprecated-image > img {
			position: absolute;
			top: 0;
			object-fit: cover;
			width: 100%;
		}


/* ! News Archive */
.news-archive {

}
	.news-archive.full-width {
		padding: 1rem 0 0;
		background: #f8f8f8 url(../../img/ornament-dots.svg) center center no-repeat;
		background-size: auto 120%;
	}
	.news-archive.full-width h2:first-child {
		text-align: center;
	}

	.news-archive-list-years {
		display: flex;
		flex-wrap: wrap;
/* 		justify-content: space-between; */

		max-width: 1600px;
		margin: 1rem auto 0;
		padding: 0;
		list-style: none;

		text-align: center;
		font-weight: 600;
	}
		.news-archive-list-years .year {
			margin: auto;
			padding: 1rem 1rem 3rem;
			width: 100%;
			min-width: 220px;
			max-width: 300px;
		}
		.news-archive-list-years .year:last-child {
/* 			margin-left: 0; */
/* 			margin-right: auto; */
		}

		.news-archive-list-months {
			display: block;
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-weight: normal;
		}
			.news-archive-list-months .month {
				display: inline-block;
				width: calc(100% / 6);
				color: #444;
			}
			.news-archive-list-months .month a {
				display: block;
				padding: .2em 0;
			}

/* ! News Popular Tags */
.news-popular.full-width {
	padding: 1rem 0;
		background: #191919;
		color: #fff;
	}
	.news-popular.full-width h2:first-child {
		text-align: center;
	}
	.news-popular-list {
		max-width: 1600px;
		margin: 2rem auto;
		padding: 0;
		list-style: none;

		columns: 200px 5;
		column-gap: 3.5em;

		text-align: center;
/* 		font-weight: 400; */
	}
		.news-popular-list > li {

		}
		.news-popular-list > li > a {
			display: block;
			padding: .5rem;
			color: #00a5a5;
		}
		.news-popular-list > li > a:hover {
			color: #fff;
		}


/* ! News Popular articles by Tag (teal, left aligned) */
.newslist {
	padding: 2rem 0;
}
	.newslist-heading {
		text-align: left;
	}
		.newslist-heading h2 {
			margin: 0 0 .5em 0;
			font-size: 1rem;
			font-weight: 600;
			letter-spacing: 0.1em;
			text-transform: uppercase;
		}
		.newslist-heading h3 {
			margin: 0 0 .5em 0;
			font-size: 2.5rem;
			font-weight: 600;
			text-transform: capitalize;
			color: #00a5a5;
		}


/* !News: Members */

.member-news ul.items > li img {
	max-width: 74px;
	border: 1px solid #eee;
}

.member-news ul.items > li p {
	margin-left: 82px;
}

.member-news ul.items > li .credit {
	display: block;

	font-size: 14px;
}



/* !Events */
	.event-item {
		max-width: 256px;
		max-width: 310px;
		max-width: 400px;
		margin-left: 2.4%;
		margin-bottom: 1rem;
		width: 23%;

		display: flex;
		flex-direction: column;
		margin-bottom: 2em;
	}
	.event-item:nth-of-type(4n+1) {
		margin-left: 0;
	}

	.event-item-text {
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.event-item-image   { order: 1; }
	.event-item-text    { order: 2; margin-bottom: 0; }
	.event-item-details { }
	.event-item-lineup  { }


	.event-item-title {
		position: relative;
		font: 700 20px/1.2 "Overpass", sans-serif;
		margin: 0 0 .2em 0;
	}
	.event-item-title a {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		color: inherit;
	}
		.as-cards .event-item-title a:empty:before,
		.profile-events .event-item-title a:empty:before {
			content: attr(data-alt-title);
		}
	.event-item:hover .event-item-title {
		color: #00a5a5;
	}

	.event-item-date {
		align-self: flex-start;
		width: 3.25rem;
		border-color: #00a5a5;
		border-style: solid;
		border-width: 0;
		border-right-width: 3px;
		margin-right: .5rem;
		margin-bottom: .25em;

		font-weight: 400;
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
		text-transform: uppercase;

		color: #000;

		order: -2;
	}
		.event-item-date b {
			display: block;
			margin: .25rem 0 0;
			font-size: 24px;
			font-weight: 400;
		}

		.event-items:not(.as-table) .venue-address + .event-item-time:before,
		.event-items:not(.as-table) .venue-region + .event-item-time:before {
			content: ' | ';
		}

		.events-row .venue-address + .venue-address2:before,
		.events-row .venue-address + .venue-region:before,
		.events-row .venue-address2 + .venue-region:before {
			content: ', ';
		}

	.event-item-type {
		width: 100%;
		padding-left: calc(20% + .25rem + 3px + 0rem);
		margin: .25em 0 .75em;

		font-weight: 400;
		font-size: 12px;
		line-height: 1.2;
		letter-spacing: .1em;
		text-transform: uppercase;

		color: rgba(0,0,0,.6);

		order: -3;
	}
	.event-item-desc {

	}

	.event-item-info {
		max-width: 75%;
		max-width: calc(100% - 4rem);
		width: auto;
		font-size: 14px;
		font-size: 0.7em;
	}

	.event-item-details {
		color: #4b4b4b;

		font-weight: bold;
	}
	.event-item-location {
		/* display: none; */
	}
		.venue-name {
			display: block;
		}

		.as-cards .venue-address {
			display: none;
		}

		.event-item-more {
			display: none;
		}

	.event-item-lineup {
		list-style-type: none;
		padding-left: 0;
		margin-left: 0;

		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;

		display: none; /* display only in .as-table view */
	}
		.event-item-lineup li {
			display: inline;

		}
		.event-item-lineup li + li:before {
			content: ' / ';
			color: #000;
		}
		.event-item-lineup a {

		}
		.event-item-lineup a:hover {

		}

	.event-item-image {
		position: relative;
		display: block;
/* 		max-width: 256px; */
/* 		min-height: 192px; */
		width: 100%;
		max-width: 400px;
		min-height: 0;

		height: 0;
		padding-top: 75%;

		overflow: hidden;
		background: #eee;
		margin-bottom: .5em;
	}
		.event-item-image a {
			display: block;
			height: 100%;
		}
		.event-item-image img {
			display: block;
			position: absolute;
			top: 0;
			height: 100%;
			width: auto;
			transition: transform 1s linear; /* faster scale back to normal */
		}
		.event-item:hover .event-item-image img {
			transform: scale(1.2);
			transition: transform 5s linear; /* slow scale growth */
		}

		@supports(object-fit: cover) {
			.event-item-image img {
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}

.events-items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	margin-top: 4rem;
}

	.row-header + .events-items {
		margin-top: 2rem;
	}

	.filter-events > .filter-view,
	.row-header > .filter-view {
		display: none;
	}

/* table view */
@media only screen and (min-width: 1000px) {
	.events-items.as-table {
		flex-direction: column;
	}
	.as-table .event-item {
		position: relative;
		width: 100%;
		flex-direction: row;
		max-width: none;
		margin-left: 0;
		padding-bottom: 1rem;
		border-bottom: 2px solid #e3e3e3;
	}
	.as-table .event-item-text {
		flex-direction: row;
		flex-grow: 1;
	}
	.as-table .event-item-image {
		max-width: 160px;
		padding-top: 110px; /* verify proportion */
		margin-left: 60px;
		margin-right: 20px;
	}
	.as-table .event-item-date {
		position: absolute;
		left: 0;
		border: none;
	}
	.as-table .event-item-date b {
		font-size: 30px;
	}

	.as-table .event-item-info {
		width: auto;
		flex-grow: 1;
/* 		background: pink; */
		margin-right: 130px;

		padding-right: 50%;

		font-size: 1rem;
	}

	.as-table .venue-name,
	.as-table .venue-address {
		display: block;
	}
	.as-table .event-item-more {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}

	.as-table .event-item-details {
/* 		background-color: hsla(50, 50%, 90%, 1); */
		width: 100%;
		max-width: 50%;
		max-width: calc(50% - 130px);
		position: absolute;
		top: 0;
		right: 130px;
		padding: 0 1rem;
	}

	.as-table .event-item-lineup {
		display: -webkit-box;
	}

	.filter-events > .filter-view,
	.row-header > .filter-view {
		display: block;
		padding-right: 0;
		padding-left: 1rem;
	}
	.filter-view > div {
		display: flex;
		align-content: center;
		align-items: center;
		min-height: 42px;
		background-color: #f8f8f8;
		padding: 0 .25rem;
	}
		.filter-view span {
			border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
		}
		.filter-view button {
			border: none;
			background-color: #f8f8f8;
			color: #00a5a5;
			padding: 0 .5rem;
			display: flex;
			align-items: center;
			cursor: pointer;
			transition: 0.2s linear all;
		}
		.filter-view button:hover {
			color: #000;
		}
		.filter-view button.active {
			color: #929292;
			cursor: default;
			pointer-events: none;
		}
		.filter-view .icon {
			width: 24px;
			height: 24px;
		}

}

/* !New Releases Discography */
.discography {
	clear: both;
	overflow: hidden;
}
	.discography-row {
		padding: 1rem 0;

		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		justify-content: flex-start;
	}
	.disc-item {
		position: relative;
		float: left;
		width: 20%;
		max-width: 300px;
		min-width: 200px;

		text-align: center;
	}

	.disc-title {
		font-size: 1.2rem;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: .5em;
	}
	.disc-artists {
		font-size: 1.2rem;
		font-weight: 600;
		margin: 0;
	}
	.disc-figure {
		margin-bottom: 1.5rem;
		box-shadow: 0 0 20px rgba(0, 0, 0, .16);
		transition: all .3s;
	}
		.disc-img {
			display: block;
			width: 100%;
			height: auto;
			background-color: #00a5a5;
		}
	.disc-item .more {
		margin-bottom: 0;
	}

	.disc-link {
		display: flex;
		flex-direction: column;
		padding: 1.5rem;
		color: inherit;
		transition: all .3s;
		height: 100%;
	}
	.disc-item:hover {
		color: #5fbbc2;
	}
	:not(.members).dark .disc-item:hover {
		color: #eee;
	}
	.disc-item:hover .disc-title { color: #00a5a5; }
	.disc-item:hover .disc-figure { transform: scale(1.05); box-shadow: 0 0 20px rgba(0, 0, 0, .3); }

	.disc-title   { order: 3; }
	.disc-artists { order: 2; }
	.disc-release { order: 4; font-size: 0.8em; }
	.disc-figure { order: 1; }

	/* 	on profiles  */
	.disc-meta {
		font-size: 1rem;
		text-align: left;
		margin-top: -.5rem;
	}
		.disc-meta p {
			margin-bottom: 0;
		}
		.disc-meta b {
			display: none;
		}

		.disc-labels { }
		.disc-producers { }
		.disc-date { font-size: 80%; }
		.disc-date b { display: inline; font-weight: normal; }

	/* 	within slider */
	.discography-slider {
/* 		display: block; */
		position: relative;
		padding: 1rem 3rem;
		margin: 0 -6.5rem;

/* 		background: rgba(100, 100, 100, .3); */
	}
	.discography-slider .disc-item {
		display: block;
		width: auto;
		margin: 0 2rem;
		max-width: none;
	}
	.discography-slider .disc-link {
/* 		padding: 1.5rem; */
	}
	.discography-slider .slick-arrow {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);

		width: 2.5rem;
		height: 2.5rem;
	}
		.discography-slider .slick-prev {
			left: 3.5rem;
		}
		.discography-slider .slick-next {
			left: auto;
			right: 3.5rem;
		}


	.new-music-releases.index .disc-item {
		width: 16.6%
	}

	/* discography list in dated view (with Month year headers) */
	.discography-row-header {
		padding: 0 2rem;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
		.disc-item + .discography-row-header {
			margin-top: 3rem;
		}


/* ! discography Archive (list of years) */
.discography-archive {

}
	.discography-archive.full-width {
		padding: 1rem 0;
		background-color: #f8f8f8;
	}
	.discography-archive.full-width h2:first-child {
		text-align: center;
		margin-bottom: 1em;
	}

	.discography-archive-list-years {
		max-width: 1600px;
		margin: 2rem auto;
		padding: 0;
		list-style: none;
		columns: 80px 5;
		column-gap: 3.5em;
		text-align: center;
	}
		.discography-archive-list-years > li {

		}
		.discography-archive-list-years > li > a,
		.discography-archive-list-years > li > strong {
			display: block;
			padding: .5rem;
		}



/* !Discography - Display */
.discography-image {
	width: 35%;
	float: left;
	margin-right: 5%;
	margin: 0 5% 2rem 0;
}
	.discography-image img {
		box-shadow: 0 0 0 1px #eee;
	}
.discography-info {
	width: 60%;
	float: left;
}
	.discography-info h1:first-child {
		margin-top: 0;
	}




/* !Videos - Media-row, Media-titem. [Home page] */
	.videos-row,
	.media-row {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
	}
	 .video-item,
	 .media-item {
		position: relative;
		overflow: hidden;
		cursor: pointer;
		width: 100%;
		height: auto;
	 }
	.videos-row .video-item,
	.media-row .media-item {
		max-width: 32%;
		float: left;
		margin-left: 2%;
		margin-bottom: 2rem;
	}
	.videos-row .video-item:nth-of-type(3n+1) {
		margin-left: 0;
	}
	.videos-row .video-item:first-child,
	.media-row .media-item:first-child {
		margin-left: 0;
	}
	.video-item.is-ready .video-poster {
		opacity: 0;
		top: -100%;
	}
	.video-poster,
	.media-poster {
		display: block;
		position: absolute;
		left: 0; top: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: top 1s, opacity .3s;
		z-index: 1;
	}
		.video-img,
		.media-img {
			display: block;
			width: 100%;
			height: auto;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}
	.video-caption,
	.media-caption {
		display: block;
		margin: 0;
		color: #fff;
		transition: color .2s;
	}
		/* colored overlay: */
		.video-item .video-poster:before,
		.media-item .media-poster:before {
			content: '';
			position: absolute;
			left: 0; right: 0; top: 0; bottom: 0;
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			background: none;
			transition: background .2s;
			z-index: 1;
		}
		.video-item:hover .video-poster:before,
		.media-item:hover .media-poster:before  {
			background: rgba(255,110,0,.3);
		}
		/* circle with "play" button */
		.video-item:hover .video-caption:after,
		.media-item:hover .media-caption:after  {
			content: '';
			position: absolute;
			left: 0; right: 0; top: 50%; bottom: 0;
			transform: translateY(-50%);
			display: block;
			margin: 0 auto;
			width: 60px;
			height: 60px;
			border-radius: 100%;
			background: rgba(0,0,0,.8) no-repeat 55% center url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 81.4'><polygon fill='white' stroke-miterlimit='10' points='51.1,40.7 0.5,80.4 0.5,1'/></svg>");
			background-size: 30% auto;
		}
		/*	if link - remove Play button */
		.video-item.linked:hover .video-caption:after,
		.media-item.linked:hover .media-caption:after {
			content: none;
		}

		.video-title,
		.video-artist,
		.media-title,
		.media-artist {
			margin: 0;
			text-shadow: 0 0 3px rgba(0,0,0,.5);
		}
			.video-title,
			.media-title {
				font: 700 1rem/1 "Overpass", sans-serif;
				color: #00a5a5;
			}
			.video-artist,
			.media-artist {
				font-size: 1rem;
				font-weight: 700;
				color: #fff;
			}
		.video-item.linked:hover .video-caption,
		.media-item.linked:hover .media-caption {
			text-decoration: underline;
		}


	.video-item .video-object {
		display: block;
	}

	.video-item iframe {
		width: 100%;
/* 		height: auto; */
	}


	/* !Videos - Index */
	.videos.index {

	}
		.video-thumbnail {
			width: 100%;
			height: auto;
		}

	/* !Videos - Display */
	.videos.watch .video-info h2:first-child {
		margin-top: 0;
	}
	.videos.watch .video-info {
		width: 48%;
		float: left;
	}
	.videos.watch .video-item {
		width: 48%;
		float: left;
		margin-right: 4%;
		margin-bottom: 2em;
	}
	.videos .back {
		clear: both;
	}

	/* ! Videos - Slider */
	.videos-home {
		background-color: #191919;
		color: #fff;
		padding: 2rem 0 1rem;
	}
		.videos-home .container {
			max-width: none;
		}
		.videos-home .more > a:after {
			background-image: url(../../img/icons/chevron-right-white.svg);
		}

		.videos-slider {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			position: relative;
			padding: 0 0;
			margin: 0 0;
/* 			background: rgba(100, 100, 100, .3); */
		}
		.videos-slider .video-item {
			max-width: 856px;
			width: auto;
			padding: 0;
		}
		.videos-slider .video-item,
		.videos-slider .video-item:first-child,
		.videos-slider .video-item:nth-of-type(3n+1) {
			margin: 0 3rem;
		}
		.videos-slider .video-item figure {

		}
		.videos-slider .video-box {
			position: relative;
		}
			.videos-slider .video-poster {
				overflow: hidden;
			}
			.videos-slider .video-poster:before,
			.videos-slider .video-item:hover .video-poster:before {
				content: '';
				position: absolute;
				left: 0; bottom: 0;
				right: auto; top: auto;
				display: block;
				margin: 0;
				padding: 8px;
				width: 40px;
				height: 40px;
				background: transparent no-repeat 55% center url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'></path></svg>");
				background-size: contain;
				background-origin: content-box;
			}
			.videos-slider .video-item:hover .video-poster:before {
				background-color: #00a5a5;
			}
		.videos-slider .video-caption {
			display: block;
			position: relative;
			left: auto; right: auto;
			top: auto; bottom: auto;
			transform: none;
			margin: 1.5rem auto 0;
			width: 80%;
			text-align: center;
		}
			.videos-slider .video-title {
				font-size: 1.5rem;
				font-weight: 700;
				letter-spacing: normal;
				color: #fff;

				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.videos-slider .video-artist {
				font-size: 1.5rem;
				font-weight: 400;
				letter-spacing: normal;
				text-transform: none;

				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
/* 		.videos-slider .video-item:hover .video-poster:before, */
		.videos-slider .video-item:hover .video-caption:after {
			content: none;
		}

		.videos-slider .slick-arrow {
			left: 50%;
			right: 50%;
			margin-left: -.75rem;
			bottom: 1rem;
		}
		.videos-slider .slick-prev {
			transform: translateX(-12vw);
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23ffffff" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/></svg>');
		}
		.videos-slider .slick-next {
			transform: translateX(12vw);
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23ffffff" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
		}

	/* ! Videos Archive */
	.videos-archive {

	}
	.videos-archive.full-width {
		padding: 2rem 0 1rem;
	}
	.videos-archive.full-width h2:first-child {
		text-align: center;
		margin-bottom: 1em;
	}

	.videos-archive-list-years {
		max-width: 1600px;
		margin: 1rem auto 0;
		padding: 0;
		list-style: none;

		text-align: center;
		font-weight: 600;

		columns: 100px 5;
	}
		.videos-archive-list-years .year {
			margin: auto;
			padding: 0;
			width: 100%;
		}
		.videos-archive-list-years .year a {
			padding: .2em 0;
		}
		:not(.members).dark .videos-archive-list-years .year a:hover {
			color: #fff;
		}




/* !Photo Gallery*/
.display-img {
	position: relative;
}
	.full a {
		display: block;
		background-color: #eee;
	}

		.full.loading a {
			background-color: #fff;
		}

	.full img {
		display: block;
		max-width: 100%;
		height: auto;
		/* max-height: 700px; */
		margin: 0 auto;
	}
	.full img.loading {
		margin: 20% auto;
		width: auto;
		height: auto;
	}
	.full figcaption {
		margin: .5em 0 2em;
	}

.gallery-nav {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
}
	.gallery-nav > a {
		display: inline-block;
		width: 40px;
		height: 40px;
		text-indent: -10em;
		overflow: hidden;
		border: none;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80% auto;
		color: #d6d2ce;
		transition: all .2s;
		opacity: .5;
	}
	.gallery-nav > a:hover {
		opacity: 1;
	}
	.gallery-nav > .prev { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100"><polygon fill="%23d6d2ce" points="50,14.4 14.4,50 50,85.6 50,100 0,50 0,50 50,0"/></svg>'); }
	.gallery-nav > .next { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100"><polygon fill="%23d6d2ce" points="0,14.4 35.6,50 0,85.6 0,100 50,50 50,50 0,0"/></svg>'); }

.gallery-items {
	overflow: hidden;
	margin-bottom: 1em;
	font: normal 12px/1 arial; /* to adjust inline-block spacing */
}
	.gallery-item {
		display: inline-block;
	}
	.gallery-item a {
		display: block;
		overflow: hidden;
		max-width: 75px;
		max-height: 75px;
	}
	.gallery-item img {
		display: block;
		transition: transform 1s linear;
	}
	.gallery-item a:hover img {
		transform: scale(1.2);
	}




/* !Events - Listing [Home] */
.live-events {
	padding: 2rem 0;
}
	.live-events .section-head-subtitle {
		text-align: left;
	}
	.live-events .section-head-subtitle span {
		display: inline-block;
		font-weight: 400;
		padding-left: 1rem;
	}
	.events-row {
		display: flex;
		flex-wrap: wrap;
/* 		justify-content: center; */
/* 		background-color: hsla(90, 50%, 50%, .5); */
	}
		.live-events .event-item-time,
		.live-events .event-item-lineup {
			display: none;
		}

		/* 	within slider */
		.events-slider {
			position: relative;
			padding: 1rem 0rem;
			margin: 0 -1rem;
/* 			justify-content: flex-start; */
/* 			background: rgba(100, 100, 100, .3); */
		}
		.events-slider .event-item {
			display: flex; /* overwrite ".slick-initialized .slick-slide" value */
			width: auto;
			margin: 0 1rem;
			max-width: none;
		}
		.events-slider .slick-arrow {
			position: absolute;
			top: 40%;
			transform: translateY(-50%);

			width: 2.5rem;
			height: 2.5rem;

			display: none;
		}
			.events-slider .slick-prev {
				left: -2rem;
			}
			.events-slider .slick-next {
				left: auto;
				right: -2rem;
			}

/* !Events - Display */
.vevent h2 {
	margin: 2rem 0 .5em;
	text-align: center;
}
.vevent .event-info h2 {
	margin-top: 0;
	text-align: left;
	border-bottom: .15em solid #00a5a5;
}

.vevent .profile-audio {
	clear: both;
}
.vevent .profile-videos	{
	clear: both;
}
.vevent .profile-audio .audio-row,
.vevent .profile-videos .videos-row {
	justify-content: center;
}

.vevent .profile-photo {
	float: left;
	margin-right: 2%;
	margin-bottom: 1.5em;
}
	.vevent.vevent-tall .profile-photo {
		width: 32%;
	}
	.vevent.vevent-wide .profile-photo {
		width: 66%;
	}
.vevent .event-info {
	width: 32%;
	margin-bottom: 1em;
}
	.vevent.vevent-tall .event-info {
		float: left;
	}
	.vevent.vevent-wide .event-info {
		float: right;
	}
.vevent .event-gallery {
	margin: 0 0 1em 0;
}
	.vevent.vevent-tall .event-gallery {
		float: right;
		width: 32%;
		margin-left: 2%;
	}
	.vevent.vevent-wide .event-gallery {
		float: left;
		width: 66%;
		margin-right: 2%;
	}

.vevent .profile-photo img {
	display: block;
	width: 100%;
}
.vevent .event-description {
	float: left;
	width: 32%;
	margin-bottom: 1em;
}
.vevent .location-map {
	margin: 0 0 2rem 0;
	overflow: hidden;
}
	.vevent .location-map img {
		display: block;
		transition: transform .5s;
	}
	.vevent .location-map:hover img {
		transform: scale(1.05);
	}



	/* regsiter stand-out box, mostly used on WORKSHOPS/MUSICWORKS  */
.vevent .registration.info {
	clear: both;
	margin: 1em 0;
}

	/* similar to .news-gallery */
.event-gallery {
	list-style: none;
	margin: 0 0 1em 2%;
	padding: 0;
	width: 32%;
	float: right;
	overflow: hidden;
}
	.event-gallery > li {
		width: 32%;
		float: left;
		margin: 0 0 2% 2%;
		overflow: hidden;
	}
	.event-gallery > li:nth-child(3n+1) {
		margin-left: 0;
	}
	.event-gallery > li > a {
		display: block;
	}
	.event-gallery > li img {
		display: block;
		width: 100%;
/* 		transition: opacity .2s; */
	}
	.event-gallery > li:hover {
/* 		transform: scale(1.1); */
		opacity: .75;
	}
	@supports (object-fit: cover) {
		.event-gallery > li {
			position: relative;
			height: 0;
			padding-top: 24%;
		}
		.event-gallery > li img {
			position: absolute;
			top: 0;
			object-fit: cover;
			height: 100%;
		}
	}


.filter-results-msg {
	text-align: center;
	margin-bottom: 2em;
}


/* !Directory - Industry Listing */
.directory-list-industry {

}
	.directory-item-industry {
		margin-bottom: .25rem;
		line-height: normal;
	}

/* !Directory - Artists Listing */
.directory-list {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
	.directory-item-artists {
		float: left;
		margin-left: 2%;
		margin-bottom: 1.5rem;
		width: 18.4%;
	}
	.directory-item-artists:nth-child(5n+1) {
		clear: left;
		margin-left: 0;
	}
	.directory-item-image {
		position: relative;
		display: block;
		max-width: 256px;
		overflow: hidden;
		background: #eee;
		margin-bottom: .5em;
	}
	.no-js noscript img {
		width: 100%;
		display:block;
		margin: 0;
		padding:0;
	}
	.js .json-replace {
		width: 100%;
		visibility: hidden;
		min-height: 1px;
		display:block;
	}
	.directory-item-image > img {
		display: block;
		height: auto;
		width: 100%;
		max-width: none;
		transition: transform 1s linear; /* faster scale to normal */
	}
	.directory-item:hover .directory-item-image > img {
		transform: scale(1.2);
		transition: transform 5s linear; /* slow scale growth */
	}

	.directory-item-title {
		font-size: 16px;
		margin-top: 1rem;
	}
	.directory-item-artists > a {
		color: inherit;
	}
	.directory-item-artists > a:hover {
		color: #00a5a5;
	}


/* !Directory - Profile Display */
.directory-profile {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
	.directory-profile h2 {
		margin: 0 0 .5em;
		font-size: 30px;
	}
	.directory-profile .genre {
		display: inline-block;
		padding: 0 .25em;
		font-weight: bold;
	}

.directory-profile > [class^="profile-"] {
	margin-bottom: 4rem;
	width: 100%;
}
	.directory-profile.industry {
		display: block;
	}
	.directory-profile.industry .profile-header {
		width: 65%;
		margin-right: 5%;

		float: left;
	}
		.directory-profile.industry .profile-header h1 {
			text-align: left;
		}
	.directory-profile.industry .profile-photo {
		width: 30%;
		float: right;
		max-width: 350px;
	}
	.directory-profile.artist .profile-photo {
		order: -1;
		margin: 4rem 0 0;
	}

.directory-profile > .profile-bio {
	float: left;
	width: 65%;
	margin-right: 5%;
}
.directory-profile > .profile-details {
	float: left;
	width: 30%;
}


.profile-photos {

}
	.profile-photos-list {
		list-style: none;
		padding: 0;
		margin: 0 0 1rem 0;
		overflow: hidden;

		display: flex;
		flex-wrap: wrap;
	}
		.profile-photos-list li {
			position: relative;
			display: block;
			width: 32%;
			margin-left: 2%;
			margin-bottom: 2%;

/* 			max-width: 310px; */
			min-height: 232px;

			overflow: hidden;
			background: #eee;
		}
		.profile-photos-list li:nth-of-type(3n+1) {
			margin-left: 0;
		}
		.profile-photos-list a {
			display: block;
			height: 100%;
		}
		.profile-photos-list img {
			display: block;
			position: absolute;
			top: 0;
			height: 100%;
			width: auto;
			transition: transform 1s linear; /* faster scale back to normal */
		}
		.profile-photos-list li:hover img {
			transform: scale(1.2);
			transition: transform 5s linear; /* slow scale growth */
		}
		@supports(object-fit: cover) {
			.profile-photos-list img {
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}
		@supports(aspect-ratio: 1/1) {
			.profile-photos-list li {
				min-height: auto;
				aspect-ratio: 4/3;
			}
		}


	.profile-photo {
		margin-bottom: 2em;
	}

	.profile-details a {

	}
	.profile-details a:hover {

	}
	.profile-details dt a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.profile-details .web a,
	.profile-details .email a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.profile-details .web {
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		max-width: 100%;
	}
	.profile-details .web .home,
	.profile-details .web .other {
		width: 100%;

	}
	.profile-details .web .icon {
		margin: .25rem .5rem .25rem 0;
		cursor: pointer;
		width: 48px;
		height: 48px;
	}
	.profile-details .web .svg-icon {

	}
	.profile-details .web .other img {
		display: inline-block;
		vertical-align: middle;
		margin-right: .25rem;
	}

.profile-videos	{
	clear: both;
}
.profile-news {
	clear: both;
	overflow: hidden;
}
	.profile-news .news-items {
		margin-top: 0;
	}

	/* 	Profiel Audio */
	.profile-audio {
		clear: both;
		overflow: hidden;
		margin: 2em 0;
	}

	.profile-audio .jp-audio {
		max-width: 300px;
	}
	.profile-audio .player-single .jp-type-single .jp-time-holder {
		font-size: .75em; /* tmp */
	}
	.profile-audio .vlp-container {
		min-width: 100%;
	}

	.profile-audio .audio-row {
		display: flex;
		flex-wrap: wrap;
		margin-left: -2rem;
		margin-right: -2rem;
	}
	.profile-audio .audio-item {
		width: 25%;
		margin: 0 0 0 0;
		float: left;
		max-width: 280px;
		min-width: 150px;
		padding: 0 2rem;
	}
		.profile-audio.discography .audio-item {
/* 			width: 33.33%; */
/* 			min-width: 200px; */
		}


	.audio-text,
	.video-text {
		font-size: 16px;
		font-weight: normal;
		line-height: normal;
		margin: .75em 0 1.5em;
	}
		.audio-text {
			margin-left: 3rem;
		}


	.audio-text b,
	.video-text b {
		display: block;
		font-weight: 800;
	}


	.profile-discography .disc-item {
		padding: 0 2rem;
		margin-bottom: 2rem;
	}
	.profile-discography .disc-item:nth-child(5n+1) {
		margin-left: -2rem;
	}
	.profile-discography .disc-link {
		display: block;
		padding: 0;
	}



	/* Profile Media & Download */
	.file-list {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
		overflow: hidden;
	}
		.file-item {
			position: relative;
/* 			max-width: 250px; */
			margin: 0 0 2em 0;
			padding-left: 50px;
			color: #000;
			letter-spacing: 0.01em;
			line-height: 1.1;
		}
			.file-list .file-item {
/* 				float: left; */
				width: 100%;
				margin: 0 5% 1em 0;
			}
		.file-item-icon {
			position: absolute;
			left: 0; top: 0;
			display: block;
			width: 40px;
			height: 40px;
			margin: 0 1em 1em 0;
			transition: all .2s ease-in;
		}
		.file-item-icon .icon {
			width: 100%;
			height: 100%;
		}
		.file-item-text {
			color: #000;
		}
		.file-item-title {
			display: block;
			font-weight: normal;
		}
		.file-title {
			display: block;
			font-size: .8em;
		}
		.file-item-meta {
			font-weight: normal;
			color: #00a5a5;
		}


/* profile Social Media */
	.social-media-row {
		margin-bottom: 2em;
	}
	.social-media-row .slot.half {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
		.social-media-row .slot.half + .slot.half {
			margin-right: 0;
		}

	.social-media-row  article p  {
		font-size: .75em;
		margin-bottom: .5em;
	}

	/* !Directory - Profile: Twitter feed view */
	.slot.twitter header {
		overflow: hidden;
		font-size: .75em;
		line-height: 1.3;
	}
		.slot.twitter .avatar {
			float: left;
			margin: 4px 10px 10px 0;
		}
		.slot.twitter .author {
			display: block;
			color: #333;
			font-weight: bold;
		}
		.slot.twitter .handle {
			display: block;
			margin-bottom: 2px;
		}
	.slot.twitter article {
		clear: both;
		border-top: 1px solid #bfbfbf;
		padding: .5em 0 0 0;
	}
		.slot.twitter article time {
			color: #999;
		}
		.slot.twitter .twt-actions {
			font-size: .75em;
		}
		.slot.twitter .twt-action i {
			display: inline-block;
			vertical-align: text-bottom;
			width: 16px;
			height: 16px;
			margin: 0 2px 0 4px;
			background: url(../../img/twitter-sprite.png) 0 0 no-repeat transparent;
		}
			.slot.twitter .twt-action.reply    i { background-position: 0 0; }
			.slot.twitter .twt-action.retweet  i { background-position: -32px 0; }
			.slot.twitter .twt-action.favorite i { background-position: -80px 0; }

			.slot.twitter .twt-action.reply:hover    i { background-position: -16px 0; }
			.slot.twitter .twt-action.retweet:hover  i { background-position: -48px 0; }
			.slot.twitter .twt-action.favorite:hover i { background-position: -96px 0; }




/* !Song of the Week (Loudspeaker)*/
	.loudspeaker-section {
		display: flex;
		flex-direction: column;
	}
		.loudspeaker-header .title {
			font-size: 1rem;
			text-transform: uppercase;
			letter-spacing: .02em;
		}
		.loudspeaker-header .subtitle {
			font-weight: 500;
			line-height: 1.3;
		}
		.loudspeaker-poster {
			order: -1;
			width: 100%;
			position: relative;
			margin-bottom: 2em;
		}
			.loudspeaker-poster img {
				display: block;
				width: 100%;
				height: auto;

				max-width: 1600px;
				max-height: 500px;
				object-fit: cover;

				min-height: 200px; /* to match resp. heigh of Featured slider on Home page */
			}
		.loudspeaker-aside {
			display: flex;
			align-content: center;
			justify-content: center;
			margin-bottom: 2rem;
		}
			.loudspeaker-aside .file-item {
				position: absolute;
				left: 110%;
				top: 35%;
				width: 100%;
				max-width: 180px;
				margin: 0;
				padding: 0;
			}
				.loudspeaker-aside .vlp-btn-play,
				.loudspeaker-aside .vlp-btn-pause {
					top: 35%;
					left: 110%;
					margin: 0 0 0 0;
				}
				.loudspeaker-aside .vlp-btn-play:hover,
				.loudspeaker-aside .vlp-btn-pause:hover {
					color: #fff;
				}

			.loudspeaker-aside .file-item .details,
			.loudspeaker-aside .file-item-text,
			.loudspeaker-aside .file-item a {
				color: #fff;
				text-decoration: none;
			}
			.loudspeaker-aside .file-item .details {
				display: block;
				font-size: 14px;
				font-style: italic;
			}

			.loudspeaker-aside .file-item-icon {
				position: relative;
				left: 50px;
				color: #00a5a5;
				width: 32px;
				height: 32px;
				margin-top: 12px;
			}
			.loudspeaker-aside a:hover .file-item-icon {
				color: #fff;
			}

		.loudspeaker-body {
			margin-bottom: 2rem;
		}
		.loudspeaker-body .followup {
			text-align: center;
			font-size: smaller;
			max-width: 50em;
			margin: 2rem auto;
		}

	/* ! Loudspeaker Archive */
	.loudspeaker-archive {

	}
		.loudspeaker-archive.full-width {
			padding: 2rem 0 1rem;
		}
		.loudspeaker-archive.full-width h2:first-child {
			text-align: center;
			margin-bottom: 1em;
		}

		.loudspeaker-archive-list-years {
			max-width: 1600px;
			margin: 1rem auto 0;
			padding: 0;
			list-style: none;

			text-align: center;
			font-weight: 600;

			columns: 100px 4;
		}
			.loudspeaker-archive-list-years .year {
				margin: auto;
				padding: 0;
				width: 100%;
			}
			.loudspeaker-archive-list-years .year a {
				padding: .2em 0;
			}
			:not(.members).dark .loudspeaker-archive-list-years .year a:hover {
				color: #fff;
			}

/* !VLP Player (Loudspeaker) */
.vlp-container {
	position: relative;
	min-width: 220px;
}
	.vlp-container:hover::after {
		opacity: 1;
	}
	.vlp-artwork img {
		display: block;
		width: 100%;
		height: auto;
		box-shadow: 0 0 0 1px #eee;
	}
	.vlp-seekbar {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 6px;
		width: 100%;
		background: #bfbfbf;
		background: green;
		border: none;
		opacity: 0;
		transition: opacity .2s ease-in;
		transition-delay: .5s;
		z-index: 1;
	}
	.vlp-seekbar[value] {
		appearance: none;
		border: 0;
		color: red;
		background: #fff;
	}
	.vlp-seekbar[value]::-webkit-progress-bar { background: #999; }
	.vlp-seekbar[value]::-moz-progress-bar    { background: #999; }
	.vlp-seekbar[value]::progress-bar         { background: #999; }


	.vlp-rangebar {
		position: absolute;
		top: 0;
		left: 0;
		height: 7px;
		width: 100%;
		background: yellow;
		background: green;
		border: none;
		opacity: 1;
		transition: opacity .2s ease-in;
		transition-delay: .5s;
		z-index: 10;
	}
	.vlp-rangebar[value] {
		background: red;
	}

	.vlp-container:hover .vlp-btn-volup,
	.vlp-container:hover .vlp-btn-voldn,
	.vlp-container:hover .vlp-time-cur,
	.vlp-container:hover .vlp-time-tot,
	.vlp-container:hover .vlp-seekbar {
		opacity: 1;
		transition-delay: 0s;
	}
	[class^="vlp-btn-"] {
		position: absolute;
		text-indent: -200%;
		overflow: hidden;
		width: 24px;
		height: 24px;
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		color: #fff;
		z-index: 2;
		transition: all .2s;
	}
	[class^="vlp-btn-"]:hover {
		color: #000;
	}
	[class^="vlp-btn-"] .icon {
		display: block;
		width: 100%; /* added 2019 */
		height: 100%;
	}
	.vlp-btn-play,
	.vlp-btn-pause {
		display: block;
		position: absolute;
		top: 100%; left: 0;
		margin: 0 auto;
		margin: 12px 0 0 0;
		transform: translateY(10px);
		width: 2rem;
		height: 2rem;
		z-index: 1;
		transition: opacity .2s;
		color: #00a5a5;
		cursor: pointer;
	}
	.vlp-btn-pause {
		opacity: 0;
		z-index: 0;
	}
		.is-playing .vlp-btn-play  { opacity: 0; }
		.is-playing .vlp-btn-pause { opacity: 1; z-index: 2; }

	.vlp-btn-volup,
	.vlp-btn-voldn {
		top: 5px;
		opacity: 0;
		transition: opacity .2s ease-in;
		transition-delay: .5s;
	}
		.vlp-btn-voldn {
			left: 5px;
		}
		.vlp-btn-volup {
			right: 5px;
		}
	.vlp-time-cur,
	.vlp-time-tot {
		position: absolute;
		margin: 0;
		bottom: 7px;
		opacity: 0;
		color: #fff;
		font-size: .75em;
		transition: opacity .2s ease-in;
		transition-delay: .5s;
		z-index: 2;
	}
		.vlp-time-cur {
			left: 5px;
		}
		.vlp-time-tot {
			right: 5px;
		}

	/* 	!VLP: Seekbar */
	.vlp-seekbar {
	  -webkit-appearance: none;
	  width: 100%;
	  border-radius: 0;
	  padding: 0;
	}
	.vlp-seekbar:focus {
	  outline: none;
	  opacity: 1;
	}


	/* 	!VLP: Range thumb */
	.vlp-seekbar::-webkit-slider-thumb {
		-webkit-appearance: none;
		box-shadow: none;
		width: 6px;
		height: 6px;
		background: #00a5a5;
		border: 0;
		cursor: pointer;
	}
	.vlp-seekbar::-moz-range-thumb {
		box-shadow: none;
		border: 0;
		border-radius: 0;
		width: 6px;
		height: 6px;
		background: #00a5a5;
		cursor: pointer;
	}
	.vlp-seekbar::-ms-thumb {
		box-shadow: none;
		border: 0;
		border-radius: 0;
		width: 6px;
		height: 6px;
		background: #00a5a5;
		cursor: pointer;
	}

	/* !VLP: Range background */
	.vlp-seekbar::-webkit-slider-runnable-track {
		background: #eee;
	}
	.vlp-seekbar:focus::-webkit-slider-runnable-track {
/* 		background: #999; */
	}
	.vlp-seekbar::-moz-range-track {
		background: #eee;
		border: none;
		border-radius: 0;
		padding: 0;
		height: 6px;
		width: 100%;
		box-shadow: none;
		outline: none;
	}
	.vlp-seekbar:focus::-moz-range-track {
		outline: none;
	}
	.vlp-seekbar::-ms-track {
		background: #eee;
	}
	.vlp-seekbar::-ms-fill-lower {
		background: #2a6495;
	}
	.vlp-seekbar:focus::-ms-fill-lower {
		background: #3071a9;
	}
	.vlp-seekbar::-ms-fill-upper {
		background: #fff;
	}
	.vlp-seekbar:focus::-ms-fill-upper {
		background: #367ebd;
	}

	/* !VLP: Range progress */
	.vlp-seekbar::-webkit-slider-runnable-track {
		-webkit-appearance: none;
		appearance: normal;
		background: #00a5a5;
		border: none;
		height: 6px;
	}
	.vlp-seekbar::-moz-range-progress {
		appearance: normal;
		background: #00a5a5;
		border: none;
		height: 6px;
	}



/* !staffers */

.staffers {}
	.staffers + h2 { clear: both; }

	.staffers.stacked {
		display: flex;
		flex-wrap: wrap;
	}

.staffer {
	display: block;
	position: relative;
	box-sizing: border-box;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 1.5em 0;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
	.staffers.stacked .staffer {
		display: block;
		width: 15%;
		margin: 0.75em 2.5% 3em;
	}

		@media only screen and (max-width: 1380px) {
			.staffers.stacked .staffer {
				width: 20%;
			}
		}

		@media only screen and (max-width: 1060px) {
			.staffers.stacked .staffer {
				width: 28%;
			}
		}

		@media only screen and (max-width: 850px) {
			.staffers.stacked .staffer {
				width: 45%;
			}
		}

		@media only screen and (max-width: 600px) {
			.staffers.stacked .staffer {
				width: 95%;
			}
		}

	.staffer .staffer-image,
	.staffer > img {
		display: block;
		position: relative;
		float: left;
		width: 25%;
		height: auto;
		max-width: 300px;
		padding: 0;
		margin: 0 2rem 1.5em 0;
	}

		@media only screen and (max-width: 550px) {
			.staffer .staffer-image,
			.staffer > img {
				float: none;
				width: 100%;
				max-width: 100%;
				margin: 0 0 2rem;
			}
		}

		.staffer img {
			width: 100%;
		}

		.staffers.stacked .staffer-image,
		.staffers.stacked .staffer > .staffer img {
			float: none;

			width: 100%;
			margin: 0 0 1em 0;
		}

	.staffer .bio {
		display: block;
		position: relative;
		float: right;
		max-width: 700px;
		padding: 0;
		margin: 0;

		flex-grow: 1;
	}

		.staffers.stacked .staffer .bio {
			float: none;
		}

		.staffer .bio h2:first-child,
		.staffer .bio h3:first-child,
		.staffer .bio h4:first-child {
			margin-top: 0.15em;
		}


/* ! Documents */
.category-navigation {
	padding-left: 0;
	margin: 0 0 2rem 0;
	list-style: none;

	columns: 3 200px;
	column-gap: 2rem;
}
	.category-navigation.center {
		display: flex;
		justify-content: center;
	}
		h1 + .category-navigation.center {
			column-gap: 1rem;
			margin-top: -2em;
			margin-bottom: 4em;
		}
		h1 + .category-navigation.center a {
			text-decoration: underline;
		}
	.category-navigation:not(.index) {
		display: flex;
		justify-content: flex-start; /* 2025 Jan 10 - This overwrites class .center and left aligns .category-navigation since H1s are left aligned now. */
	}
.document-listing .top {
	text-align: right;
}

/* !Documents: Toggle Board and Media */
.document-listing .toggle {
	cursor: pointer;
	margin-bottom: .25em;
}
	.document-listing .folder-contents {
		margin: 0 0 0.5em 1.5em;
		padding: 0;
		list-style: none;
	}
	.document-listing .folder-contents .toggle {
		clear: both;
/* 		margin-top: .25em; */
	}
	.document-listing .toggle i.icon {
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		transform-origin: center center;
		transition: all .2s;
	}
	.document-listing .toggle:hover i.icon {
		color: #00a5a5;
	}
	.document-listing .toggle.open i.icon {
		transform: rotate(90deg);
		color: #00a5a5;
	}
	.document-listing .folder-contents i.icon {
		width: 16px;
		height: 16px;
	}
	.document-listing .document {
		margin-left: .25em;
	}
	.document-listing .document-description {
		margin: .5em 1.25em;
	}
	.js .document-listing .folder-contents,
	.js .document-listing .document-description {
	/* hide when JS is enabled */
		display: none;
	}

/* !Documents: Studies & reports */
.document-listing .document-category {
	margin: 0 0 0 0;
	padding-left: 0;
	list-style: none;
}
	.document-listing .document-category li {
		margin-bottom: 0.25em;
	}

		document-listing .document-category li > :last-child {
			margin-bottom: 2em;
		}

.document-listing .category-title {
	margin-top: 1em;
	margin-bottom: 0.25em;
}


/* !Documents: Corporate Memebrs  */
.document-row {
	position: relative;
	border-bottom: 1px solid #eee;
	margin-bottom: 1em;

	padding: .5em 0 .5em 0;
	overflow: hidden;
	clear: both;
}
.document-row:last-child {
	border-bottom: none;
}
.document-row > :last-child {
	margin-bottom: 0;
}
	.document-title {
		margin-top: 0;
		margin-bottom: 0;
	}
	.document-title a {

	}
	.document-row p {
		max-width: 800px;
		margin-right: 20%;
	}
	.document-media {
		width: 18%;
		float: right;
		margin-top: -1.5em;
	}
		.document-media a {
			display: block;
		}
		.document-media img {
			display: block;
			max-width: 100px;
			width: 100%;
			height: auto;
			margin: 0 auto;
			transition: transform 1s, opacity .2s;
		}
		.document-media img:hover {
			opacity: .75;
		}


/* Anchor links' height compensation due to Sticky Header [Documents & Faq type modules] */
.faq-navigation:target,
.question-title:target,
.category-title:target,
.category-navigation:target {
	animation: target-highlight 1s ease-in-out;
	margin-top: -99px;
	padding-top: calc(99px + 1em);
}
	@keyframes target-highlight {
		from, to { color: inherit; }
		50% { color: skyblue; }
	}



/* !Ads */
.ads-list {

}
.ads-row {
	margin: 2em 0;
	text-align: center;
}
.ads-row .ad-item {
	display: block;
	width: 48%;
	float: left;
}
.ad-item {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}
.ads-row .ad-item:nth-child(2n) {
	margin-left: 4%;
}
.ad-link {
	display: block;
}
.ad-img {
	display: block;
	transition: transform .2s linear;
	width: 100%;
	height: auto;
}
.ad-item:hover .ad-img {
	transform: scale(1.1);
	transition: transform 2s linear;
}



/* !Search Results */
.search-results {
	margin-bottom: 2em;
}
	.search-results .more {
		text-align: right;
	}
.search-result {
	padding: .5em 0 .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid #ddd;
	overflow: hidden; /* clear search-media floats */
}
	.search-media {
	    float: right;
	    margin: 0 0 1em 1em;
	}
	.search-media img {
		display: block;
		max-width: 100px;
		width: 100%;
		height: auto;
		margin: 0;
	}
.search-result p {
	margin-bottom: .5em;
}