/*
Theme Name: MMD Responsive City 2.0
Theme URI: http://makemusicday.org
Author: Thadd Williams
Author URI: http://thaddwilliams.com/
Description: Custom theme for Make Music Alliance partner cities.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mmd-city2

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*Browser Sizing*/
@media (min-width: 641px) {
	body { padding-left: 60px }
	header .menu-toggle { display: none }
		nav#social { margin: 5px 15px 0 0; width: auto }
	main #content-frame { -ms-transform: translate(160px, 0); -moz-transform: translate(160px, 0); -webkit-transform: translate3d(160px, 0, 0); transform: translate(160px, 0) }
		.offcanvas ul li { }
			.offcanvas ul li a i { width: 60px }
	#map-canvas { height: 700px }
}

@media (max-width: 640px) {
	header #logo { display: none }
		nav#social { margin: 5px 15px 0 0; width: auto }
			nav#social ul#menu-socialmedia { line-height: 25px; max-width: 135px; overflow: hidden; margin-right: -12px; text-align: right }
				nav#social ul#menu-socialmedia li.btn { margin-right: 5px; margin-left: 0 }
			nav#social .nav_presents { display: none }
	main #content-frame { -ms-transform: translate(200px, 0); -moz-transform: translate(200px, 0); -webkit-transform: translate3d(200px, 0, 0); transform: translate(200px, 0) }
		.offcanvas ul li { font-size: 90% }
			.offcanvas ul li a i { width: 50px }
	section#page_header p br { display: none }
	section .cycle-slideshow, section .cycle-slideshow img, section img.wp-post-image { width: 100%; height: auto }
	section .post-thumbnail.alignright { float: none; margin: 0 }
	section .post-thumbnail img.wp-post-image, section img.wp-post-image { width: 100%; height: auto }
	section .gallery-item .gallery-item, section .gallery-item .gallery-icon img { width: 150px; height: 150px }
	section article.entry-excerpt figure.post-thumbnail img { width: 150px; height: 150px }
	#map-canvas { height: 400px }
}

@media (min-height: 900px) {
	section#page_header { margin: 10% auto 20% !important }
}

@media (min-height: 715px) and (max-height: 899px) {
	section#page_header { margin: 6% auto 20% !important }
}

@media (max-height: 714px) {
	section#page_header { margin: 3% auto 20% !important }
}

@media (min-height: 620px) {
	.offcanvas ul li a { line-height: 50px }
}

@media (max-height: 619px) {
	.offcanvas ul li a { line-height: 40px }
}

