/* !LAYOUT */

.container {
	clear: both;
	max-width: calc(1340px + 2rem);
	margin: 0 auto;
	position: relative;
	padding: 0 1rem;
	
/* 	background-color: hsla(50, 50%, 50%, .5); */
} 


.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
	.members .full-width { width: auto; left: auto; right: auto; margin: auto; }




.site-header + * {
	padding-top: 320px; /* height of .site-header */
	transition: padding .2s;
}

main {
	padding-bottom: 2em;
	background-image: url(../../img/ornament-1.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.home main {
	padding-bottom: 0;
}
.members main {
	background: #999;
	background: linear-gradient(to right, #999 25%, #fff 25%);
	padding-bottom: 0;
}
.members main > .container {
	background: linear-gradient(to right, #999 25%, #fff 25%);
}

	aside.sidebar {
		float: left;
		width: 25%;
		width: calc(25% - 1rem);
		margin: 2em 5% 2em 0;
		position: relative;
		z-index: 1;
	}
	div.primary {
		float: left;
		width: 70%;
		margin: 0;
		padding-bottom: 2rem;
		background: #fff;
	}

/* Specific Layouts and Decorations */
.home.index main,
.news-index main {
/* 	background: url(../../img/ornament-1.svg) no-repeat center bottom transparent; */
/* 	background-size: cover; */
}
.news.index main {
	padding-bottom: 0;
}

.new-music-releases.index main {
	padding-bottom: 0;
}
.new-music-releases.index main > .container {
	max-width: 1740px;
}

.songoftheweek main {
	background-image: none;
}
.songoftheweek .discography {
/* 	background-color: #073134; */
/* 	padding: 2rem 0; */
}

.videos-index > .container {
	max-width: 1740px;
}

.directory.view.industry main {
/* 	background: url(../../img/ornament-2.svg) no-repeat center bottom transparent; */
/* 	background-size: 100% auto; */
}
.directory.view.artist main {
/* 	background: url(../../img/ornament-3.svg) no-repeat center bottom transparent; */
/* 	background-size: 100% auto; */
}

.livemusic.display main {
	background: url(../../img/ornament-4.svg) no-repeat center top transparent;
	background-size: 100% auto;
}


body:not(.members).dark {
	background-color: #191919;
	color: #fff;
}
:not(.members).dark main {
	background-image: none;
}

/* SECTIONS */
section {
	padding: 0;
}
	.section-head {
		text-align: center;
		margin: 2rem 0 1rem 0;
	}
	.section-head-title {
		margin: 0 0 1rem 0;
		font-size: 2.5rem;
	}
	.section-head-subtitle {
		
	}



/* !Social Icons */
.social {
	display: block;
	list-style: none;
	margin: .75em 0;
	padding: 0;
	text-align: center;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
	.social > li {
		display: inline-block;
	}
	.social > li > a {
		display: inline-block;
/* 		width: 28px; */
/* 		height: 28px; */
		padding: 0;
		margin: 0;
		border: 0px solid transparent;
		border-radius: 100%;
		vertical-align: middle;
	}
	.social > li > a:hover {
		color: #00a5a5;
	}
	

/* !HEADER */
.site-header {
	position: relative;
	padding: 10px 2rem;
	z-index: 101;
	
	
	position: absolute;
	left: 0;
	right: 0;
/* 	background-color: #fff; */
}
:not(.members).dark .site-header {
	background-color: transparent;
}
.members .site-header {
	background-color: #fff;
}
	.header-container {
		max-width: none;
	}

	.site-logo-link {
		display: block;
		text-decoration: none;
		margin: 20px auto;
		transition: opacity .2s ease-in;
		max-width: 400px;
		
		display: flex;
		justify-content: center;
	}
	.site-logo-link:hover {
		opacity: .8;
	}
	.site-logo-img {
		display: block;
		width: auto;
		height: 100px;
	}
/*
	.site-logo-img-artwork {
		display: block;
		width: auto;
		max-height: 100%;
	}
	.site-logo-img-wordmark {
		display: block;
		max-height: 100%;
		padding: 5% 0 5% .75rem;
		flex-grow: 1;
		
		object-fit: contain;
		object-position: left;
	}
*/

	.site-logo-title {
		display: block;
		text-transform: uppercase;

		/* visuallyhidden */
		border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
	}


	/* !Sticky Header */
	.sticky-logo-link {
		display: none;
	}
	     .nav-on .sticky-logo-link,
	.sticky-mode .sticky-logo-link {
		display: block;
		width: auto;
		height: 50px;
		margin: 0 2rem 0 0;
		margin-right: 2%;
		min-width: 130px;
	}
	     .nav-on .sticky-logo-link img,
	.sticky-mode .sticky-logo-link img {
		height: 100%;
		width: auto;
	}



	/* !Login Nav */
	.top-nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 1rem 0;
		font-size: 20px;
	}
	.top-nav ul {
		margin: 0;
		min-height: 28px;
	}
	.top-nav li,
	.tools-list li {
		display: inline-block;
	}
	.top-nav li + li,
	.tools-list li + li {
		margin-left: 1.08rem;
	}
	.top-nav li.fb,
	.top-nav li.fb + li {
		margin-left: .75rem; /* a little less spacing between FB and next icon */
	}
	.top-nav a,
	.tools-list a {
		display: block;
		
		/* increase tap area of button witout changing it's size: */
		padding: .5rem;
		margin: -.5rem;
		
		color: #000;
		line-height: 1;
		transition: all .3s;
	}
		:not(.members).dark .top-nav a,
		:not(.members).dark .tools-list a {
			color: #fff;
		}
	.top-nav a:hover,
	.tools-list a:hover {
		color: #00a5a5;
	}
	.top-nav .icon,
	.tools-list .icon {
		display: inline-block;
		vertical-align: middle;
		width: 22px;
		height: 22px;
		fill: #808080;
	}
	.tools-list .tool-label {
		display: none;
	}
	
		.tools-list {
			list-style: none;
			margin: 0;
			margin-top: .9rem;
			padding: 0;
			display: flex;
			align-items: center;
		}
		
		.sticky .tools-list a {
			color: #fff;
		}
		.sticky .tools-list a:hover {
			color: #00a5a5;
		}
		
		.sticky .tools-list li:not(.search):not(.player):not(.tools-menu) {
			display: none;
		}
		
		.tools-list .register,
		.tools-list .login { order: 1; }
		

	/* ! Mian Nav */
	.main-nav.sticky {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: 20px 1rem;
		background-color: #1c1c1c;
		color: #fff;
		z-index: 102;
		
		display: flex;
		align-items: flex-start;
	}
		.main-nav.sticky .container {
			/* .nav-wrap */
			padding: 0;
			margin: 0 auto;
			max-width: 1000px;
			width: 100%;
		}
		.main-nav.sticky .nav_1 > li > a {
			color: #fff;
			padding: 1rem .75rem;
			font-size: 80%;
		}

	.main-nav {
		font-size: 20px;
		margin: 60px 0 20px;
		width: 100%;

		transition: all .2s;
	}
		.main-nav a {
			text-decoration: none;
			transition: color .2s;
			color: #000;
		}
		
		.main-nav .nav_1 {
			display: block;
			padding: 0;
			margin: 0 auto;
			
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			flex: 1 0 auto;
			justify-content: center;
			transition: all .2s;
		}
		.main-nav .nav_1 > li {
			display: block;
			width: auto;
			flex-grow: 1;
		}
		.main-nav .nav_1 > li > a {
			position: relative;
			display: block;
			padding: .5rem 1.75rem;
			padding: .5rem .5rem;
			
			text-align: center;
			font-weight: 700;
		}
		.main-nav .nav_1 > li:hover > a,
		.main-nav .nav_1 > li.at    > a {
			color: #00a5a5;
		}
		
		:not(.members).dark .main-nav .nav_1 > li > a {
			color: #fff;
		}


		/* level-2 */
		.main-nav .nav_2 {
			display: none;
			list-style: none;
			width: 300px;
			padding: 1rem 0 .5rem;
			margin: 0;
			background-color: rgba(248, 248, 248, .96);
			z-index: 1;
		}
			.main-nav .nav_1 > li:hover > .nav_2 {
				display: block;
				position: absolute;
			}
				.main-nav .nav_1 > li:last-child:hover > .nav_2 { right: 0; }

			.main-nav .nav_2 > li {
				display: block;
				margin-bottom: .25em;
			}
			.main-nav .nav_2 > li > a {
				display: block;
				padding: .5rem 1.5rem;
				font-weight: normal;
			}
			.main-nav .nav_2 > li:hover > a,
			.main-nav .nav_2 > li.at    > a {
				color: #00a5a5;
			}

			#nav_li_item_31,
			#nav_li_item_137 {
				display: none;
			}



	/* !Member Nav */
	.member-nav.sticky  {
		position: fixed;
		top: 80px;
		left: auto;
		margin: 0;
		z-index: 102;
		max-width: 220px;
		width: 100%;
	}


	.member-nav {
		clear: both;
		margin: 0 0 2em 0;
		padding: 1em 1em 1em 0;
		font: 600 13px/1.1 "proxima-nova", sans-serif;
		text-transform: uppercase;
		text-align: left;
		letter-spacing: .1em;
		background: #999;
		color: #000;
		z-index: 0;
	}

	/* all links in this nav */
		.member-nav a {
			text-decoration: none;
			transition: color .2s;
			font: inherit;
		}
		.member-nav .nav_1 {
			width: 100%;
			margin: 0;
			padding: 0;
		}
			.member-nav .nav_1 > li {
				display: block;
				margin-bottom: 0.75em;

				margin-bottom: 0.25em;
				border-bottom: 1px solid #aaa;
			}

		.member-nav .nav_1 > li > a {
			position: relative;
			display: block;
			padding: .5em 0;
			height: 100%;
			color: #fff;
		}
		.member-nav .nav_1 > li       > a:hover,
		.member-nav .nav_1 > li.at    > a {
			color: #000;
		}


		/* Member nav level-2 */
		.member-nav .nav_2 {
			display: block;
			list-style: none;
			margin: 0 0 0 1em;
			padding: 0;
			z-index: 1;
		}
			.member-nav .nav_1 > li:hover > .nav_2 {
				display: block;
			}
			.member-nav .nav_2 > li {
				display: block;
				margin-bottom: .25em;
				border-top: 1px solid #aaa;
			}
			.member-nav .nav_2 > li > a {
				display: block;
				padding: .5em 0 .25em 0;
				color: #fff;
				text-align: left;
				font-size: 13px;
				text-transform: none;
			}
			.member-nav .nav_2 > li:hover > a,
			.member-nav .nav_2 > li.at    > a {
				color: #000;
			}



/* !TOOLS BAR */
/*
.tools-bar {
	box-shadow: 0px 14px 10px -8px rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
*/
.search-form {
	margin: 10px 0 10px;
	font-size: 0;
}
	.search-form .icon.search {
		fill: #000;
		width: 3%;
		height: 28px;
		display: inline-block;
		vertical-align: middle;
	}
	.search-form input[type="search"] {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		font-size: 24px;
		line-height: 1.2;
		border: none;
		background: none;
		-webkit-appearance: none;
		appearance: none;
		width: 82%;
		padding: 3px 0;
	}
	.search-form input[type="search"]:focus {
		outline: none;
	}
	.search-form input[type="submit"] {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
		min-width: 0;
	}

	.js .search-form {
		width: 100%;
		background: rgba(250,250,250,1);
		z-index: 100;
	}
	
	.mfp-bg {
		opacity: .9 !important;
	}
	.white-popup {
		position: relative;
		background: #fff;
		padding: 5px;
		width: auto;
		max-width: 1000px;
		margin: 0px auto;
	}
	.js .search-form .mfp-close {
		top: 5px;
		right: -40px;
		color: #fff;
	}
	



/* Share */
.share {
	line-height: 1.5;
	box-sizing: content-box;
}
time + .share {
	margin-left: 2em;
}
.discography-info .share {
	display: block;
	margin-bottom: 1em;
	margin-left: -0.25em;
}
	.share .stButton .chicklets {
		font-size: 0;
		vertical-align: text-bottom;
	}



/* FOOTER */

.site-footer {
	clear: both;
	padding: 2em 0 1em;
	background: #1c1c1c;
	color: #fff;
	font-size: 16px;
}
	.site-footer * {
		color: inherit;
	}
	.site-footer a {
		text-decoration: underline;
	}
	.site-footer a:hover {
		color: inherit;
		text-decoration: none;
	}
	.site-footer a:focus {
		color: #999;
	}
	
	.footer-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		max-width: 96%;
		
	}
		.footer-col {
			
		}
			.footer-col-1 {
				width: 32%;
				
				display: flex;
				flex-direction: column;
			}
			.footer-col-2 {
				width: 66%;
			}
		
		.flex {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
			.flex .postal {
				min-width: 200px;
				margin-right: auto;
			}
			.flex .communications {
				min-width: 250px;
				margin-right: auto;
			}

	.site-footer address {
		font-style: normal;
		margin-bottom: 1em;
	}

	.site-footer .social {
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 200px;
	}
	.site-footer .social > li {
		margin: 0 1rem .75rem 0;
	}
	.site-footer .social > li > a {
		color: #fff;
		background: transparent;
	}
	.site-footer .social > li > a:hover {
		color: #ccc;
	}
	.site-footer .social .icon {
		display: block;
		width: 2em;
		height: 2em;
	}


	.partners ul {
		list-style: none;
		margin-left: -.5rem;
		padding-left: 0;
		width: calc(100% + 1rem);
	}
		.partners ul > li {
			display: inline-block;
			vertical-align: middle;
			margin: 0 .5rem;
		}
		.partners ul > li + li {
			
		}
		.partners ul > li > a {
			display: block;
		}
		.partners ul > li > a:hover {
			opacity: .9;
		}
	
	.site-footer h3 {
		padding-bottom: .5rem;
		border-bottom: 2px solid #fff;
		margin-bottom: .5rem;
	}

	.site-footer .legal {
		margin-top: auto; /* auto; push to the end of flex parent */
	}
	.site-footer .legal a {
		display: block;
	}




/* !FORM Styles */
.contact-form .text {
	width: 300px;
}

/* !Filter Form (typically horizontal) */
.filter {
	display: flex;
}
	.filter > div {
		position: relative;
		display: inline-block;
		vertical-align: top;
		flex-grow: 1;
		padding-right: 1rem;
	}
		.filter > div > input,
		.filter > div > select {
			margin-bottom: .25em;
			width: 100%;
		}
		.filter > div > select {
			min-height: 40px;
		}
		.filter > .submit {
			flex-grow: 0;
			width: auto;
			margin-top: 20px;
			padding-right: 0;
		}
		.filter > div > label {
			/* hide label visually */
	/* 		border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; */
			min-height: 20px;
		}

		.filter > div > input[class^="dateformat"] {
			padding-right: 2em;
		}
		.filter > div > input[class^="dateformat"] + i,
		.filter > div > input[class^="dateformat"] + a {
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			right: 1.5rem;
			top: 1.5em;
			color: #808080;
			text-indent: -9999em;
		}
		.filter > div > input[class^="dateformat"] + i svg {
			width: 100%;
			height: 100%;
		}
		.filter > div > input[class^="dateformat"] + a {
			background: url("/img/icons/calendar.svg") 0 0 no-repeat transparent;
		}
		.filter .reset { display: none; }

/* industry filter */
.industry .filter {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.filter-events > .keyword {
	flex-grow: 2;
}

.filter-events > .filter-view {
	width: auto;
	flex-grow: 0;
}


/* !Login form */
.login-form > div {
	width: 40%;
	margin-right: 2%;
}




/* !Slick Slider default styles */
.slick-slider {
	position: relative;

	display: block;

	-moz-box-sizing: border-box;
		 box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;

	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.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.slick-hidden {
	display: none;
}


/* additional Slick Slider defaults
	(project specific) */
.slick-arrow {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	background: rgba(255,255,255,0);
	margin: .5rem 0;
	padding: 0;
	width: 1.5rem;
	height: 1.5rem;
	text-indent: -10em;
	overflow: hidden;
	border: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	color: #d6d2ce;
	transition: all .2s;
	cursor: pointer;
	opacity: 1;
}
.slick-arrow:hover {
	opacity: .8;
}
.slick-prev { left: 2rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%233e3e3e" 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>'); }
.slick-next { left: 4rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%233e3e3e" 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>'); }

:not(.members).dark .slick-prev { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" 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>'); }
:not(.members).dark .slick-next { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23fff" 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>'); }


.slick-disabled,
.slick-disabled:hover {
	opacity: .3;
}










/* !Messages */
	.message {
		position: relative;
		padding: .5rem 1rem .4rem;
		margin-bottom: 18px;
		color: #444;
		background-color: #eedc94;
		border-color: #eedc94 #eedc94 #e4c652;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
		border-width: 1px;
		border-style: solid;
		border-radius: 2px;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
	.message .close {
		text-decoration: none;
		margin-top: 1px;
		*margin-top: 0;
	}
	.message a {
		font-weight: bold;
		color: #444;
	}
	.message.danger p a,
	.message.error p a,
	.message.success p a,
	.message.info p a {
		color: #ffffff;
	}
	.message p {
	margin-bottom: 0;
	}


#flashMessage {
	margin: 1em 0 2em;
}
main .error:not(.button) {
	padding: .5em;
	background-color: #fdd;
	border-left: 4px solid #c30;
}
main .success:not(.button) {
	padding: .5em;
	background-color: #afa;
	background-color: #d1eed1;
	border-left: 4px solid #363;
}
main .warrning:not(.button) {
	padding: .5em;
	background-color: #fcf8e3;
	border-left: 4px solid #aa6708;
}
main .info:not(.button) {
	padding: .5em;
	background-color: #d9edf7;
	border-left: 4px solid #1b809e;
}
	main .error:not(.button)   *:last-child,
	main .success:not(.button) *:last-child,
	main .warning:not(.button) *:last-child,
	main .info:not(.button)    *:last-child {
		margin-bottom: 0;
	}

	.message.error a,
	.message.error a:hover {
		color: inherit;
		text-decoration: underline;
	}

.control-group {
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0 0 1em 0;1
}
.control-group .remove {
	float: right;
}

form .control-group {
	clear: both;
	margin: 1em -1em 1em -1em;
	padding: 1em 0 0;
	border-top: 1em solid #ddd;
	background: #fff;
}


/* !MEMBER EDITORS */


/* !Public Forms */

form.public {
	padding: 0;
	margin: 0;
}
	form.public .group {
		position: relative;
		padding: 1em;
		background-color: #f4f4f4;
		border: 1px solid #bfbfbf;
		margin: 1em 0;
	}
	form.public .group > :last-child {
		margin-bottom: 0;
	}


		form.public input,
		form.public select {
			display: inline-block;
		}
		form.public div.input.error .error-message {
			padding: 0.25em;
			margin-bottom: 0;
		}
		form.public .button-remove {
			position: absolute;
			top: 1em;
			right: 1em;
		}
		form.public .button-copy {
			float: right;
			margin-top: -.25em;
		}
		form.public .copy-row {
			color: #666;
			font-size: 1.2em;
			margin: .35em 0;
		}

		form.public .generated-group {
			position: relative;
			padding: 0 0 1em 0;
			margin-top: 0;
			margin-bottom: 1em;
			border-bottom: 2px dotted #999;
		}


/* MEMBER EDITORS */
table.edit {
	width: 100%;
	background: #eee;
}
	table.edit .button {
		min-width: 8em;
	}
	table.edit td {
		padding: 10px;
		color: #444;
		border-bottom: 1px solid #fff;
	}
	table.edit td span {
		color: #999;
	}


.prof-editor {
	background: #eee;
	background: #f4f4f4;
/* 	background: #ddd; */
	padding: 1em 1em 0 1em;
}
.prof-editor > :last-child {
		margin-bottom: 0;
}
.prof-editor input[type="text"],
.prof-editor input[type="password"],
.prof-editor input[type="email"],
.prof-editor textarea,
.prof-editor select {
	display: block;
	margin-bottom: 	.5em;
}
.prof-editor input[type="text"].inline,
.prof-editor input[type="password"].inline,
.prof-editor input[type="email"].inline,
.prof-editor textarea.inline,
.prof-editor select.inline {
	display: inline-block;
}
.prof-editor .group {
	position: relative;
	margin: 0.5em 0;
	padding: 1em 0;

	border-top: 1px solid #ddd;

	color: #999;
	font-size: 0.9em;
}
	.prof-editor .group .group {
		border: none;
		margin: 0.5em 0;
		padding: 0;
	}
	.prof-editor .group .group input[type="checkbox"],
	.prof-editor .group .group input[type="radio"] {
		vertical-align: middle;
		margin: .25em;
	}

.prof-editor div.upload {
	background-color: #eee;
	padding: 0.5em 1em;
	margin-bottom: 2rem;
}

.prof-editor div.upload img,
.prof-editor div.upload span {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ddd;
    color: #ccc;
    display: block;
    line-height: 2em;
    margin: 10px 0;
    text-align: center;
}
	.prof-editor input[type="file"] {
		background-color: transparent;
	}
	.prof-editor .x {
		display: inline-block;
		margin: .75em .5em;
		padding: .25em 0.6em;
		color: #c30;
		border: 1px solid #c30;
		font-size: 12px;
	}
		.prof-editor .group .x {
			position: absolute;
			top: 0;
			right: 0;
		}
	.prof-editor .copy {
		display: inline-block;
		font-size: 12px;
		line-height: 1.5;
		text-transform: uppercase;
		padding: .5em .5em .3em;
		margin: 0 0 2em;
		color: #666;
		border: 1px solid #666;
	}
	.prof-editor .x:hover,
	.prof-editor .copy:hover {
		color: #000;
		border-color: #000;
	}
	.prof-editor div.checkbox.error {
		padding: 1em;
		background-color: #faa;
		color: #633;
	}
		.prof-editor div.columns3 { columns: 3 200px;}
		.prof-editor div.columns2 div.checkbox { display: inline-block; clear: none; float: left; width: 48%; }
/* 		.prof-editor div.columns3 div.checkbox { display: inline-block; clear: none; float: left; width: 32%; } */
		.prof-editor div.columns4 div.checkbox { display: inline-block; clear: none; float: left; width: 23%; }
	

		.prof-editor div.columns2:after,
		.prof-editor div.columns3:after,
		.prof-editor div.columns4:after {
			content: '';
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

	.prof-editor div.checkbox input {
		display: inline-block;
	}
	.prof-editor div.checkbox label {
		display: inline;
		vertical-align: top;
		padding-left: .5em;
	}
		.prof-editor div.checkbox.error label {
			color: #633;
		}
	.primary-radio-option {
		font-style: normal;
		font-size: larger;
		line-height: 1;
		display: inline-block;
		vertical-align: top;
		cursor: default;
	}
		.prof-editor div.checkbox.with_primary {
			border-radius: 5px;
			padding: 6px 4px 0px 4px;
		}
		.prof-editor div.checkbox.yellow {
			background-color: rgba(255,255,0,0.3);
		}
		.prof-editor div.checkbox .primary-radio-option:before {
			content: "☆";
			opacity: 0.5;
		}
		.prof-editor div.checkbox.yellow .primary-radio-option:before {
			content: "★";
			opacity: 1;
			color: #FFAD03;
			text-shadow: 0 0 2px goldenrod;
		}
		.prof-editor div.checkbox .primary-radio-option input ,
		.prof-editor div.checkbox .primary-radio-option label {
			display: none;
		}

	.prof-editor .ui-sortable {
		position: relative;
	}
		.prof-editor .group.sort-item {
			position: relative;
			padding: 1em 0 1em 3em;
		}
			.prof-editor .group.sort-item.ui-sortable-helper {
				background-color: #ffd;
				margin: 0;
			}
			.prof-editor .group.sort-item .otherartist label {
				font-weight: normal;
				color: #999;
				margin: 0.75em 0;
			}
			.prof-editor .group.sort-item .x {
				float: right;

				/* revert */
				position: static;
				right: auto;
				top: auto;
			}
			.prof-editor .group.sort-item .handle {
				position: absolute;
				top: 0;
				left: 10px;
				font-size: 50px;
				color: #aaa;
				cursor: move;
			}
			.prof-editor .group.sort-item .handle:hover {
				color: #000;
			}


#admin_event_dates_and_times .group {
	padding: .25em 0;
}
#admin_event_dates_and_times select {
	vertical-align: middle;
	padding: .25em;
	padding: .05em;
	margin: .25em .25em;
	min-width: 0;
	width: 8.5%;
	background-position: 90% center;
}
#admin_event_dates_and_times select[id*="DateYear"] {
	margin-left: 0;
}
#admin_event_dates_and_times select + select {

}
#admin_event_dates_and_times .x {
	margin: .35em 0 .25em .5em;
	position: static;
	right: auto;
	top: 0;
}


/* Member area Tabs */
.prof-editor.tabbed {
	margin-top: 4em;
}
.prof-editor .tabs {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
	.prof-editor .tabs > li  {
		clear: left;
		display: block;
		margin-bottom: 1em;
		background: #f4f4f4;
	}
	.prof-editor .tabs > .tab {
		float: left;
		clear: none;
		margin-top: -3em;
		margin-right: 0.5em;
		border: 1px solid #eee;
		border-bottom: 0;
		
		font-size: inherit;
		letter-spacing: inherit;
	}
	.prof-editor .tabs > .tab a {
		display: block;
		padding: .325em 1em;
	}

	.prof-editor .tabs > li.off  {
		display: none;
	}
	.prof-editor .tabs > li.tab.off  {
		display: block;
		background: transparent;
	}
	.prof-editor .tabs >  li.tab.off a {

	}
	.prof-editor .tabs > li.tab.on a {
		color: #000;
	}
	.prof-editor .tabs > li.tab.error-message {
		background-color: #fcc;
		box-shadow: none;
		color: #900;
	}
	.prof-editor .tabs > li.tab.error-message a {
		color: #900;
	}
	.prof-editor .tabs > li.tab.error-message {
		background-color: #fcc;
		box-shadow: none;
		color: #900;
	}
	.prof-editor .tabs > li.tab.error-message a {
		color: #900;
	}


.notification-message {
	font-size: 2em;
	background: #fff6dd;
	border-top:  5px solid #c30;
	border-bottom: 5px solid #c30;
}
	.members.home .notification-message {
		border-bottom: none;
	}
	.notification-message .notification {
		padding: 10px;
		width: 960px;
		margin: 0 auto;
	}

/* Member code snippet */
.code-panel {
	clear:both;
	width: 100%;
	padding: 1%;
	margin: 1em 0;
	min-height: 22em;

	background: #eee;
	color: #333;

	white-space:pre;
	font-family: monospace;
	font-size: .85em;
}



/* Tutorial */
.tutorial-trigger {
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	line-height: 1.5;
	padding: .25em;
	margin-bottom: 1rem;
}
	.tutorial-trigger .icon {
		width: 1.5em;
		height: 1.5em;
		margin: -.25em .25em 0 0;
	}
	.tutorial-trigger.button-open {
		padding: 1em 1em .5em 1em;
	}
	

.tutorial-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	
	z-index: 1000;
	
	display: none;
}

	.tutorial-overlay.show {
		display: block;
	}
	
	
	.tutorial-panel {
		max-width: 1000px;
		width: 90%;
		margin: 4rem auto 0;
		padding: 0 0 4rem 0;
		background: #eee;
		
		border-radius: .5rem;
		overflow: hidden;
		box-shadow: 0 5px 20px 5px rgba(0,0,0,0.25);
	}
	.tutorial-panel .slick-arrow {
		position: absolute;
		top: auto;
		bottom: -3.5rem;
		left: auto;
		width: 2rem;
		height: 2rem;
	}
	.tutorial-panel .slick-prev {
		left: 1rem;
	}
	.tutorial-panel .slick-next {
		right: 1rem;
	}
	
		.tutorial-slider {
			background-color: #ccc;
		}
			.tutorial-slider .slick-list {
				overflow: visible;
				z-index: 101;
			}
			.tutorial-slide {
				background-color: #fff;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				overflow: visible;
			}
			
			/*last slide [Done] */
			.tutorial-slide.tutorial-slide-done {
				position: flex;
			}
			.tutorial-slide.tutorial-slide-done .icon-close {
				width: 2rem;
				height: 2rem;
				margin: -.25rem 0 0 .5rem;
			}
			.tutorial-slide.tutorial-slide-done .container {
				display: flex;
				flex-direction: column;
				justify-content: center;
				margin: 1rem;
				max-width: none;
			}
			.tutorial-slide.tutorial-slide-done .tutorial-trigger {
				display: flex;
				justify-content: center;
				align-items: center;
				
				position: absolute;
				margin: 0;
				padding: .75em;
				font-size: 100%;
				right: 0;
				bottom: -4rem;
				
				line-height: 1;
				
				background: #eee;
				color: currentColor;
				color: #00a5a5;
				opacity: 1;
			}
			
	.tutorial-panel .container {
		height: 400px;
/* 		max-width: 600px; */
		max-height: 500px;
		margin: 1rem auto 1rem 2rem;
		padding: 10px;
		
		display: flex;
		flex-direction: column;
		justify-content: center;

	}
		.tutorial-panel .container h3 {
			margin-top: 1rem;
			margin-bottom: 1rem;
		}
		
		.tutorial-panel .container .tutorial-body {
			overflow: auto;
			-ms-overflow-style: none;
		}
		.tutorial-panel iframe {
			max-height: 280px;
		}
	
	.done-icon {
		width: 40%;
		height: 40%;
		display: block;
		margin: 1rem auto 0;
		opacity: .75;
	}
		.done-icon .path {
			stroke-dasharray: 1000;
			stroke-dashoffset: 0;
		}
		.done-icon .check {
			stroke-dashoffset: -100;
		}
		.tutorial-slide-done.slick-current .done-icon  .check {
			animation: dash-check .8s .5s ease-in-out forwards;
		}

		@keyframes dash-check {
		  0% { stroke-dashoffset: -100; }
		  100% {stroke-dashoffset: 900; }
		}
		
		.done-msg {
			text-align: center;
			font-size: 150%;
/* 			color: #00a5a5; */
			margin: 3rem auto 1rem;
		}