/* ========================================================== */
/* DESKTOPS: 1600px  */
/* ========================================================== */

@media only screen and (max-width: 1600px) {

	/* ------- FONTS ------ */

	#mission h1 {padding-left: .25em; font-size: 8em; height: 50px}

	header.sub h2 {font-size: 4em}

	#standard header h3, header.sub h3 {font-size: 1.5em}

	#standard header h2 {font-size: 2.5em}

	/* ------- NAVIGATION ------ */

	#nav > ul > li > a {padding: 0 1.25em;  }
	
	nav.leveltwo li:last-child {margin-right: 2em;}
	
	/* ------- L&L - HISTORY ------ */

	#lifestyle .points .item { width: 31.5% }

	 		
	/* ------- FOOTER ------ */
	
	footer {margin-bottom: -1px}
	
	#tweetFeed ul li {font-size: .875em}

	#tweetFeed ul li { margin-left: 12em; padding-bottom: 1.5em}
	
	
	
}


/* ========================================================== */
/* SMALLER DESKTOPS: 1200px  */
/* ========================================================== */

@media only screen and (max-width: 1400px) {

	/* ------- L&L - HISTORY ------ */

	#lifestyle .points {max-width: 96%;}

	#lifestyle .points .item { width: 47%;  }


	/* ------- SHOP ------ */

	#shop .block ul li a {font-size: 1.125em; }
	
	
	
	.toggle-panel {max-height: 250px;}

	
	
	/* ------- TWITTER FEED ------ */

	#tweetFeed ul li {background: none }

	
}


/* ========================================================== */
/* SMALLER DESKTOPS: 1140px  */
/* ========================================================== */

@media only screen and (max-width: 1140px) {

	/* ------- SELECT ------ */

	aside span.customSelect { font-size: .675em; padding-top: .65em}

	aside select option {font-size: 1.25em}


	/* ------- NAVIGATION ------ */

	#nav > ul > li > a { padding: 0 1em;   }


	/* ------- MISSION ------ */
	
	#mission {z-index: 0; height: auto; display: block}

	#mission .left {display: inline-block; position: relative;  width: 100%; z-index: 0; height: 100%}

	#mission .right {display: none}

	#mission .content {padding: 1.5em 2em; float: left; width: 100%}
	
	
	
	/* ------- NEWS ------ */
	
	#posts .newsposts .item { width: 48%; }
	
	aside input, aside form a {width: 100%; float: left}
	
	aside input[type="text"] {width: 100%}
	
	aside form input[type="submit"] { margin-top: .5em; float: left}
	
	article#featured.news {margin-top: 2em}

	a.subscribe {margin-top: -1em; }

	
	
	/* ------- L&L - HISTORY ------ */
		
	.resp-tabs-list li, h2.resp-accordion {font-size: 1em;}
	
	.resp-tabs-list li { padding: 1em 3%;}


	/* ------- FEATURED CHARITY ------ */
	
	#featuredcharity article .left {width: 100%;}

	#featuredcharity article .right {width: 100%; display: block; float: left}

	#featuredcharity article span {padding: .75em 0;}
	
	.more {margin-bottom: 0;}
	
}



/* ========================================================== */
/* SMALLER DESKTOPS: 1024px  */
/* ========================================================== */

