/*===========================================================================*
	(c)2020 - visuallizard.com
*===========================================================================*/

body:before { right: -100px; position: fixed; font-size: 10px;  }
body.debug:before { right: 0; }

		.nav-toggle path { transition: transform 300ms; }
		.nav-toggle path:nth-child(1) { transform-origin: 15% 15%; }
		.nav-toggle path:nth-child(2) { transform-origin: 85% 15%; }
		.nav-toggle path:nth-child(3) { transform-origin: 50% 50%; transition: transform 100ms; }
		.nav-toggle path:nth-child(4) { transform-origin: 15% 85%; }
		.nav-toggle path:nth-child(5) { transform-origin: 85% 85%; }

.nav-on .nav-toggle path:nth-child(1) { transform: scale(1.2) rotate(45deg); }
.nav-on .nav-toggle path:nth-child(2) { transform: scale(1.2) rotate(-45deg); }
.nav-on .nav-toggle path:nth-child(3) { transform: scaleX(.2); }
.nav-on .nav-toggle path:nth-child(4) { transform: scale(1.2) rotate(-45deg); }
.nav-on .nav-toggle path:nth-child(5) { transform: scale(1.2) rotate(45deg); }


@media only screen and (min-width: 1300px) {
	body:before { content: 'extra-large'; }
/* 	.sticky-mode .site-logo-link { margin-left: 10px; } */
/* 	.members .site-logo-link { margin-left: -60px; } */

	.filter { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

	.cascade > li:nth-child(n+5) .video-title,
	.cascade > li:nth-child(n+5) .media-title { font-size: 24px; }
	.cascade > li:nth-child(n+5) .video-artist,
	.cascade > li:nth-child(n+5) .media-artist { font-size: 18px; }

	/* 	restrict videos to the half of the content area so thet it doesn't conflict with .news-photos */
/* 	.news-article .fluid-width-video-wrapper { max-width: 49%; } */
/* 	.news-article .iframe { max-width: 49%; } */
	.news-article .news-video .iframe { max-width: 100%; } /* remove restriction for main video in News Header */

}

@media only screen and (max-width: 1300px) {
	body:before { content: 'large'; }

	main img[style] {
		max-width: 100%;
/* 		width: 100% !important; */
		height: auto !important;
	}

	main .loading img[style] {
		width: auto !important;
	}

	.container { padding: 0 1rem; }
	.members main         > .container { padding: 0; }
	.members .site-header > .container {  }
	.container h1:first-child { margin-top: .5em; }

	.site-header { padding-top: 0; }

	.section-head, .breadcrumbs { box-shadow: none; margin: 0 -10px 10px; padding: .7em 10px .5em; }
		.primary .breadcrumbs { margin-right: 0; }
	.section-head-title { }
	.section-head-link { }


	.login-nav { }
	.login-nav li {  }
	.login-nav li a {  }


	.member-nav { padding-left: 1em; }

	/* !Featured slider */
	.feature-slider .slick-dots { bottom: 2px; padding: 0; }
	/* 	reduce the font-size of slider copy proprotional to viewport width with fallback */
	.slider-text { font-size: 14px; font-size: 3vw; }
	.slider-text b { font-size: 20px;  font-size: calc(1em + 10vw); }

	/* !News Home */
	.news-item-image { min-height: 0; height: 0; padding-top: 74%; }
	.news-item-title { font-size: 16px; }
/* 	.news-item-image > img { width: 100%; height: auto; } */

	/* !Live Events */
	.events-slider { padding: 1em 0; margin: 0; }
	.events-slider .slick-arrow { top: -20px; transform: none; width: 1.2em; height: 1.2em; }
	.events-slider .slick-prev { left: auto; right: 40px; }
	.events-slider .slick-next { right: 5px; }

	/* ! Discography */
	.discography-slider { padding: 0 0; margin: 0; }
	.discography-slider .slick-arrow { top: -20px; transform: none; width: 1.2em; height: 1.2em; }
	.discography-slider .slick-prev { left: auto; right: 40px; }
	.discography-slider .slick-next { right: 5px; }

/* 	.discography .disc-item { width: 24%; } */
	.disc-link { min-height: 0; padding: 5% 5% 1em; }
	.disc-item .more { bottom: .5em; }


	/* !Freemusic */
	.freemusic-figure { min-height: 200px; min-height: 40vw; }
	.freemusic-caption-title { font-size: 20px; font-size: 15vw; }
	.freemusic-caption-artist {  font-size: 14px; font-size: 2vw; }


	/* !Videos */
	.video-title { }


	/* !News */
	.news-gallery { margin: 0 2rem 1rem; }


	/* 	Download of the week */
	.downloads-archive { margin: 0 -10px; padding: 1em 10px; }
}



	/* Mobile MENU mode starts at this breakpoint: */
@media only screen and (max-width: 1000px) {
	body:before { content: 'medium'; }

	/* Show elements that are only for mobile */
	.mobile { display: block; visibility: visible; }

	.site-header + * { padding-top: 160px; /* height of .site-header  */}

	.site-header { padding: 0; border-bottom: 1px solid #eee; }
	.dark .site-header { border-color: #000; }
	.site-logo-img { max-height: 60px; }

	        .top-nav { position: relative; z-index: 1; }
	        .top-nav .tools-list { margin-left: auto; }
	        .top-nav .social .rs,
			.top-nav .social .em,
			.top-nav .social .mbm,
			.top-nav .social .amp,
			.top-nav .social .mfp { display: none; }

	.nav-on .top-nav .social .rs,
	.nav-on .top-nav .social .em,
	.nav-on .top-nav .social .mbm,
	.nav-on .top-nav .social .amp,
	.nav-on .top-nav .social .mfp { display: inline-block; }

	.nav-on .top-nav a,
	.nav-on .top-nav button { color: #fff; }

	.top-nav li + li,
	.tools-list li + li { margin-left: .75rem; }
	.top-nav li.fb,
	.top-nav li.fb + li {
		margin-left: .5rem; /* a little less spacing between FB and next icon */
	}

	.nav-on .top-nav { z-index: 103; }
	.nav-on .top-nav .social { display: block; position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 10px; background: #1c1c1c; }

	.sticky .tools-list { margin-left: auto; }
	.tools-list li:not(.search):not(.player):not(.tools-menu) { display: none; }

	.login-nav { display: none; }
	.nav-button  { display: inline-block; border: 0; background: none; appearance: none; margin: 0; padding: 0; line-height: normal; transition: all .2s ease-in;  -webkit-tap-highlight-color:rgba(0,0,0,0); transform-origin: center; }


	        .main-nav { position: fixed; top: 0; left: 0; height: auto; width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 10px 1rem; overflow: hidden; transition: all .2s ease-in; }
	 .sticky.main-nav { min-height: 70px; padding: 10px 1rem; }
	.nav-on .main-nav { min-height: 100vh; background-color: rgba(0,0,0,1); background-color: #1c1c1c; background-image: url(/img/ornament-dots-black.svg); }

	        .main-nav .nav-wrap { max-height: 0;      opacity: 0; position: relative; order: 1; width: auto; }
	.nav-on .main-nav .nav-wrap { max-height: 9999px; opacity: 1; position: absolute; left: 0; right: 0; top: 70px; /* - account for icons above */ bottom: 70px; /* - account for iOS Safari bottom bar overlay */ overflow: scroll; -webkit-overflow-scrolling: touch; width: 100%; }

			.main-nav a { color: #fff;  }
			.main-nav .nav_1 { width: 100%; height: auto; display: block; padding: 0; margin: 0; background: transparent; transition: all .2s ease-in; }
			.main-nav .nav_1 > li { display: flex; flex-wrap: wrap; }
			.main-nav .nav_1 > li > a, .main-nav.sticky .nav_1 > li > a,
			.main-nav .nav_1 > li:hover > a { font-size: 20px; padding: .5em 0; width: 100%; }
			.main-nav .nav_1 > li:hover > a:after { content: none; }
			.main-nav .nav_1 > li.at > a { color: #fff; }

			.main-nav .nav_2,
			.main-nav .nav_1 > li:hover > .nav_2 { display: block; position: static; left: 0; margin: 0 -1rem; padding: 0; border: none; width: calc(100% + 2rem); overflow: hidden; text-align: center; background-color: transparent; }
			.main-nav .nav_2 > li + li { border-top: .25px solid rgba(255,255,255,.1); margin-bottom: 0; }
			.main-nav .nav_2 > li > a { padding: .5em 1rem .45em; font-size: 16px; }

			.main-nav .nav_1 > li.register,
			.main-nav .nav_1 > li.login { width: 48%; margin: 0 1%; display: inline-block; }
			.main-nav .nav_1 > li.register a,
			.main-nav .nav_1 > li.login a { background: #000; color: #fff; }

	.mobile-nav-toggle { pointer-events: none; position: absolute; top: .75em; width: 32px; height: 32px; margin: 0; padding: 0; color: #fff; border: none; background: transparent; transition: all .2s; transform-origin: center; }

	.main-nav .toggle-on,
	.main-nav .toggle-off { transition: margin .1s ease-in-out; }
	.main-nav .toggle-on { margin-bottom: 1rem; }

	.main-nav .toggle-off > ul { max-height: 0; transition-timing-function: ease-in-out; transition-duration: .1s; }
	.main-nav .toggle-on  > ul { max-height: 999px; transition: max-height .3s ease-in-out; }
	.main-nav .toggle-on  .mobile-nav-toggle { transform: scaleY(-1); color: #00a5a5; }
	.main-nav .toggle-off .mobile-nav-toggle { transform: rotate(0deg); }

/* 	.main-nav .toggle-on { background-color: #181818; } */

/* 	.nav-on { overflow: hidden; max-height: 50vh; } */
/* 	.nav-on main { overflow: hidden; max-height: 50vh;  } */
/* 	.nav-on .site-footer { display: none; } */

	/* ! Member Area styles */
	aside.sidebar,
	div.primary { width: auto; float: none; margin: 0 0 2em 0; }

	.members main > .container { padding: 0 10px 10px; background: #fff; }

	.js                .member-nav { position: relative; padding: 0px; margin: 0 -10px; }
	.js                .member-nav .nav_1 { max-height: 100vh; display: block; top: 40px; left: -100%; position: absolute; width: 100%; height: auto; min-height: 100vh; padding: 10px 10px 10px 10px; margin: 0; overflow: hidden; text-align: left; -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in, opacity .4s ease-in; opacity: 0; background: #999; }
	.js .member-nav-on .member-nav .nav_1 { max-height: none;  display: block; top: 40px; -webkit-transform: translateX(100%); transform: translateX(100%); /* for scrolling nav, but not content: */ opacity: 1; }

	.member-nav .nav_2 > li > a { padding: .75em 0 .5em; }

	.member-nav-toggle { display: inline-block; border: 0; background: none; color: #000; appearance: none; vertical-align: top; width: 100%;/*  height: 40px; */ padding: 7px; transition: all .2s ease-in;  -webkit-tap-highlight-color:rgba(0,0,0,0);  overflow: hidden; transform-origin: center; text-align: left; }
	.member-nav-toggle .icon { width: 32px; height: 32px; display: inline-block; vertical-align: middle; }
	.member-nav-toggle .org-name { float: right; margin-top: .4em; font-weight: 300; }




	/* ! Search Form */
	.js            .search-form { transform: translateY(0) translateX(0); opacity: 0; width: 100%; max-width: calc(100vw - 12px); transition: all .2s ease-in; will-change: transform; /* turn on 3d accel. hack */;  padding: 5px 10px; margin: 0; background: #fff; z-index: 102; }
	.js .search-on .search-form { transform: translateY(0) translateX(0); opacity: 1; }
	.js            .search-form input[type="search"] { width: 90%; margin: auto; }
	.js            .search-form input[type="search"]::placeholder { line-height: normal; }
	.js            .search-form .icon.search { display: none; }
	.js            .search-form .button { display: none; }
	.js            .search-form .mfp-close { position: fixed; top: 100px; left: auto; right: auto; width: 100%; max-width: calc(100% - 2rem); font-size: 80px; opacity: 1; color: #777; }


	/* Feature	Slider */
	.feature-slider { margin-bottom: 0rem; padding-bottom: 0rem; }
	.feature-slider .slider-img { /* min-height: 200px; */ }
	.slider-item .container { position: relative; margin-top: 1.5rem; margin-bottom: .5rem; top: auto; left: auto; right: auto; bottom: auto; align-items: flex-start; justify-content: center; text-align: center; }
	.slider-text { font-size: 24px; line-height: 1.3; }
	.slider-text b { font-size: 20px; }
	.slick-arrow { bottom: auto; /* top: max( calc(400 / 1100 * 100vw + 160px - 60px), calc(160px + 200px - 40px) ); */ top: calc(650 / 1920 * 50vw + 160px - 1rem); }
	.slick-prev { left: 0rem; }
	.slick-next { left: auto; right: 0rem; }
	.feature-slider .slick-dots { left: 0; right: 0; bottom: auto; /* top: max( calc(400 / 1100 * 100vw + 160px), calc(160px + 200px + 10px) ); */ top: calc(650 / 1920 * 100vw + 160px + .75rem); margin: 0 auto; padding: 0; font-size: 10px; line-height: 1; }
	.feature-slider .slick-dots > li { line-height: 1; }
	.feature-slider .slick-dots > li > button { border-color: #ccc;  width: 5px; height: 5px; border-width: .6px; }

	/* Tutorial */
	.tutorial-panel {
		margin-top: 1rem;
	}
	.tutorial-panel .container {
		height: 400px;
		font-size: 80%;
	}

	/* !News Items */
	.news-items { margin-top: 0; }

	.news-item-image { max-width: none; }
	.news-item-desc,
	.news-item-more { display: none; }


	/* !!Events */
	.event-item,
	.event-item:nth-of-type(4n+1) { width: 48%; margin-left: 4%; }
	.event-item:nth-of-type(2n+1) { margin-left: 0; }

	/* !Calendar */
	.live-events .day { padding: .5em 1vw; margin: 0 0 1em 1%; width: 13.428%; }
	.live-events .day-month { font-size: 9px; }
	.live-events .day-date { font-size: 50px; }
	.live-events .day-zoom { font-size: 8px; }
	.live-events .day-zoom::before { content: none; display: none; }

	.live-events .day-title { font-size: 26px; }
	.live-events .day-event { margin: 0; }

	/* !Events: Display */
	.vevent.vevent-wide .profile-photo { width: 49%; }
	.vevent .event-info { width: 49%; }
	.vevent.vevent-wide .event-gallery { width: 49%; }

	.vevent.vevent-tall .profile-photo { width: 49%; }
	.vevent.vevent-tall .event-gallery { width: 49%; float: none; margin-left: 0; }

/* 	.vevent .event-info .aligned_h dt { width: auto; display: block; margin-bottom: 0; } */
/* 	.vevent .event-info .aligned_h dd { width: auto; display: block; margin-bottom: .5em; } */

	/* !Freemusic */
	.freemusic-caption-artist { font-size: 3vw; }
	.video-artist { font-size: 15px; }

	.loudspeaker-poster { margin-left: -1rem; margin-right: -1rem; width: auto; }
	.loudspeaker-poster img { min-height: 0; }

	/* ! Discography */
	.disc-title { font-size: 14px; }
	.disc-artists { font-size: 14px; }
	.disc-release { font-size: 12px; }

	.profile-discography .disc-item,
	.profile-discography .disc-item:nth-child(5n+1) { width: 33%; padding: 0 1rem; margin-left: 0; }
	.profile-discography .disc-item:nth-child(3n+1) { margin-left: -1rem; }


	/* !Items  */
	ul.items > li { margin: 0 0 2em 5%; width: 47.5%; }
	ul.items > li:nth-child(3n+1) { margin-left: 5%; clear: none; } /* reset */
	ul.items > li:nth-child(2n+1) { margin-left: 0; clear: left; } /* apply new */

	/* !Videos & Photos */
	.video-title {  }

	.cascade > li .video-title,
	.cascade > li .media-title { font-size: 20px; font-size: 1.8vw; }
	.cascade > li .video-artist,
	.cascade > li .media-artist { font-size: 15px; font-size: 1.5vw; }


	.video-info,
	.videos.watch .video-item { width: auto; float: none; margin: 0 2% 2em 0; }

	/* 	!News */
	.news-article .news-item { width: auto; }

	.news-gallery .slick-prev,
	.news-gallery .slick-next { height: 2rem; }


	/* 	PROFILE */
	.directory-profile > [class^="profile-"] { margin-bottom: 1rem; }

	.directory-profile > .profile-bio,
	.directory-profile > .profile-details { float: none; width: auto; margin-right: 0; }

	.directory-profile.industry .profile-header { width: 100%; margin-right: 0;}
	.directory-profile.industry .profile-photo { width: 100%; margin-left: 2rem; }

	.profile-audio .audio-row { margin-left: -.5rem; margin-right: -.5rem; }
	.profile-audio .audio-item { width: 50%; padding: 0 .5rem; margin-bottom: 1.5rem; }


	/* 	Song of the week */
	.loudspeaker-aside { margin-bottom: 6rem; /* for abs positioned controls below  */}
	.loudspeaker-aside .file-item { left: auto; top: 105%; width: 100%; max-width: none; display: flex; }
	.loudspeaker-aside .file-item .details { margin-left: 3.5rem; margin-top: .75rem; }
	.loudspeaker-aside .vlp-btn-play,
	.loudspeaker-aside .vlp-btn-pause { left: auto; top: 105%; width: 2rem; height: 2rem; }

	/* adjust Anchor links' height compensation due to Sticky Header [Documents & Faq type modules] */
	.faq-navigation:target,
	.question-title:target,
	.category-title:target,
	.category-navigation:target { margin-top: -15vh; padding-top: 15vh; }

	/* 	!Ads */
	.ads-row .ad { max-width: 48%; }

	/* 	!Footer */
	.footer-container { flex-direction: column; }
	.footer-col-1,
	.footer-col-2 { width: 100%; }
	.site-footer .social { max-width: none; }

	.fb_iframe_widget,
	.fb_iframe_widget > span[style],
	.fb_iframe_widget iframe[style] { width: 100% !important; }


	/* !Forms */
	.filter-events > div {  }
	.filter-events > .keyword  {  }
	.filter-events > .artist   {  }
	.filter-events > .location {  }
	.filter-events small { display: none; }

	div#dp-popup[style] {
		left: auto !important;
		margin-left: 0 !important;
		right: 10px;
	}
	div.dp-popup { width: 100%; max-width: 300px; margin: 0 auto; font-size: 16px; }
	div.dp-popup h2 {  margin: 5px 0; font-size: 16px; }
	div.dp-popup a { padding: 4px 10px; }
	table.jCalendar { border-color: #ccc; }
	table.jCalendar td { padding: 8px 8px; }



	/* !Public Editors */
	.prof-editor .tabs > .tab a { padding: .5em .25em; font-size: .85em; }
}


@media only screen and (max-width: 600px) {
	body:before { content: 'small'; }

	.article-header { margin-bottom: 1rem; }

	/* !Footer  */
	.site-footer .social .icon { width: 1.75em; height: 1.75em; }
	.partners ul > li img { max-height: 50px; }

	/* !News */
	.news-home .news-item:nth-child(4) ~ .news-item { display: none; }
	.newslist .more { text-align: center; }

	.news-item { width: auto; margin-left: auto; margin-right: auto; }
	.news-item:nth-of-type(2n+1) { margin-left: auto; margin-right: auto; clear: left; }


	/* 	Events */
	.events-items { margin-top: 2rem; }
	.event-item,
	.event-item:nth-of-type(4n+1) { width: 100%; margin-left: 0; }

	/* Events slider */
	.live-events .section-head-subtitle { margin-top: -.75rem;  text-align: center; }
	.live-events .section-head-subtitle b,
	.live-events .section-head-subtitle span { display: block; padding: .5rem 0; }
	.events-slider { margin-top: -2.5rem; }
	.events-slider .event-item { width: 100%; margin: 0; }
	.events-slider .event-item-image { margin-bottom: 0; }
	.events-slider .event-item-text { background: #fff; padding: 1rem 0 .25rem; }
	.events-slider .slick-prev { left: 0; right: auto; }


	/* !Calendar */
	.live-events .day {  }
	.live-events .day-month b { display: none; }
	.live-events .day-date { font-size: 30px; }
	.live-events .day-zoom { font-size: 6px; }

	/* !Events: Display */
	.vevent.vevent-tall,
	.vevent.vevent-wide { display: flex; flex-direction: column; }

	.vevent.vevent-tall .profile-photo,
	.vevent.vevent-wide .profile-photo { width: auto; float: none; margin-right: 0; }

	.vevent.vevent-tall .event-info,
	.vevent.vevent-wide .event-info,
	.vevent.vevent-tall .event-gallery,
	.vevent.vevent-wide .event-gallery { float: none; width: auto; margin: 0 0 1em 0; }

	.vevent .profile-photo { order: 1; }
	.vevent .event-gallery { order: 2; }
	.vevent .event-info { order: 3; }
	.vevent .profile-audio { order: 5; }
	.vevent .profile-videos { order: 4; }
	.vevent .location-map { order: 6; }

	/* ! Discography */
	.discography-slider .disc-item { width: 50%; margin: 0 0 1em; min-width: auto; float: none; }
	.discography-slider .disc-item:nth-child(4) ~ .disc-item { display: none; }

	.new-music-releases.index .disc-item { width: 50%; margin: 0 0 1em; min-width: auto; float: none; }

	.discography-archive-list-years { column-gap: 1.5em; columns: 50px 4; }


	.profile-discography .disc-item,
	.profile-discography .disc-item:nth-child(5n+1),
	.profile-discography .disc-item:nth-child(3n+1) { width: 50%; padding: 0 1rem; margin-left: 0; min-width: 150px; }
	.profile-discography .disc-item:nth-child(2n+1) { margin-left: -1rem; }


	ul.items > li { float: none; margin: 0 0 2em 0; width: auto; clear: both; font-size: 1em; }
	ul.items > li:nth-child(3n+1) { margin-left: 0; clear: left; } /* reset */
	ul.items > li img { min-width: 0; max-width: 98px;  /* reverce the constrains from min-width to max-width - unifying old and news thumb sizes. */}

	.cascade > li { float: none; margin: 0 0 2em 0; width: auto; clear: both; }


	.cascade > li .video-title,
	.cascade > li .media-title { font-size: 18px; }
	.cascade > li .video-artist,
	.cascade > li .media-artist { font-size: 16px; }

		.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: 0; }

		.cascade-photos > li { padding-top: 0; height: auto; overflow: hidden; }
		.cascade-photos .media-item { position: static; top: auto; height: auto; overflow: visible; }

	.discography-image,
	.discography-info,
	.video-info,
	.videos.watch .video-item { width: auto; float: none; margin: 0 0 2rem 0; }

	/* !Videos */
	.videos-row .video-item,
	.media-row .media-item { max-width: 48%; margin-left: 4%; }
	.videos-row .video-item:nth-of-type(3n+1) { margin-left: 4%; }
	.videos-row .video-item:nth-of-type(2n+1) { margin-left: 0; }
	.video-caption,
	.media-caption { line-height: normal; }

	/* !Video Slider */
	.videos-slider { display: block; padding: 0; }
	.videos-slider .video-item,
	.videos-slider .video-item:first-child,
	.videos-slider .video-item:nth-of-type(2n+1),
	.videos-slider .video-item:nth-of-type(3n+1) { max-width: none; width: 100%; margin: 0 1rem; }
	.videos-slider .video-caption { margin: .75rem auto 0; width: 90%; }
	.videos-slider .video-title { font-size: .75rem; }
	.videos-slider .video-artist { font-size: .5rem; }


	/* !News Page */
	.news-photos { float: none; width: auto; margin-left: 0; max-width: none; }

	/* !Ads */
/*
	.ads-row .ad + .ad { }
	.ads-row .ad:only-child { max-width: 100%; }
	.ads-row .ad-item { width: auto; float: none; }
*/


	/* 	!Search results */
	.search-result h3 { clear: none; }

	/* !Directory listing  */
/*
	.directory-item { width: 49%; }
	.directory-item:nth-child(2n+1) { clear: left; margin-left: 0; }
*/

	.directory-item-artists,
	.directory-item-artists:nth-child(5n+1) { clear: none; width: 49%; margin-left: 2%; }
	.directory-item:nth-child(2n+1) { margin-left: 0; clear: left; }

	.directory-item-industry { width: 100%; }


	/* !Profiles */
	.profile-details,
	.profile-bio,
	.profile-photos,
	.social-media-row .slot.half { width: auto; float: none; margin: 0; }

	.profile-header h1 { margin-right: 0; }
	.profile-header .share { position: static; right: auto; top: auto; }

	.directory-profile.industry .profile-photo { margin-left: 0; float: none; clear: both; }

	.directory-profile h2 { margin-top: 1em; }

	.profile-photos-list li { display: block; float: left; max-width: 48%; width: 48%; margin-left: 0; margin-bottom: 4%; }
	.profile-photos-list li:nth-of-type(2n) { margin-left: 4%; }
	@supports not (aspect-ratio: 1/1) {
		.profile-photos-list li { min-height: 180px; }
	}

	.discography > .item { max-width: 49%; width: 49%;  min-width: 0; }
	.discography > .item:nth-of-type(2n+1) { clear: left; margin-left: 0; }

/* 	.profile-audio .audio-row { margin-left: 0; margin-right: 0; } */
/* 	.profile-audio .audio-item { width: 100%; } */


	.vlp-btn-play,
	.vlp-btn-pause { width: 1.5rem; height: 1.5rem;  }


	/* !Listing tables */
	.listing .image { display: none; }
	.listing .summary { width: 40%; }
	.listing .venue { width: 40%; }
	.listing .actions { width: 20%; }
	.listing .actions .button { width: 100%; font-size: 9px; }


	/* ! Song of the Week */
	.loudspeaker-aside { float: none; width: auto; }
	.loudspeaker-body  { float: none; width: auto; }



	.pagination { text-align: center; }
	.pagination .pages > span { display: none; }
	.pagination .pages > .current,
	.pagination .pages > .current + span,
	.pagination .pages > .current + span + span { display: inline-block; }

	/* General styles */

	h1, h2, h3, h4, h5, h6 { clear: both; }
	h1, .h1 { font-size: 38px; }
	h2, .h2 { font-size: 30px; }
	h3, .h3 { font-size: 24px; margin-top: 1rem; }

	ul.dated time { width: 30%; }
	ul.dated p { width: 70%; }


	dl.aligned_h dt { width: 45%; }
	dl.aligned_h dd { width: calc(100% - 150px); margin: 0 0 .5em 0; }


	img.img_left,
	img.img_right,
	p img[style],
	p iframe {
		margin: 0 0 1em 0 !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}

	p.no-description {
		display: block;
		overflow: hidden;
		max-width: 300px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	/* !Forms */
	.filter { display: block;  }
	.filter > div { width: 100%; padding-right: 0; }
	.filter > div > input,
	.filter > div > select { width: 100%; }
	.filter > .submit { margin-top: 0; }
	.filter .button { display: inline-block; width: auto; }

	.filter-events > div:nth-child(2n+1) { margin-right: 0; }
	.filter-events > div.keyword,
	.filter-events > div.artist,
	.filter-events > div.location { width: 100%; margin-right: 0; }
		/* 	toggle  */
	.js .filter-events { max-height: 999px; transition: max-height .5s; overflow: hidden; margin-bottom: 0; }
	.js .filter-events.is-off { max-height: 0; }
	.js .filter-events-toggle { right: 90px; }

	.js .filter-events-toggle,
	.js .cal-toggle { top: 40%; max-width: 70px; }
	.js .search-criteria-text { color: #00a5a5; cursor: pointer; }

	/* 	move ads downt below to be able to see filter form toggling */
	.js .livemusic.index main > .container { display: flex; flex-direction: column; }
	.js .livemusic.index main > .container .ads-row { order: 1; }

	form.public .group { padding: .5em; }
	form.public .button-copy { display: block; float: none; margin: 0 auto 1em; }
	form.public .copy-row { font-size: 1em; }

	select { width: 100%; }

	.w5  { width: 20%; }
	.w10 { width: 20%; }
	.w15 { width: 30%; }
	.w20 { width: 40%; }
	.w25 { width: 49%; }
	.w30 { width: 49%; }
	.w35 { width: 49%; }
	.w40 { width: 80%; }
	.w45 { width: 100%; }
	.w50 { width: 100%; }
	.w55 { width: 100%; }
	.w60 { width: 100%; }
	.w65 { width: 100%; }
	.w70 { width: 100%; }
	.w75 { width: 100%; }
	.w80 { width: 100%; }
	.w85 { width: 100%; }
	.w90 { width: 100%; }
	.w95 { width: 100%; }
	.w100{ width: 100%; }



	/* Public Editors */
	.prof-editor.tabbed { margin: 1em 0; padding: 0; background: none; }
	.prof-editor .tabs > li.tab,
	.prof-editor .tabs > li.tab.off { display: none !important; }
	.prof-editor .tabs > li { display: block !important; border-bottom: 1em solid #fff; padding: 10px; }

	.prof-editor .tabs > li:before { content: attr(rel); display: block; margin: .5em 0 1em; font: normal 20px/1.1 "alternate-gothic-no-3-d",sans-serif; letter-spacing: 0.03em; }

	form .control-group { margin: 0; border: none; padding: 0; }
	form .control-group .button { margin-bottom: .5em; float: none; }
}

@media only screen and (max-width: 400px) {
/* 	body:before { content: 'extra-small'; } */

/* 	.top-nav .social { display: none; } */
	.top-nav .tools-list { margin-left: auto; }

	.site-logo-img-wordmark { width: 70%; margin-top: 2.5%; margin-left: .5%; float: left; }

	.document-row { padding: 1em; min-height: 0; }
	.document-row p { margin-right: 0; }
	.document-media { width: auto; float: none; margin-top: 0; }
	.document-media img {  width: auto; height: auto; margin: 1em auto; }


	/* !Events */
	.event-item,
	.event-item:nth-of-type(4n+1),
	.event-item:nth-of-type(2n+1) { width: 100%; margin-left: 0; }


	/* !News */
	.news-item { max-width: 100%; width: 100%;  min-width: 0; margin-left: 0; }
	.news-item-image { max-width: 100%; }


	/* !Profiles */
	.profile-details .web .home,
	.profile-details .web .other { margin-top: .25rem; }

	.profile-photos-list li { float: none; width: 100%; max-width: none; }
	.profile-photos-list li:nth-of-type(2n) { margin-left: 0; }

	.profile-audio .audio-text { font-size: 14px; margin-left: 1.75rem; }
/*
	.profile-audio .audio-row { margin-left: 0; margin-right: 0; }
	.profile-audio .audio-item { width: 100%; }
*/

	.file-item-icon { width: 32px; height: 32px; }
	.file-item-text { font-size: 14px; }

	.discography > .item { max-width: 100%; width: 100%;  min-width: 0; margin-left: 0; }

	.ads-row .ad-item,
	.ads-row .ad-item:nth-child(2n) { max-width: 100%; width: 100%;  min-width: 0; margin: 0 0 1em 0; float: none; }

	/* !Search Results */
	.search-media { float: none; margin-left: 0; width: auto; }

	/* 	Contat staffers */
	.staffer img[style] { margin-right: 0; max-width: 100% !important; width: 100% !important; }


	.listing thead { display: none; }

	.listing,
	.listing tbody,
	.listing .vevent,
	.listing .vevent td,
	.listing .vevent td.image { display: block; width: 100%; padding-left: 0; padding-right: 0; }

	/* add 1em between two stacked inputs, but not of first one is hidden */
	.public input:not([type="hidden"]) + input { margin-top: 1em; }

	.w5  { width: 100%; }
	.w10 { width: 100%; }
	.w15 { width: 100%; }
	.w20 { width: 100%; }
	.w25 { width: 100%; }
	.w30 { width: 100%; }
	.w35 { width: 100%; }
}