/*  
Theme Name: Mick Fleetwood
Author: Lineage Interactive
*/


/*=== Setup ===*/


*{border: 0;margin: 0;padding: 0; outline: none}
.sprite {background-image: url(images/sprite.png); background-repeat: no-repeat}
html{height: 100%}
body{background:#000 url(images/mf2020.jpg) no-repeat center top fixed; background-size: cover;color: #fff;font: 1em/1 "Lato", sans-serif; font-weight: 300; line-height: 1.4;position: relative}
body.page-template-template-landing {background: #000}
body.admin-bar {}
p{margin-bottom: 1em}
iframe{background: transparent; border: none}
a {color: #cb5acc;text-decoration: none; -moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
a:hover {color:#fff }
a:active, a:focus {outline: none}
.fade img{opacity: 0.85;-moz-transition:opacity 0.35s ease;-webkit-transition:opacity 0.35s ease;-ms-transition:opacity 0.35s ease;-o-transition:opacity 0.35s ease;transition:opacity 0.35s ease;}
.fade img:hover, .fade:hover img {opacity: 1}
.post img {}
input[type="text"],input[type="email"],select,textarea{font-size: 1em;font-family: "Lato"; font-weight: 300; font-style: normal;padding: 2px; margin-bottom: .5em; display: block; width: 98%}
input[type="submit"]{text-transform: uppercase; background: transparent; border: 2px #fff solid; color:#fff; cursor: pointer; -webkit-appearance: none; border-radius: 2px;font-size: 1em;font-family: "Lato"; font-weight: 700; font-style: normal; padding: 5px}
input[type="submit"]:hover {border-color: #cb5acc; color: #cb5acc;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-family: 'Titillium Web'; font-weight: 600; font-style: normal;text-transform: uppercase; line-height:1; margin-bottom: .5em;}
h1{font-size: 3em;  }
h2{font-size: 2em; }
h3 {font-size: 1.5em;  }
h4 {font-weight: normal}
h1 a, h2 a, h3 a {}
.more {background: #12c4de; color: #fff; text-transform: uppercase; border-radius: 2px; padding: 2px 5px; line-height: 1}
	.more:hover {background: #fa5d57; color:#fff}
.smaller {font-size: 50%}
.large {font-size: 150%}
.grayscale{
    filter: grayscale(1005); /* IE6-9 */
    -webkit-filter: grayscale(100%);
    }
/*=== Layout ===*/
#mobile-bg {display: none}
.centered{width: 86%; margin-left: auto; margin-right: auto; position: relative; max-width: 1280px}
#wrap {position: relative; transform: translate(0,0); transition: .5s ease}
#logo {position: fixed; width: 30%; height: auto; top: 1.25em; left: 51.5%;opacity: .8; transition: all .33s ease}
#logo:hover {opacity: 1}	

/*main nav*/
	#menu-toggle {position: fixed; z-index: 3; top: 20px; left: 20px; width: 30px; height: 23px}
		.bar {position: absolute; height: 3px; width: 30px; background: #fff; border-radius: 1px; transform: none; transition: transform .3s, color .3s, top .3s .3s; display: block}
			.bar.bar1 {top: 0}
			.bar.bar2 {top:10px; width: 25px; transition: opacity .3s .3s}
			.bar.bar3 {top: 20px}
			.menu-on .bar1, .menu-on .bar3 {top: 10px; transition: top .3s, transform .3s .3s}
			.menu-on .bar1 {transform: rotate(45deg)}
			.menu-on .bar2 {opacity: 0; transition: opacity .3s}
			.menu-on .bar3 {transform: rotate(-45deg)}
	#mainmenu {z-index: 2; position:fixed;top: 0; left: 0; bottom: 0; transform: translate(-100%,0); transition: .5s ease; font-size: 1em;font-family: 'Titillium Web'; font-weight: 300; font-style: normal; width: 300px; padding-top: 80px}
	.menu-on #mainmenu {transform: translate(0,0)}
	#mainmenu ul { text-align: center}
	#mainmenu li {text-transform:uppercase; text-align: center; line-height: 50px;margin-bottom: 3px; position: relative;}
		#mainmenu li a {display: block; color: rgba(255,255,255,0.85)}
		#mainmenu li a:hover, #mainmenu li.current-menu-item a, #mainmenu li.current-menu-parent a, #mainmenu li.current-page-ancestor a{color: #fff}
		#mainmenu li ul {position: absolute; top: -999em; left: 17px; z-index: 4;}	
			#mainmenu li.hover ul{top: 47px;}
				#mainmenu li li {font-size: 14px;line-height:20px; text-transform: uppercase; margin: 0 10px 0 0; padding:0; border: none;}
					#mainmenu li li	a, #mainme#nu li.hover li a, #mainmenu li.current-menu-parent li a {padding: 0;border: none}
						
					#mainmenu li li	a:hover, #mainmenu li li.current-menu-item a, #mainmenu li.current-menu-parent li.current-menu-item a {}	

		#mainmenu li.home {background: #000}
		#mainmenu li.news {background: #d9c786}
		#mainmenu li.tour {background: #1b2329}
		#mainmenu li.photos {background: #3099a5}
		#mainmenu li.videos {background: #bbdc59}
		#mainmenu li.art {background: #cb5acc}
		#mainmenu li.music {background: #7fcbf0}
		#mainmenu li.eat {background: #e9aa63}
			
	#mainmenu li.social {text-indent: -999em;background: rgba(0,0,0,0.75);padding: 13px 0;}
		#mainmenu li.social a {height: 24px; margin: 0 auto; display: block; background-image: url(images/sprite.png); background-repeat: no-repeat}
		#mainmenu .facebook a{background-position: 0px 0px; width: 12px}
		#mainmenu .twitter a{background-position:-13px 0px; width: 25px }
		#mainmenu .instagram a{background-position: -38px 0px; width: 21px}
		#mainmenu .youtube a {background-position: -59px 0px; width: 50px}

/*=== Main column ===*/
#content{	clear:both; position:relative; z-index:1; padding-top: 20vw}


/*videos*/
#thevideo {}
#video-wrap {width: 60%; float: left}
	#video-wrap iframe {width: 100%; display: block;}
#video-meta {float: right; width: 38%}
.featured-video-header {color: #fff; line-height: 1}
.video-thumb-wrap {position: relative; z-index:1; margin-bottom: .5em}
.play {opacity: 0; background: url(images/play.png) no-repeat center center; z-index: 2; position: absolute; top:0; left:0}
.play:hover {opacity: 1}
.video-title {color: #12c4de; font-style: italic; font-size: 1.5em}
#more-videos {font-size: 4.5em; padding: .25em 2.5em .25em .5em; display: inline-block; margin: 0 auto .5em;color: #fff; letter-spacing: -.05em;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
	filter: invert(100%);
	-webkit-filter: invert(100%)}

/*category*/
#main {width: 59%; float: left; }
	.black-box {background: rgba(0,0,0,0.75); border-radius: 0 2px 2px 2px; padding: 2.5%}
#main.home, #main.category {float: right; width: 54%;}
.page-title {font-weight: normal; color: #fff; font-size: 4em; line-height: 1; margin-bottom: -0.15em; margin-left: -3px;}


.article-title {font-size: 1.5em}

.archive-article {}
.archive-article .share {opacity: 0; visibility: hidden}
.archive-article:hover .share {visibility: visible; opacity: 1}
.archive-thumb-wrap {position: relative}
.archive-thumb-wrap.alignleft {margin-right: 10px}
.archive-thumb-wrap.alignright {margin-left: 10px}
.archive-thumb-wrap.aligncenter {margin: 0 auto .5em}
	.archive-thumb-wrap.aligncenter img {margin: 0 auto}

	.archive-thumb-wrap .play {opacity: 0.75}
	.archive-thumb-wrap .play:hover {opacity: 1}
	.archive-thumb {}
.read-more {font: 18px 'Lato'; background: #434343; color: #fff;}
.read-more:hover {background: #666; color: #fff}

/*=== Single Post ===*/
.post-title {color: #fff}
.post-excerpt {font-style: italic;}
.post-content, .post {color:#fff}
.post-content p, .post-content ul, .post-content ol {margin-bottom: 15px}
.post-content ol {margin-left:20px}
.post-content ul{margin-left: 12px}
.post-content p a, .post-content li a {font-weight: bold}
.post-content ul li ul, .post-content ol li ol{margin-bottom:0px;}
.post-content ul li {list-style:disc outside;margin: 7px;}
.post-content ul li ul li {list-style:disc outside;}
.post-content ol li {list-style:decimal outside }
.post-content ol li ol li {list-style:decimal-leading-zero outside}
.post-content h1, .post-content h2, .post-content h3, .post-content h4 {}
blockquote {font-style: italic; font-size: 125%; margin-bottom: 15px; position: relative}
blockquote:before {content: "\201C"; display: inline-block; font-size: 250%; line-height: 50%; position: relative; margin:0 5px -12px 0}
blockquote:after {content: "\201D"; display: inline-block;font-size: 250%; line-height: 50%; position: relative;margin:0 0 -12px 5px }
blockquote p {display: inline}
.wp-caption, .wp-caption.aligncenter {}
		.wp-caption img {display: block}
		.wp-caption-text {font-size: 80%; color: #999; padding: 5px 0; text-align: center}
		.wp-caption.alignright {margin-left:15px}
		.wp-caption.alignleft {margin-right: 15px}

.postmeta{}
.sociable {}
.sociable_tagline {display:none}	
.sociable li {float: left}
.author-bio {background: #F7F3E8}
	.author-description {}



/*related posts*/
.related_post {width: 31.3%; margin-right: 3% }
.related_post img {display: block;height: auto;}
.related_post.last {margin-right: 0}
.related-posts-header {}



/*grid/galleries*/
.grid {margin-left: auto; margin-right: auto}
.grid-item{width:300px; margin:10px;  z-index: 1; -webkit-perspective: 1000; position: relative}
.grid-item.expanded{width:620px; z-index: 1; -webkit-perspective: 1000; position: relative;}
	.grid-item-inner {}
	
		
	.grid-item img {cursor: pointer; line-height:1}
	.grid-item .overlay {position: absolute; bottom: 0px; left:0px;background:rgba(0,0,0, 0.85); visibility: hidden; opacity: 0}
	.grid-item.expanded .overlay {visibility: visible; opacity: 1}
		.overlay-share, .grid-item:hover .overlay-share {visibility: hidden}
		.grid-item.expanded .overlay-share, .grid-item.expanded:hover .overlay-share {visibility: visible}
	.overlay-trim {overflow: hidden; position: relative}
	.overlay-year {font: 48px Lato; position: absolute; bottom: 10px; left: 10px; opacity: 0.8; line-height: 1; text-shadow: 0 -1px 0 rgba(0,0,0,0.25)}
	.expanded .overlay-year {visibility: hidden;}
	.grid-item:hover .overlay-year, .expanded img {opacity: 1}
	.grid-title {font: 1.25em 'Futura-CondensedMedium', 'Open Sans Condensed'}
	.grid-excerpt {color: #fff}
	#infscr-loading {width: 200px;position:absolute; bottom:5px; left: 5px; width: 200px; height:32px; line-height: 32px; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.43); background: #fff; padding: 7px}
		#infscr-loading img {float: left; margin: 0 10px 0 0}
	.next {visibility: hidden }


#gallery-nav {margin-top: 1em; text-align: center}
	#gallery-nav li { display: inline-block; text-align: center; position: relative; width: 24%; margin: 0 .5%; }
		
		#gallery-nav a {background: #fff; color: #000; display: block; line-height: 40px;border-radius: 2px 2px 0 0; font-weight: 700; font-size: 1.33em; letter-spacing: 0.05em}
		#gallery-nav .current  {background-color: #7fcbf0}

/*landing page*/
#main.landing {width: 72%; float: none; margin: 0 auto}
.landing .page-title {color: #fff; text-align: center; margin-bottom: .5em}
.guestArtist {border-top: 1px #434343 solid; margin-top: 2em; padding-top: 2em; clear: both; overflow: hidden}
.guestImage {float: left; width: 20%; height: auto }
.guestBio {float: right; width: 78%}
	
/*tour*/
#events {margin: 0 auto; width: 69%; background: url(images/tour.jpg) no-repeat center top; background-size: 100% 100%; padding: 0% 6% 7%}
#tour-dates{width: 100%;text-transform: uppercase; color: #fff;font-size: 1.2em;font-family: 'Titillium Web'; font-weight: 300; font-style: normal;}
	#tour-dates td {padding-top: 4px; padding-bottom: 4px}
#tour-dates-loading {background: #fff url(images/loading.gif) no-repeat 5px center; margin: 0 auto; width: 100px; font: 10px/46px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: center; color: #000; border-radius: 2px; padding-left: 36px;text-transform: uppercase}
	.event {opacity: 0; transition: all .33s ease; -webkit-transition: all .33s ease}
	.event.on {opacity: 1}
	.event-date {color:#7fcbf0; white-space: nowrap; font-size: 200%}
		.event-date .month {}
		.event-date .day {}
	.event-details { vertical-align: top; padding-left: 1em}
		.event-venue {}
		.event-location {}
	.event-link {vertical-align: top; text-align: right}
	.event-link a{background: #3099a5;color: #fff; text-transform: uppercase; padding: 2px 5px; line-height: 1;}
	.event-link a:hover{background: #bbdc59}
	.event-share {vertical-align: top}
	
/*music*/
.artist-name {color: #e9aa63; margin-top: .5em}
.albums {width: 100%; font-size: 125%}
.release-chart, .release-download{text-align: center}
.release-year, .release-title {text-align: left; padding-left: .25em}
th {font-family: 'Titillium Web'; font-weight: 600; font-style: normal;}
.albums td, .albums th {border-bottom: 2px #3099a5 solid; border-left: 2px #3099a5 solid}
.release-download {border-right: 2px #3099a5 solid}
.albums td.header {border-left: none}

/*eat*/
.eat-item {float: left;width: 32%; margin: 0 2% 2% 0; text-align: center; position: relative}
	.eat-item.last{margin: 0 0 2%}
	.eat-item .overlay {position: absolute; z-index: 2; top: 50%; left: 0; width: 100%}
	.eat-item h3 {font-weight: normal; margin-top: -0.5em; font-size: 3em}
	.eat-item a {color: #fff}
/*=== sidebar == */

#sidebar{width: 30%; float: left; padding-top: 20%}
#sidebar.single {float: right; padding: 0; width: 38%}
.widget {margin: 0 0 1em 0; background: rgba(0,0,0,0.75); padding: 1em}
.widget:last-child{margin-bottom: 0}
.widget-title {color: #cb5acc;font-weight: normal; font-size: 200%}
	.widget-title a {color: #cb5acc;}
	.widget ul{margin: 0; padding:0; }
		.widget ul li{margin: 0 0 10px; padding: 0 0 10px; overflow:hidden; border-bottom: 1px #222 solid}
		.widget ul li:last-child {border: none; padding: 0}
		.widget ul li a {}
		.widget ul li a:hover {}
		.widget ul li.cat-item {margin: 0 ; border: none}
		.widget ul li.cat-item a {background: #505050; color: #000; display: block; font-size: 1.25em; text-transform: uppercase; padding: .3em}
		.widget ul li.cat-item a:hover {background:#12c4de; color: #fff }
		
.news-tabs {background: #2b2b2b; padding: .5em}
.news-tabs .panel {}
#news-tabs-nav {padding: 0; text-transform: uppercase;}
.widget #news-tabs-nav li {padding: 5px 10px; margin: 0 5px 0 0; border: none}
#news-tabs-nav {border-bottom: 2px #12c4de solid; margin:0 0 10px }
	.tab {background: #000;}
	.tab a {color: #fff}
	.tab.ui-tabs-selected  {background: #12c4de;}
	.tab.ui-tabs-selected a {color:#fff}
.latest-post-excerpt, .widget .excerpt  {margin: 0; font-size:85%}
	.latest-post-date {font-style: italic; margin: 0 0 7px}
.ui-tabs-hide {display: none}
	.instagram-image {width: 20%; margin: 0 1% 2% 0; float: left; position: relative}
		.instagram-image img {width: 100%; height: auto; display: block; line-height: 1}
	.home .instagram .widget-title {background: url(images/instagram.png) no-repeat 2% center; background-size: auto 100%; padding: 0 0.75em 0 14%}
	#instagram-image-1.instagram-image {background: #000; padding-left: 6%; margin: 0 1% 2% 2%; }
		#instagram-image-1:before, #instagram-image-4:after {content: ''; display: block; position: absolute; background: #fa5d57; height: 8px; width: 8px; border-radius: 4px}
			#instagram-image-1:before {margin-top: -4px; top: 50%; left: 10.5%; margin-left: -4px}
			#instagram-image-4:after {margin-top: -4px; top: 50%; right: 10.5%; margin-right: -3px}
			
		
	.widgetcform .widget-title{background: rgba(0,0,0,0.8); padding: 10px; margin: 0}


/*=== Footer ===*/
#footer{color: #fff;}
	#copyright {color:rgba(255,255,255,0.5); position: fixed; text-align: right; bottom: 50px; right: 30px; transform: rotate(90deg); transform-origin: bottom right; font-size: 75%}
	#lineage { width:22px; height:31px; position: fixed; right: 10px; bottom:10px;background-position: -80px -25px}
		


/*========= COMMENTS =========*/


/*all-purpose*/
.row {clear: both; overflow: hidden;}
.w100 {width: 100%;}
.h100 {height: 100%}
.hauto, .h-auto {height: auto}

hr.clear {clear: both}
.white {color: #fff}
.black {color:#000}
.grey {color:#999}
.bg-white {background-color: #fff}
.bg-grey {background-color: #bfbfbf}
.bg-black {background-color: #fff}
.ps-thumb {display: block; line-height:1}
.uppercase {text-transform: uppercase}
.m0 {margin: 0!important}
.m7 {margin: 7px}
.mb7 {margin-bottom: 7px}
.mr7 {margin-right: 7px}
.mt7 {margin-top: 7px}
.ml7 {margin-left: 7px}
.m10 {margin: 10px}
.mb10 {margin-bottom: 10px}
.mr10 {margin-right: 10px}
.mt10 {margin-top: 10px}
.ml10 {margin-left: 10px}
.mb20 {margin-bottom: 20px}
.mr20 {margin-right: 20px}
.mt20 {margin-top: 20px}
.ml20 {margin-left: 20px}
.m20 {margin: 20px}

.b0 {border: none!important}
.p0 {padding: 0!important}
.p7 {padding: 7px}
.pb7 {padding-bottom: 7px}
.pr7 {padding-right: 7px}
.pt7 {padding-top: 7px}
.pl7 {padding-left: 7px}
.p10 {padding: 10px}
.pb10 {padding-bottom: 10px}
.pr10 {padding-right: 10px}
.pt10 {padding-top: 10px}
.pl10 {padding-left: 10px}
.pb20 {padding-bottom: 20px}
.pr20 {padding-right: 20px}
.pt20 {padding-top: 20px}
.pl20 {padding-left: 20px}
.p20{padding: 20px}

.block {display: block}
.hidden {display: none}
.tac {text-align: center}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center}
.bg-black {background: black}
.shadow {box-shadow: 0 0 10px rgba(0,0,0,0.25)}
.textshadow {text-shadow: 0 1px 1px rgba(0,0,0,0.5)}
img.alignleft {margin-right: 10px}
img.alignright {margin-left: 10px}
.transition {-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}


/*isotope animations*/
.isotope .isotope-item {-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width; -o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: top, left, opacity;transition-property:transform, opacity;}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}

.cform {background: rgba(0,0,0,0.8); padding: 10px}
.page-template-template-records-php .cform, .vacationrecords .cform {background: none; padding-left:0}
.cf_hidden, .linklove { display:none }
ol.cf-ol { margin:0!important; padding:0!important }
ol.cf-ol li { list-style:none; position:relative; overflow:hidden }
ol.cf-ol li.textonly { margin-bottom:7px!important; color: #fff; font-style: italic; text-transform: uppercase;font-size: 75%}
.cform label {color: #000; text-transform: uppercase; display: none}
.cform input { display:block }
label.cf-before { display:-moz-inline-box; display:inline-block; margin:4px 5px 0 0 }
label.cf-before span { width:200px; display:block }
label.cf-after { display:-moz-inline-box; display:inline-block; margin:6px 0 0 4px; text-align:left }
label.cf-group-after { display:inline-block; margin:6px 6px 0 4px; width:70px }
.sidebar .cf-group-after,.sidebar .cf-after { width:240px }
.cform input[type="text"],.cform textarea,.cform select { margin:0 0 .5em; padding:1%; background:#fff; font-size:1em; color:#000; width:98%; border-radius: 2px; }
.cform input[type="text"]:focus,.cform textarea:focus,.cform select:focus { background:#eee }
.cform textarea {}
.cform select.cfselectmulti { height:6.5em }
.cform textarea { height:3em; overflow:auto }
.cform input.cf_date { width:385px }
input.cf-box-a,input.cf-box-b { margin:0; width:16px; height:16px; border:none!important; background:none!important }
ol.cf-ol li.cf-box-group { padding:0 0 12px }
span.reqtxt,span.emailreqtxt { font-size:10px; position: absolute; top: 0; right: 0; color: #000}
p.cf-sb { text-align:right; margin:0 }
.cform input.backbutton,.cform input.resetbutton,.cform input.sendbutton { padding:.25em 1em; text-align: center; cursor:pointer;  display:inline-block;}
ol.cf-ol li.cf_li_err { color:red; font-weight:700 }
ol.cf-ol li ul.cf_li_text_err { padding:0 0 0 10px; margin:0; color:#333; display:inline-block }
ol.cf-ol ul.cf_li_text_err li { background:url(icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:700; text-indent:0; margin:0 0 2px!important; padding-left:15px }
ol.cf-ol ul.cf_li_text_err li:before { content:'' }
.cf_info { padding:10px; display:none; text-align:center }
.cf_info ol { margin:0; padding:5px 15px 0 30px }
.cf_info ol li { padding:1px 0; margin:2px 0 }
.cf_info a { color:red!important; text-decoration:underline!important }
.failure { background:#fffddc }
.waiting { color:#AAA }
.cf_info.failure,.cform .cf_info.failure2 { color:red; display:block }
.cform .cf_error,.cform input[type=text].cf_error { color:red; border-color:red }
div.mailerr { display:block }
.mailerr,.cform .cf_errortxt { color:#ad2929 }
[disabled] { color:#ddd; border-color:#ddd!important; background:none!important }
.disabled { border-color:#ddd!important }
.cform li.file { position:relative; height:28px; overflow:hidden; color:#fff; margin-bottom:7px }
.cform .label-file { display:block; height:28px; visibility:visible; font-size:16px; background:#000; text-align:center; font-family:'Abel'; color:#fff }
.cform .file:hover,.cform .file:hover .label-file { background:#0074D3; cursor:pointer; color:#fff }
.cform input.cf_upload { font-size:120px; position:absolute; top:-3px; left:-3px; width:303px; background:none; opacity:0 }


/*splash*/
	

#splash {position: fixed; z-index: 9999999;background: rgba(0,0,0,.85); height: 100%; width: 100%; color: #fff; text-align: center}
#shield {position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer}
#splash iframe, #splash img {display: block; margin: 1em auto; max-width: 720px; height: auto; max-height: 80%; position: relative; z-index: 2}
#tickets {width: 300px; font-size: 1em; line-height: 1.5; color: #fff; background: #12c4de; display: block; margin: 0 auto 2em; text-transform: uppercase; text-align: center; border-radius: 2px; font-family: 'Titillium Web'; font-weight: 600;position: relative; z-index: 2}
#on {}
#splash h2 {color: #fff; margin-top: 1em}


/* iPads (portrait and landscape) ----------- */

@media only screen and (max-width: 1023px) {
/* Styles */
	
	div.share, .share, .overlay-share {display: none;}
	.archive-article {padding: 15px;}
	.product-thumbnail {max-width: 100%;height: auto;}
	#lineage {right: 10px;}
	#mainmenu li {font-size: 1em}
	.latest-release-header {font-size: 100%}
	}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
	body{font-size: 1em; background-size: contain}
	div.share, .overlay-share, h3.share-label, #header-hero, #social,#gallery-nav img, .feature-more, .read-more, .event-venue {display: none;}
	.centered, #thevideo, #thevideo iframe, #video-wrap, #video-meta{width: 100%;}
	#logo {top: 2.5em; position: absolute}	
	#content {padding-top: 35vh}	
	h1, .page-title{font-size: 10vw}
	h2,.eat-item h3{font-size: 8vw }
	h3 {font-size:4.5vw}
	.page-title {text-align: center}
	#main, #sidebar, #main.home, #main.category {width: 96%; float: none; margin: 0 auto; padding-top: 0}
	#mainmenu {width: 50%; background: #000; }
	#mainmenu li {line-height: 40px}	
	#mainmenu li.social {display: inline-block; margin: 0 10px}	
	.menu-on #wrap {transform: translate(50%, 0)}
	.grid-item.expanded{width:300px; z-index: 1; -webkit-perspective: 1000; position: relative;}
	#thevideo {padding: 0 0 10px; height: auto}
	#thevideo iframe {height: 180px}
	#video-meta, #video-wrap {float: none; clear:  both; text-align: center}
	.hero-title, .title {font-size: 36px}
	#news-ticker {height: 45px}
	#ticker {width: 70%; margin-top: 0px }
	.store-item {width: 100%; margin: 0}
	#sponsors img {height: 40px;width: auto; margin: 0 2px}
	#copyright {font-size: 0.5em; position: relative; transform: none; -webkit-transform: none; text-align: left; bottom: auto; right: auto}
	#home-news {width: 100%; background-image: none}
		#home-news .panel {width: 96%; padding: 2%}
		.feature-img {width: 100%; float: none; display: block; line-height: 1}
		.feature-meta {float: none; width: 100%; text-align: center; position: absolute; bottom: 2%; left: 0; background: rgba(0,0,0,0.75);}
		.feature-meta p {display: none}
		.feature-title {margin: 0; padding: 2%}
	.home #sidebar, .home #main {width: 100%; margin: 0}
	
	.page-template-template-records-php #hero {background: #000;}
	#latest-release {position: relative;top: auto; width: 90%; padding: 3% 5%; right: 0}
	#player {width: 96%; position: relative; right: 0; bottom: 0; clear: both; overflow: hidden; background: #383838; padding: 2%}
		#player-wrap {width: 70%}		
	.albums {font-size: 100%}
	/*eat*/
	.eat-item, .eat-item.last {width: 48%; margin: 1%;}
		#splash img {max-width: 100%}
		
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
           .sprite, .social a { background-image: url(images/sprite@2x.png); background-size: 172px 113px; }

}