@media only screen and (max-width: 1024px) {

	/* ------- SIDE & BOTTOM SLIDE PANELS ------ */
	
	.slide-out-div {visibility: hidden}
	
	body .toggle-panel, .tabSlideOut, #one-true, .toggle-panel.boxed {display: none}
	
	/* ------- LOGO ------ */

	header.top-bar .left {margin-left: 2em}

	/* ------- MOBILE NAV ------ */

	#nav { right: 4%; font-size: .75em;  width: 25%; margin-top: 1em;}
			
	#nav > a { width: 3.5em; /* 50 */ height: 3.5em; text-indent: -9999px; background-color: #291f16; margin-top: -2px; position: relative; right: 0; float: right; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  }
				
	#nav ul li a, #nav ul li ul li a { color: white; text-shadow: 0 0 0; font-size: 1.75em}
				
	#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {color: #fbb519}
		
	#nav > ul > li > a, #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {background: #291f16}
		
	#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 20%; right: 20%; content: '';}
		
	#nav > a:after { top: 60%;}

	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block;}

	/* ------- NAV - FIRST LEVEL ------ */

	#nav > ul { height: auto; display: none; position: absolute; left: 0; right: 0;  margin-top: 37px; }
			
	#nav:target > ul { display: block; }
				
	#nav > ul > li { width: 100%; float: none; text-align: right;}
				
	#nav > ul > li > a { height: auto; text-align: right; line-height: 2.25em;}
	
	#nav ul li ul li:first-child {padding-top: 0}
			
	#nav > ul > li:not( :last-child ) > a { border-right: none; }

	#nav > ul > li > a, #nav li ul a  {border-bottom: 1px solid rgba(255,255,255,0.15); border-top: 0}

	#nav > ul > li:last-child > a, #nav li:last-child ul a {border-bottom: 0}

	
	/* ------- NAV - SECOND LEVEL ------ */

	#nav li ul { position: static; padding-top: 0; }
	
	#nav > ul > li > ul {background: #a45c2a; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0}

	#nav li ul a {line-height: 1em; }
	
	
	/* ------- INNER PADDING MARGINS ------ */

	#holder, #tourholder, #shopholder, #familyholder, #tour {margin-bottom: 0; padding-bottom: 0}

	
	/* ------- BOTTOM BAR ------ */
	
	#botbar {height: 56px;}
	
	#botbar.inner {position: relative}
	
	#botbar ul#social {margin-left: 1em; margin-right: 1em; margin-bottom: 0;  margin-top: .6em; }
	
	#botbar .share {width: auto; margin-left: 1em; line-height: 0; margin-top: 1.125em }
	
	
	/* ------- HOME SLIDER ------ */

	.hero .slide img {margin-top: 0}
	
	.hero nav {top: 40px; left: 30px}


	/* ------- MISSION ------ */

	#largepic {height: 70%; width: 100%; display: block }


	/* ------- NEWS ------ */
	
	article#featured {background-position: center bottom}

	article#featured .left {width: 100%;}

	article#featured .right {display: none}

	article#featured h2 a {font-size: 1em}
	
	#posts header strong {font-size: 1.5em; line-height: normal}


	/* ------- L&L - HISTORY ------ */
			
	.resp-tabs-list li { padding: 1em 2.25%;}
	
	#lifestyle .points {padding-bottom: 3em}
	
	#map {background: white; height: 400px}
	
	#map .divider span {display: none}


	/* ------- L&L - CHARITIES ------ */
	
	.charities .item { width: 48%;}
	
	
	/* ------- MEDIA ------ */
	
	#disco ul.set, #galleries ul.set  {background: none; margin-bottom: 0; min-height: 0}

	#disco ul.set li, #galleries ul.set li { display: inline-block; padding: 0; text-align: center; width: 20%; line-height: 0}

	#disco ul.set li a {width: 100%}

	#disco ul.set li {margin: 2%}

	#disco ul.set li img, #galleries ul.set li img { width: auto; }
		
	#galleries { margin-bottom: 0; padding: 2em 0;}


	/* ------- TOUR DATES ------ */
	
	#tour #dates .top, #tour #dates header {padding-bottom: 0;}
	
	#tour #dates .set header {margin-bottom: 0em}
		
	#tour #dates .set header h5 {width: auto;}
		
	#tour #dates header ul, #tour #dates .set header em, #tour #dates header select {width: 100%}

	#tour #dates header ul {text-align: center}
		
	#tour #dates header select, #tour #dates .set header em {float: left}
	
	#tour #dates .top ul {width: 100%; margin-bottom: .75em}

	#tour #dates .top .right {float: left; width: 100%; margin: 0}

	#tour #dates .set header em {text-align: left; margin-top: .575em }


	/* ------- TOUR HISTORY ------ */

	#tour .showinfo .left, .showinfo .right {width: 100%; text-align: center}

	#tour .showinfo .left {margin-bottom: 2em}

	#tour .showinfo .left ul li {list-style: none; display: inline-block; background: #808507; font-size: 2.125em; text-align: center; min-width: 25%; width: auto; margin-right: .25em;  }
 
	#tour .about .left {width: 100%}
	
	#tour .about .left img {margin-bottom: 1.75em; width: 100%}

	.showinfo .right {float: none; height: auto; clear: left}
	
	#tour .flexslider {width: 96%; margin: 0 auto; margin-bottom: 2em;}
		
	#tour .flex-direction-nav {*height: 0; display: none; }

	#tour .flex-control-nav {display: block; margin: 0 auto}
	
	#tour ul#icons {  margin-top: 4em}

	#tour .about .right {float: left; width: 100%}
	
	#tour h6.headline {font-size: 3em; text-align: left; float: none}
	
	#tour .setlist span.soundcloud {display: none}
	
	#tour .cbp-ntaccordion {  margin-top: 0; }
	
	#tour .top span.customSelect {margin-bottom: 1em; }



	/* ------- SHOP ------ */

	#shop {width: 100%;}

	#shop .block {width: 100%; padding: 15% 0;}

	#shop .block ul {width: 50%;}

	#shop .block ul li { font-size: 1em}

	#shop .block ul li a {font-size: 1em; }

	#shop .bar blockquote {float: right; width: 58%;}
	
		
	/* ------- FOOTER ------ */
	
		.toggle-panel {max-height: 350px;}


	.toggle-panel.boxed { background:  url(../images/bg_darkwood.jpg) repeat; -webkit-box-sizing: none;}

}


