/*stylesheet med - standard size screen styles*/	

body {}

.wallpaper {position:fixed;}

.menu-mobile {display:none;}
.page {max-width:1200px; padding:25px; min-width:840px;}
.wrapper .page {max-width:1200px; padding:25px 25px 80px; min-width:840px;}

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

h1.page-title {font-size:2rem ; margin:40px 0 22px; letter-spacing:1px;}

.featured-wrapper {margin:0 0 44px;} 
.featured {margin:0;}
.padding-right-large {padding-right:30px;}
.padding-large, .featured-wrapper .featured {padding:35px;}
/* .margin-large {margin:55px auto 0;} ?not in use? */
.margin-super, .music .featured {margin:90px auto 0;}
.margin-bottom {margin-bottom:0;} /* right now this is just on artist content paragraphs - was 20px */

.player {float:left;} 


@media (min-width: 1240px) {
	.featured iframe {width:400px; height:400px;} 
	.featured ul.title {line-height:25px; cursor:default; margin-top:-3px; margin-bottom:40px;}
	.featured li.artist {font-size:0.70rem; text-transform:uppercase;} 
	.featured li.work {font-size:1.80rem;} 
	.featured li.year {font-size:0.65rem; text-transform:uppercase; margin-left:12px; vertical-align:1px;}
	.featured-wrapper .featured  ul.paragraph {font-size:0.75rem; line-height:16px;}
	.featured ul.paragraph {font-size:0.70rem; line-height:15px;}
		
	.music ul.title {margin-bottom:12px;}
	
	.footer ul {margin-right:75px;} 
	}
	
@media (max-width: 1239px) {
	.featured iframe {width:300px; height:300px;}
	.featured ul.title {cursor:default; margin-bottom:30px;}
	.music .featured ul.title {padding-top:4px;}
	.featured li.artist {line-height:20px; font-size:0.65rem;}
	.music .featured li.artist {line-height:8px; font-size:0.65rem;}
	.featured li.work {line-height:25px; font-size:1.60rem;}
	.featured li.year {font-size:0.60rem; text-transform:uppercase; margin-left:10px; vertical-align:1px;}
	.featured-wrapper .featured  ul.paragraph {font-size:0.70rem; line-height:14px;}
	.featured ul.paragraph {font-size:0.70rem; line-height:13px;}
	
	.music ul.title {margin-bottom:10px;}
	
	.footer ul {margin-right:50px;} 
	}

ul.links {font-size:0.65rem; line-height:14px; text-transform:uppercase;}

.about ul.links {margin-top:20px;}
	
.featured ul.paragraph {overflow: hidden; text-overflow: ellipsis;}
.featured ul.links {position:absolute; bottom:0; display:inline-block; padding:10px 0 0;}
.genre {font-size:0.65rem;}
.music ul.links {padding:10px 0 0;}
.links p {margin:0 10px; display:inline;} /* pipes */

.social {position:relative; float:right; margin:-47px 0 0;}
.social i.fa {margin-left:4px; font-size:14px;}


/* events only styles */
.events {max-width:1200px; padding:20px 10px 20px 50px; overflow:hidden;}
.events ul div {margin-top:4px;}
.events ul li.info {line-height:13px;}
.events ul:last-child {margin-right:0;}
.events ul:nth-child(n+4) {display:none;}
/* end events only styles */

@media (min-width: 1025px) {
	.events {margin:-50px auto 0; overflow:hidden;}
	.events .children-3 ul {margin-right:10%;}
	.events .children-2 ul {width:45%;}
	.events .children-1 ul {width:90%;}
	.events ul li.date {font-size:1.5rem; letter-spacing:normal; margin-right:15px;}
	.events ul li.info {font-size:0.70rem;}
	.about-warble img {width:141px; height:210px; margin:0 95px 0 14px;}
	.music iframe {margin-right:50px;}
	}
	
@media (max-width: 1024px) {
	.hide-at-narrow {display: none !important;}
	.events {margin:-70px auto 0;}
	.events .children-3 ul {margin-right:7%;}
	.events .children-2 ul {width:43%;}
	.events .children-1 ul {width:87%;}
	.events ul li.date {font-size:1.30rem; letter-spacing:normal; margin:2px 9px 0 0;}
	.events ul li.info {font-size:0.60rem;}
	.about-warble img {width:141px; height:210px; margin:0 70px 0 14px;}
	.music iframe {margin-right:25px;}
	}
	


.content {padding:0 40px 0 65px;} /*overall content container*/

.content div.story {position:relative; display:block; overflow:hidden;}
.content h2 {font-size:0.9rem; letter-spacing:1px;}
.content li.paragraph {font-size:0.70rem; letter-spacing:normal;}  
.story ul.links {position:absolute; bottom:0; display:inline-block;}


.music iframe {width:170px; height:170px;} 
.music ul.title {line-height:18px;}
.music .featured li.work {font-size:1rem;}

/* footer-only css */

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

.footer ul h3 {font-size:0.75rem;}
.footer ul {line-height:15px;}
.footer ul li {font-size:0.65rem;}
.footer .bottom-line {margin-top:20px;}

.mailchimp-custom {float:right; margin-right:20px;}

/* end footer-only css */

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













/* menu css */
.menu div.warble-logo {width:30px; height:50px; display:block; float:left; padding:0 0 0 20px; margin-top:-3px;} 


#menu-wrapper {
	width:100%;
	position:fixed;
	cursor:default;
	top:0;  
	z-index:100;}

ul.menu{ /* legacy style */
	text-transform:uppercase;
	font-weight:normal;
	font-size:9px;
	letter-spacing:1px;
	max-width:1230px;
	margin:0 auto;}
	
ul.first-heading {margin-left:15px;}

ul.menu-heading {padding: 18px 21px 13px 16px; cursor:pointer;}

ul.menu-heading li {display:inline;}

ul.dropdown-list li {display:inline; padding: 0 20px 0 0; text-decoration:none; position:relative;}

ul.dropdown-list ul {position:relative;}
	
ul.dropdown {
	width:100%;
	position:absolute;
	top:34px;
	left:0;
	display:none;
	padding:28px 0 40px;}
	
div.dropdown-bar { /* opacity & border in global.css */
	width:100%;
	position:fixed;
	z-index:99;
	top:35px;
	left:0;
	display:none;
	height:55px;}

ul.dropdown-list {
	width:860px;
	margin:0 auto;
	position:relative;
	background-color:;
	}

ul.dropdown:hover {
	display:block;
	}

/*temporary class give to dropdowns, controlled by jquery script*/
ul.front {
	z-index:150;
	}	
	
/*specific conditional rule for IE -- not working as of yet*/
body.ie ul.has-dropdowns:hover ul.dropdown {	
	display:inline-block;
	}
	
/* end menu css */