/*Styles*/
body { background: #f4f4f4; font-family: 'Roboto Condensed', sans-serif; font-size: 18px }
h1, h2, h3, h4, h5 { font-weight: 700 }
a, a:link, a:visited { text-decoration: none }
p { margin: 1em 0 }

.alignleft { float: left; margin: 0 1em 1em 0 }
.aligncenter { display: block; margin: 0 auto 1em auto }
.alignright { float: right; margin: 0 0 1em 1em }

form { max-width: 300px }

a.btn-primary { color: #f4f4f4 }
	.btn-success { background-color: #5f5f5f; border-color: #333 }
		.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-color: #333; border-color: #5f5f5f }
	.btn-info, a.btn-info, p a.btn-info { background-color: #ccc; color: #333; border: none }
		.btn-info:hover, a.btn-info:hover, p a.btn-info:hover { background-color: #333; color: #ccc }

/*a.btn i:before { padding-right: 5px }*/

.alert { max-width: 600px; font-size: 80% }

.wp-post-image-caption { text-align: center; font-size: 80%; margin: 5px 0 }

header { position: fixed; z-index: 9999; width: 100%; left: 0; top: 0; height: 60px; color: #f4f4f4 }
	header .menu-toggle { float: left; height: 60px; font-size: 180%; padding: 5px 11px; background-color: #f4f4f4; border-bottom: 1px solid #ccc; z-index: 999 }

	header #logo { float: left; height: 60px; width: 60px; text-align: center; white-space: nowrap; background-color: #f4f4f4; border-bottom: 1px solid #ccc }
		header #logo span.helper { display: inline-block; height: 100%; vertical-align: middle }
		header #logo img { max-height: 60px; max-width: 60px; vertical-align: middle }
	header h1 { float: left; margin: 0; font-weight: 400; text-transform: uppercase; height: 60px; border-left: 1px solid #ccc }
		header h1 a:link, header h1 a:hover, header h1 a:focus, header h1 a:visited { color: #f4f4f4; display: inline-block; line-height: 25px; font-size: 70%; padding: 5px 10px 0 5px }

	header nav { text-transform: uppercase }
		header nav a, header nav a:link, header nav a:visited, header nav a:focus { color: #f4f4f4 }
		header ul { display: inline-block; margin: 0; padding: 0; list-style-type: none }
			header ul li { display: inline-block }

	header nav#navbar { float: left; text-align: left; line-height: 60px }
		header nav#navbar ul li a { }
			header nav#navbar ul li a span { padding-left: 5px }

	header nav#social { float: right; text-align: center; text-transform: uppercase; line-height: 28px }
		header nav#social ul li a i { font-size: 22px; padding: 0 3px; cursor: pointer }
			header nav#social ul li a span { display: none }
		header nav#social ul li.btn { background: #f4f4f4; line-height: 1.5; font-size: 12px; margin: -5px 3px 0 2px; padding: 0 5px; font-weight: 700; border-radius: 5px; cursor: pointer }
		header nav#social div.nav_presents { font-size: 13px; line-height: 16px; margin-top: 5px }
			header nav#social a:hover { color: #f4f4f4; cursor: pointer }
				header nav#social div.nav_presents a img { padding-left: 3px; vertical-align: top }

main { position: relative; overflow: hidden; height: 100% }
	nav.offcanvas { position: fixed; left: 0; top: 60px; height: 100%; width: 300px; overflow: hidden; cursor: default; text-transform: uppercase; background: #f4f4f4; overflow-x: hidden; overflow-y: auto; -moz-transition: width ease-in-out 0.28s, background linear 0.1s; -webkit-transition: width ease-in-out 0.28s, background linear 0.1s; -o-transition: width ease-in-out 0.28s, background linear 0.1s; transition: width ease-in-out 0.28s, background linear 0.1s; -ms-transform: translate(0px, 0); -moz-transform: translate(0px, 0); -webkit-transform: translate3d(0px, 0, 0); transform: translate(0px, 0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
		.offcanvas.open { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); width: 300px }
		.scroll { position: absolute; overflow-y: scroll; width: 100%; height: 100% }
		.offcanvas ul { margin: 0; padding: 0; list-style: none; font-weight: 300 }
			.offcanvas ul li { display: block }
				.offcanvas ul li a { display: block; height: 100%; width: 100%; cursor: pointer; border-bottom: 1px solid #ccc; transition: 0.23s ease all }
					.offcanvas ul li a:hover, .offcanvas ul li a:focus, .offcanvas ul li.current-menu-item a, .offcanvas ul li.current-page-ancestor a { color: #f4f4f4 }
					.offcanvas ul li a i { font-size: 130%; text-align: center }

	main #content-frame { height: 100%; position: relative; padding: 0; border-left: 1px solid #ccc; background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; -ms-transition: -ms-transform 0.28s ease-in-out; -moz-transition: -moz-transform 0.28s ease-in-out; -webkit-transition: -webkit-transform 0.28s ease-in-out; transition: transform 0.28s ease-in-out }
	.cover-bg-img { background-size: cover; height: 125vh; width: 100vw; background-position: center center; z-index: -1; position: fixed; top: 0; background-attachment: fixed; left: 0; min-height: 1440px;}
	.cover-bg-video { background-size: cover; height: 125vh; width: 100vw; background-position: center center; z-index: -1; position: fixed; top: 0; background-attachment: fixed; left: 0; min-height: 1440px; display: flex;}
	.cover-bg-video video{object-fit: cover;}
	body.nav-collapsed #content-frame { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate(0, 0) }

	main #content-frame #content-bg { position: absolute; z-index: -1 }
	main #content-frame #content { height: 100%; overflow: hidden; position: relative; top: 60px }

	section { max-width: 100%; margin: 0; padding: 0.5em 1.5em; background: #f4f4f4; border-style: solid none none; border-width: 10px }
		section:first-of-type { margin-top: -10px }
		section nav.page_children { font-size: 80%; text-transform: uppercase; font-weight: 700; margin-bottom: 1em }
			section nav.page_children a { padding-right: 15px }
		section figure.post-thumbnail { margin-top: 1.5em }

		section ol, section ul { list-style-position: inside; -webkit-padding-start: 0 }
			section ol li, section ul li { }
				section ol li ol, section ul li ul, section ol li ul, section ul li ol { text-indent: 1em }

	section#page_header { width: 640px; min-height: 400px; background-color: rgba(245,245,245,0.93); border-top: none; padding: 1em 2em; font-size: 20px; text-align: center; transition: 0.28s ease all }
		section#page_header p { margin: 1em 0.5em }
		section#page_header ul { display: inline-block; margin: 0; padding: 0; list-style-type: none }
			section#page_header ul li { display: inline-block; max-width: 250px; height: 50px; margin: 0 0.5em 0.5em; padding: 0 15px; color: #f4f4f4; border-radius: 5px; font-size: 110%; text-transform: uppercase; text-align: left; cursor: pointer }
				section#page_header ul#page_header_nav li a, section#page_header ul#page_header_nav li a:link, section#page_header ul#page_header_nav li a:visited { display: block; line-height: 50px; color: #f4f4f4 }
					section#page_header ul#page_header_nav li:hover { color: #f4f4f4 }
					section#page_header ul#page_header_nav li a i.fa { margin-right: 10px }
			section#page_header div.sponsors.sp-major img { height: 65px }
			section#page_header div.sponsors.sp-minor img { height: 25px }

	div.sponsors { margin: 1em 0; text-align: center }
		div.sponsors a { display: inline-block; cursor: pointer }
			div.sponsors img { width: auto; margin: 5px }

	section[data-anchor="blog"] { }
		section[data-anchor="blog"] article { }
			section[data-anchor="blog"] article figure.post-thumbnail { margin-top: 0 !important }
				section[data-anchor="blog"] article figure.post-thumbnail img { border-width: 3px; border-style: solid }
			section[data-anchor="blog"] article h2 { margin: 0 }
			section[data-anchor="blog"] article h3 { margin: 0; text-transform: uppercase; font-size: 80% }
			section[data-anchor="blog"] article p a.read-more { display: block }
			section[data-anchor="blog"] article p.entry-tags { text-transform: uppercase; font-size: 80% }

	section .gallery { text-align: center }
		section .gallery .gallery-item { margin: 0.5em; max-width: 200px; display: inline-block; float: none }
			section .gallery-item .gallery-icon a { display: block }
			section .gallery-item .gallery-caption { display: none }
		section .gallery br { display: none !important }
	section .cycle-pager { text-align: center; width: 100%; height: 16px;  z-index: 500; position: absolute; bottom: 10px; overflow: hidden }
		.cycle-pager span { font-family: arial; font-size: 50px; line-height: 16px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; opacity: 0.5 }
			.cycle-pager span.cycle-pager-active { opacity: 1.0 }
		.cycle-pager > * { cursor: pointer }
	section[data-anchor="cities"] .gallery-item .gallery-icon a img, section[data-anchor="partners"] .gallery-item .gallery-icon a img { border: none !important }
	section .gallery.gallery-columns-4 { max-width: 1325px; margin: 0 auto }

	section[data-anchor="faq"] ul.arconix-faq-question-list { font-weight: 700; margin-bottom: 2em }
	section[data-anchor="faq"] p.faq-return-top a { font-size: 80%; text-align: right }

	footer { max-width: 100%; margin: 0 0 60px 0; padding: 0.5em 1.5em; min-height: 60px; background: #f4f4f4; font-size: 85%; text-align: center; color: #666; border-style: solid none none; border-width: 10px }
		footer nav { margin: 0.5em 0 }
			footer nav a { padding: 0 8px }
		footer nav.nav-socialmedia { font-size: 100% }
		footer p { text-align: center }
		footer div.sponsors.sp-major img { height: 28px }
		footer div.sponsors.sp-minor img { height: 18px }


/* MATCHMAKING TICKER STYLES */
.match-wrapper{width:100%;max-width:500px;overflow:hidden!important;margin:1em 0}
	.match-wrapper .tickercontainer {width: 100%;height:24px!important;margin:0;padding:0;overflow:hidden}
		.match-wrapper .tickercontainer .mask {position:relative;width:100%;height:100%;overflow:hidden}
			.match-wrapper ul {position:relative;line-height:24px!important;list-style-type:none;margin:0;padding:0}
				.match-wrapper ul li {float:left;margin:0 10px;padding:0}

/* SCHEDULE LISTINGS */
	nav.offcanvas li #schedule-search { width: 240px; margin-left: 60px }
		nav.offcanvas li #schedule-search form { max-width: 210px; margin: 0 auto }
	section[data-anchor="listings"] { }
		.loader { display: none; position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; font-size: 100px; line-height: 1; z-index: 2; }
		#schedule-map { }
			#schedule-map #map-canvas { min-height: 400px }
				#map-canvas #map-venue-listing { max-width: 300px }
					#map-canvas #map-venue-listing h3 { margin: 0 }
					#map-canvas #map-venue-listing p { margin: 0.5em 0 }
					#map-canvas #map-venue-listing table tr { height: 50px; vertical-align: middle }
						#map-canvas #map-venue-listing table td.p-times { width: 120px }
						#map-canvas #map-venue-listing table td.p-image { width: 75px; height: 50px; text-align: center }
							#map-canvas #map-venue-listing table td.p-image img { width: 50px; height: auto }
						#map-canvas #map-venue-listing table td.p-title { }
		#schedule-search { margin-top: 20px }
			#schedule-search form { max-width: 100% }
				#schedule-search form label { font-weight: normal }

	section[data-anchor="listings"] .table>thead>tr>th { border-bottom: 0; font-weight: 500 }
	section[data-anchor="listings"] .table>tbody { border-bottom: 1px solid #ddd }
	section[data-anchor="listings"] dt { font-weight: 500 }
		section[data-anchor="listings"] .tags { display: block; min-height: 20px; margin-bottom: 0.5em }
		section[data-anchor="listings"] .btn[disabled] { opacity: 1 !important; cursor: default !important }
			section[data-anchor="listings"] .btn[disabled]:hover, section[data-anchor="listings"] .btn[disabled]:focus { cursor: default !important }
		section[data-anchor="listings"] .location-icon { display: table-cell; color: #f15a22; font-size: 26px; line-height: 1; vertical-align: middle; text-align: center }
	section[data-anchor="listings"] .profile-image { float: left; margin: 25px 1em 5px 0; width: 250px; border-radius: 6px; overflow: hidden }
		section[data-anchor="listings"] .profile-image img { min-width: 250px; height: auto; max-width: 100% }
	section[data-anchor="listings"] p.profile-location { margin: 0.5em 0 }
	section[data-anchor="listings"] p.profile-excerpt { margin: 0.5em 0; font-size: 85%; line-height: 1.2 }
	section[data-anchor="listings"] .pull-left { margin-right: 1em }
	section[data-anchor="listings"] ul.performance-list { float: left; list-style-position: outside; -webkit-padding-start: 0; list-style-type: none }
		section[data-anchor="listings"] ul.performance-list li { margin-bottom: 1em }
	section[data-anchor="listings"] #pagination { margin-bottom: 0.5em }
img { max-width: 100%; height: auto; }
.gallery-size-medium { clear: both; }
@media print {
	header h1 { margin: 0 0 10px 10px; }
	.page_entry h1 { font-size: 18px; }
	.list-count.text-center { text-align: left; }
	#logo + h1 a[href]:after,
	.profile-location a[href]:after,
	.no-url-print[href]:after,
	.no-print-url[href]:after,
	footer a[href]:after { content: none !important; }
	#schedule-search,
	#social,
	#listings-map-artists-locations,
	/*#performances .tags,*/
	/*#location-list-container .tags,*/
	#location-list-container thead,
	#performances td.col-sm-1,
	#location-list-container td.col-sm-1,
	#artist-profile iframe,
	#artist-profile .fluid-width-video-wrapper,
	.poster-download,
	#navbar,
	.menu-toggle,
	footer .nav-navigation,
	footer .nav-socialmedia { display: none; }
	body { padding-left: 0; }
	header h1,
	main #content-frame { border-left: 0; }
	#performances td.col-sm-3 { width: 33.3333%; }
	#location-list-container td.col-sm-5 { width: 100%; float: left; display: block; }
	#location-list-container td.col-sm-6 { width: 100%; display: block; float: left; padding-left: 50px; border-top: 0; }
	.print-bold { font-weight: bold; }
	section[data-anchor="listings"] .tags { display: inline-block; margin-bottom: 0.25rem; margin-left: 5px; }
}

.sponsors_row{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-evenly;
}
.sponsors_row .sponsors_col{
	display: flex;
	align-items: center;
	justify-content: center;
}
.sponsors_row .sponsors_col img{
	display: block;
	height: auto !important;
}

@media screen and (max-width: 680px){
	.cover-bg-video{
		display: none;
	}
}