/* ========================================================== */
/* TABLET LAYOUT: 768px   */
/* ========================================================== */

@media (max-width: 768px) {

	.wrapper {max-width: 768px}
	
	nav.leveltwo {display: none}

	
	/* ------- MISSION ------ */

	#largepic {min-height: 42% }
	
	
	/* ------- BOTTOM SHARE BAR ------ */

	#botbar .share {display: none}
	
	#botbar ul#social {margin: 0 auto; float: none; margin-top: .75em}


	/* ------- L&L HISTORY ------ */

	#bio img {float: left; width: 100%; margin: 0 0 1em}

    ul.resp-tabs-list { display: none;  }    
    
    h2.resp-accordion {display: block; font-size: 1.25em}

    .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial;  clear: none; }
    
    .resp-accordion-closed { display:none !important; }

	#lifestyle .points .item { width:  100%; margin: 0 0 1.25em;}

	
	/* ------- L&L CHARITY ------ */
	
	.charities .item { width: 100%}
	
	
	/* ------- L&L DISCOGRAPHY ------ */

	#posts.inner.album, body section#holder div#standard section.wrapper aside.credits { float: left; width: 100%;}
	
	aside.credits  {padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px solid #C9C4AD}
	
	
	
	/* ------- MEDIA ------ */
	
	#disco .hide-select {display: block; } 

	#disco span.customSelect { display: block; width: 100%; background: white url(../images/bg_select_dates.gif) right center no-repeat; border: 1px solid #291f16; color: #555; padding: .575em .75em .5em .75em; height: 47px; border: black; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
	
	#disco ul.set, #galleries ul.set {background: none; min-height: 170px; margin-bottom: 0}

	#disco ul.set li, #galleries ul.set li  {display: inline-block; margin: 1%; width: 48%  }

	#disco ul.set li img, #galleries ul.set li img {background: none; padding: 0; width: 100%; }

	
	/* ------- NEWS ------ */
	
	#posts {width: 100%;}
	
	#posts .newsposts .item { width: 100%; }

	aside {display: none}
	
	#posts .addthis_toolbox {float: left; clear: left; width: 100%; margin-top: 1.5em}


	/* ------- TOUR HISTORY ------ */
	
	#tour #dates header {margin-top: 0}
	
	#tour #dates header ul li, #tour #dates .set header h5, #tour #dates .top ul li {font-size: 1.75em}
	
	#tour #dates .set header h5 {width: auto; margin-top: 1.25em}
	
	#tour table, thead, tbody, th, td, tr {  display: block; }
	
	#tour thead {font-weight: bold}
		
	#tour thead tr {  position: absolute; top: -9999px; left: -9999px;}
	
	#tour tr { border: 1px solid #60432f; }
		
	#tour td { border: none; border-bottom: 1px solid #60432f;  position: relative; padding-left: 50%; padding-top: 6px; padding-bottom: 6px  }
		
	#tour tr:nth-of-type(odd) { background: #a45c2a; }
	
	#tour table span {color: #a45c2a}
	
	#tour table .first, #tour table .second, #tour table .third, #tour table .fourth  {width: auto;}

	#tour td:before { position: absolute; top: 6px; left: 6px; width: 45%;  padding-right: 10px; white-space: nowrap;}
		
	/* Label the data*/
	td:nth-of-type(1):before { content: "Date:"; font-family: 'Quadon-Bold' }
	td:nth-of-type(2):before { content: "City:"; font-family: 'Quadon-Bold'}
	td:nth-of-type(3):before { content: "Venue:"; font-family: 'Quadon-Bold'}
	td:nth-of-type(4):before { content: "Setlist & Extras:"; font-family: 'Quadon-Bold'}

	#tour h6.headline {font-size: 3em;}

		
	/* ------- SHOP ------ */

	#shop .bar .wrapper, #shop .bar blockquote, #shop .bar .wrapper ul {margin: 0 auto}

	#shop .bar .wrapper { background: none; min-height: 100px}
	
	#shop .block ul, #shop .bar .wrapper ul {width: 80%;}
	
	#shop .block ul {margin: 0 auto}

	#shop .bar .wrapper ul  {float: none; padding: 2em 0; padding-right: 0; text-align: center; }
	
	#shop .bar .wrapper ul li a.link {line-height: 1.125em}
	
	#shop .bar .wrapper ul li a.btn {font-size: 1em; margin-bottom: .5em}

	
}

