/*stylesheet small - for mobile*/

body {overflow-x: hidden; overflow-y: hidden;}

@media screen and (max-width: 430px) { /*helpful for exacting bg sizing for phones */
    body {}}

.wallpaper {position:absolute;}
.pattern {background:url(/img/5-years-pattern.png) repeat; opacity: 0.08;
background-size:20%;}
	
.menu-desktop, .dropdown-bar { display:none;}

.menu-mobile {width:100%;}
	

.page {padding:10px 10px 40px; min-width:280px;}

.sub-page {margin-top:-40px;}

.hide-at-narrow {display: none !important;}
.hide-at-mobile {display: none !important;}

ul.menu{text-transform:uppercase; margin:auto; list-style:none; position: relative;}

li.menu-item {display:inline-block; *display:inline; text-decoration:none; padding:0 7px; position:relative;}

/* force 1:1 ratio sizing dynamically! */
.stretchy-wrapper {width: 100%; padding-bottom: 100%; position: relative;}	
.stretchy-wrapper > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
/* end strechy-wrapper */

.featured {margin:0 0;}
.featured-wrapper {margin:0;} 
.padding-large, .featured-wrapper .featured {padding:10px;}
/* .margin-large {margin:25px auto 0;} ?not in use? */
.margin-super {margin:55px auto 0;}
.music .featured {margin:50px auto 0;}

iframe {width:100%; height:100%;}

.featured .feat-content {margin-top:10px;}


h1.page-title {font-size:1.45rem ; margin:16px 12px 24px; text-align:left; letter-spacing:1px;}

.featured ul.title {cursor:default; margin-bottom:15px;}
.featured li.artist {line-height:20px; font-size:0.65rem;}
.featured li.work {line-height:22px; font-size:1.5rem;}
.featured li.year {font-size:0.55rem; text-transform:uppercase; letter-spacing:normal; margin-left:6px; vertical-align:1px;}
.featured ul.paragraph {font-size:0.60rem; line-height:12px; margin-bottom:20px;}

li.paragraph {margin-bottom:20px;}
.about li.paragraph {margin-bottom:0;}
.about ul.links {margin-top:14px;}

ul.links {font-size:0.60rem; text-transform:uppercase;}

.featured ul.links {padding:0; line-height:18px;}
.featured ul.links a {display:inline-block;}
.links li {display:inline-block; *display:inline-block;}
.links p {margin:0 10px; display:inline;} /* pipes */


.social {display:none;}


/* events styles */

.events {position:relative; margin:-30px auto 0; padding:16px 20px 18px;}
.events ul:nth-child(n+2) {display:none;}
.events ul div {margin-top:4px;}
.events ul li.info {line-height:14px;}

.events ul li.date {font-size:1.75rem; letter-spacing:1px; margin-right:15px;}
.events ul li.info {font-size:0.75rem;}
	
	
/* end events styles */

.content {padding:0 10px;}

.about-warble img {width:90px; margin:-10px auto 30px;}

.content h2 {font-size:0.75rem; letter-spacing:1px;}
.content li.paragraph {font-size:0.60rem; letter-spacing:normal; line-height:12px;} 

/* footer-only css */

.footer .page {padding:30px 30px;}
.footer .group {margin-bottom:30px;}
.footer div.warble-logo {width:30px; height:50px; display:block; float:left;}

.footer ul h3 {font-size:0.90rem;}
.footer ul, .mailchimp-custom {line-height:18px; clear:left; margin-bottom:30px;}
.footer ul li {font-size:0.75rem;}
.footer .bottom-line li {margin:0 auto 30px; font-size:0.60rem;}



/* end footer-only css */

#mc_embed_signup {margin-top:20px;} /* mail chimp plugin */