/*GLOBAL styles*/	
html { font-size: medium; overflow-x: hidden; overflow-y:auto;}

body {font-family: 'Montserrat', sans-serif; zoom: 1;}

/* allows for background image transparency
body::after {content: ""; background:url(/img/5-years-pattern.png) repeat; background-attachment:fixed; opacity: 0.11; position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0;}
*/

.wallpaper {width:100%; height:1000px; z-index: -2; top:0;} /*pos-fixed in med, pos-absolute in small */
.wallpaper .full-pic {background-size:cover; width:inherit; height:inherit;}
.wallpaper .bg-flex {background-size:contain;}
.wallpaper > .pattern {width:100%; height:inherit; position:absolute; z-index: -1;}
.pattern {background:url(/img/nnn-bg.jpg) repeat; opacity: 0.8;}
.bg-img {width:100%; background:url(/img/nnn-bg.jpg); opacity: 0.8;}

/* -------- global coloring -------- */	

body {background-color:#151515;} /* should be the same as dark main, for footer reasons */
.color1 {background-color:#fff;} /*light main*/
.color2 {background-color:#151515;} /* dark main */
.color3 {background-color:#593f83;} /* general page wallpaper color */
.color4 {background-color:#fab514;}

#font-color1 {color:#fff;} /*light*/
#font-color2 {color:#222;} /*dark*/
h1.page-title {color:#fff; text-shadow: 1px 1.4px rgba(0,0,0,0.13);}
body.general h1.page-title {color:#fff; text-shadow: 1px 1.4px rgba(0,0,0,0.13);}

.menu .warble-logo {fill:#0e0e0e;}
.footer .warble-logo {fill:#fff;}
.warble-logo:hover {opacity:0.85;}

body.general .social {color:#fff;} /*social media icons on general pages*/
.social i:hover {opacity:0.85;}

/*menu-specific colors*/
nav li a:hover, ul.menu-heading:hover { text-decoration:none; opacity:0.8;}
div.dropdown-bar, div.mobile-dropdown {opacity:0.96;}
div.dropdown-bar {border-bottom:solid rgba(0, 0, 0, .12); border-width:1px;}
div.mobile-dropdown ul { border-bottom:solid rgba(0, 0, 0, .12); border-width:1px;}
.shadow {border-bottom: 1px solid #e0e0e0;}
/*(previous shadow used on menu*//* .shadow {-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10); box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.10);} */

/* -------- end global coloring -------- */	

/* -------- generic styles -------- */

body, ul, li, h1, h2, h3, h4 {margin:0; padding:0;}
ul, li {list-style: none;}
h1, h2, h3, h4 {text-transform:uppercase; cursor:default; font-weight:900;}
/* h1 is page heading, h2 is content heading, h3 is footer headings */
div {margin:0 auto; padding:0;}
img {border:0; display:block;}
a {text-decoration:none; color:inherit;}

.left {float:left; clear: none;}
.right {float:right; clear: none;}

.group:after {content: ""; display: table; clear: both;} /* the clearfix hack */

.bold {font-weight:900;}

.guide {background:url(/img/guide-pink.png) repeat;}

.cursor {cursor:default;}

.rounded {-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}

/* -------- end generic styles -------- */

.page {}
.wrapper {}

.featured-wrapper {-webkit-box-shadow: 0 7px 15px 0 rgba(0,0,0,0.07);
box-shadow: 0 7px 15px 0 rgba(0,0,0,0.07);}
.feat-content {position:relative;}
.featured li {display:inline;}
.featured li.artist {text-transform:uppercase;}
iframe {position:relative; z-index:90;}
ul.title a:hover, .paragraph a:hover {color:inherit; text-decoration:underline;}
.paragraph {opacity:0.9;}
.paragraph a {color:inherit; opacity:0.75;}
ul.links a:hover {text-decoration:underline; color:inherit;}
h2 {margin-bottom:12px;}

#horizon {background-color:transparent; text-align: center; position: relative; top: 50%; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block; margin:0 auto;}

.events {overflow:hidden; cursor:default;}
.events ul {display:inline-block;}
.events ul li.date {font-weight:900; letter-spacing:1px; opacity:0.9;}
.events ul li {display:inline;}
.events ul li.what {text-transform:uppercase;}
.events ul li.where {opacity:0.45; font-weight:200;}
.events a:hover, .events a:hover div {opacity:0.85;}

.featured .genre {opacity:0.55;} 
.year {opacity:1.00;}
.genre i {opacity:0.60; margin-right:10px;}

.music .extra-text, body.artist .artist-page, body.artist .artist-page li {display:none;}
/* .line {height:1px; width:100%; opacity:0.08; margin-top:50px;} */

.footer h3 {margin-bottom:18px; letter-spacing:1px;}
.footer ul {float:left; display:inline-block; text-transform:uppercase;}
.footer h3, .footer .bottom-line {opacity:0.33;}

.footer a li:hover, .footer li a:hover {text-decoration:underline;}

.footer {}

/* dicography styles */
ul.discography {padding:30px 0 0;}
h4 {font-size:1rem;}
li.disco-title {font-size:0.80rem; line-height:22px;}
ul.discography br {	line-height:40px;}

ul.discography a:hover {opacity:0.75;}

#mc_embed_signup .button {margin-top:10px;}