/* ========================================================== */
/* WIDE MOBILE LAYOUT: 480px   */
/* ========================================================== */

@media handheld, only screen and (max-width: 480px) {

	body { -webkit-text-size-adjust: none; font-size: .875em}
	
	.wrapper {margin-top: 1em; margin-bottom: .5em}
	
	header.sub {margin: 0 auto 1.5em; z-index: 0}
	
	header.top-bar .left {margin-left: 1em}
	
	header.top-bar .left a {padding-top: 0}
		
	
	/* ------- INNER BOTTOM MARGINS ------ */

	.more, #posts {margin-bottom: 0}
	
	#posts {width: 100%;}
	
	
	/* ------- HIDDEN ELEMENTS ------ */
		
	.cbp-bicontrols, a.subscribe { display: none}
	
	
	/* ------- FONTS ------ */
	
	#standard {line-height: 1.5em; font-size: 1em}  
	
	#mission h1 {font-size: 6em;}
	
	header.sub h1 {font-size: 2em}
	
	#standard header h2, header.sub h2, #tour header h2 { font-size: 1.5em; line-height: 1.125em}
	
	#standard header h3, header.sub h3, #tour header h3  {font-size: 1em; line-height: 1.25em}
	
	
	/* ------- L&L HISTORY ------ */
	
	.resp-tabs-container {margin-top: 0}
	
	#map {display: none}
	
	
	/* ------- MEDIA ------ */
	
	#disco ul.set {background: none; min-height: 170px; margin-bottom: 0}

	#disco ul.set li {display: inline; margin: 0; float: left  }

	#disco ul.set li img {background: none; padding: 0; width: 95%; margin-bottom: .75em}

	
	/* ------- TOUR HISTORY - INNER ------ */
	
	#tour .showinfo .left {margin-bottom: .5em}

	#tour .showinfo .left ul li {display: block; margin-right: 0;  }

	#tour .showinfo .left ul li:first-child {margin-bottom: .5em}
	
	#tour .showinfo .right {display: none; margin: 0}
	
	#tour ul#cbp-ntaccordion li, #tour ul#cbp-ntaccordion li.cbp-ntopen {background: none}

	#tour h6.headline {font-size: 2em;}

	
	/* ------- LOGO ------ */
	
	header .left {margin: .675em 0 0 .5em}

	
	/* ------- MOBILE NAV ------ */
	
	#nav {width: 40%}
	
	#nav > ul { margin-top: 32px; }

	#nav ul li a, #nav ul li ul li a { font-size: 1.5em; }
	
	/* ------- HOLDERS ------ */

	#mission .content, #mission ul {width: auto;}
	
	#mission p {display: none}
	
	#mission .left ul {margin-top: 0}


	/* ------- MISSION ------ */

	#largepic, #mission {display: none }
	
	
	/* ------- NEWS ------ */

	article#featured p, #posts article .content p { font-size: inherit;}

	
	/* ------- FAMILY ------ */	
	
	#familyholder .wrapper {padding-bottom: 3em}

	
	/* ------- SHOP ------ */

	#shop, #family {margin: -3em 0 0;}
		
}





/* ================================================================================ */
/* RETINA IMAGES  */
/* ================================================================================ */


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
ul#social li a  {background-image: url(../images/socialicons_2x.png) !important; -webkit-background-size: 268px 68px !important; background-size: 268px 68px !important;}

}