html, body {
  background-color: #000000 !important;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-image: url('images/bg.png');
}

.center {
  text-align: center;
  margin: 0 auto;
  align-content: center;
  align-self: center;
  align-items: center;
}

a {
    color: #ffc107 !important;
    text-decoration: none;
}

a:hover {
    color: #6ebe44 !important;
}

a:focus {
    color: #6ebe44 !important;
}
/* ************** Navigation Section ************** */

#sidebarl {
    padding: 30px 0 10px 0;
    float: left;
}

#sidebarr {
    padding: 30px 0 1px 0;
    float: right;
}

/* ************** Navigation Section ************** */

nav {
    position: fixed;
}

img{ max-width: 100% !important; max-height: 100% !important;}

.App-logo {
    height: 280px;
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: #ffc107 !important;
    text-decoration: underline !important;
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

.navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active {
    color: #ffc107 !important;
    text-decoration: underline !important;
}

span.fa.fa-twitter {
    font-size: 30px !important;
}

span.fa.fa-facebook-official {
    font-size: 30px !important;
}

span.fa.fa-instagram {
    font-size: 30px !important;
}

span.fa.fa-youtube {
    font-size: 30px !important;
}

span.fa.fa-google-plus {
    font-size: 30px !important;
}

/* ************** Nav Break Section ************** */

.crumb {
  background-image: url('images/sound-wave.png');
  background-repeat: repeat-x;
  height: 50px;
}


/* ************** Footer Section ************** */

footer {
    bottom: 0;
    width: 100%;
}

.footer .container p.text-muted {
    text-align: center;
}

.wuno-color {
    color: #e9593d;
}

.footer .container p.wuno-color {
    text-align: center;
}

.footer .container a.wuno-color:hover {
    color: #e9593d;
}

/* ************** Twitter Feed Styles ************** */

div#twitter-wjs {
    height: 407px;
    overflow: scroll;
}

/* ************** Image Slider Styles ************** */

.slick-slider {
       width: 90% !important;
    /* margin: 0 auto !important; */
    float: left;
    margin: auto;
    margin-left: 51px;
}

/* ************** Customer Styles ************** */

.foot-header {
    color: #647e41;
}

/* ************** Shop Styles ************** */

.shop-me-nav {
    margin: 0 auto;
    text-align: center;
    width: 98%;
    background: #000 !important;
    /* background: #8a14a8 !important; */
    padding: 10px;
    border-radius: 4px;
    display: block;
}

a.shop-me-link {
    padding: 10px !important;
    display: inline;
    color: #fff !important;
    /* color: #647e41 !important; */
    background: #8a14a8 !important;
    /* background: #ffc107 !important; */
}

a.shop-me-link:hover {
    color: #ffc107 !important;
    background: #647e41 !important;
}

a.shop-me-link:focus {
    color: #647e41 !important;
    outline: #647e41 !important; 
}

a.shop-me-link:focus:hover {
    color: #ffc107 !important;
    outline: #647e41 !important; 
}


/* ************** Donate Styles ************** */

a#pay-me-link {
    margin: 0 auto;
    text-align: center;
    width: 98%;
    background: #8a14a8;
    /* background: #647e41; */
    padding: 10px;
    border-radius: 4px;
    display: block;
}

a#pay-me-link:hover {
    color: #647e41 !important;
    background: #ffc107 !important;
}

a#pay-me-link:focus {
    color: #ffc107 !important;
    outline: #ffc107 !important; 
}

a#pay-me-link:focus:hover {
    color: #647e41 !important;
    outline: #ffc107 !important; 
}

.paypal-image {
     width: 220px;
}

.paypal-image:hover {
     width: 222px;
}

.replicon-comics {
    width: 140px;
}

.replicon-comics:hover {
    width: 142px;
}

.container a {
    color: #e9593d;
}

.container a:hover {
    color: #e9593d;
    text-decoration: underline !important;
}

.container a:visited {
    color: #e9593d;
    text-decoration: underline !important;
}

.container-fluid {
    padding: 0px !important;
}

.container {
    padding: 50px 10px 50px 10px;
}

.box {
    padding: 30px
}

button#cmd-play {
    color: #ffc107;
    width: 100%;
    padding: 10px;
}

button#cmd-play:hover {
    color: #ffffff;
    background: #ffc107;
}

button#cmd-play:focus {
    outline: none;
    color: #ffffff;
    background: #ffc107;
    border: none !important;
}

button#cmd-pause {
    color: #ffc107;
    width: 100%;
    padding: 10px;
}

button#cmd-pause:hover {
    color: #ffffff;
    background: #ffc107;
}

button#cmd-pause:focus {
    outline: none;
    color: #ffffff;
    background: #ffc107;
    border: none !important;
}

.rep-footer {
    color: #ffc107;
    text-align: center;
}


.music-area{
	margin-top:30px;
	float:left;
	}
.shift{
	float:left;
	}
	
.mtop20{
	margin-top:20px;
	}
	
.slickitup{
	}
.slickitup img{
	width:100%;
	}
.pl-r{
	padding:0px 10px;
	}
	
.list-group-item.left-m {
    background: #000;
}

.list-group-item.right-m {
    background: #000;
}

.music-area {
    padding-bottom: 30px;
}

/* ************** Media Queries ************** */

@media(max-width:480px){
	.App-logo {
    height: 170px;
    margin: auto;
    text-align: center;
    /* float: left; */
    display: block;
}
.slickitup img {
    width: 100%;
}
.nav-item{
	width:100px;
	}
.ml-auto {
    margin-left: 0!important;
    flex-direction: row;
}

.slick-slider {
    width: 84% !important;
    /* margin: 0 auto !important; */
    float: left;
    margin: auto;
    margin-left: 30px;
    padding-top: 10px;
}	
}

    @media(max-width:480px){
.nav-item {
    width: 50px;
}
    
.ml-auto {
    margin-left: 0!important;
    flex-direction: row;
}
    
    }
    .ml-auto {
    margin-left: 0!important;
}

.left-m {    
    padding: 10px 20px;
}

.right-m {
    padding: 10px 20px;
}

  /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
        margin: 0 auto;
    }    
    ul.nav.ml-auto {
        text-align: center !important;
        margin: 0 auto !important;
    }
}
    
    /* POLLS STYLES 12-27-2016 */
    
#poll-wrapper {
    background: black;
    padding: 20px;
}

.poll-forms {
    width: 100%;
    display: block;
}

form {
    display: inline-block;
    padding: 10px;
}

/* Shirt Advertisement */
img.poll-add:hover {
    padding: 2px;
    border: 4px solid #ffc107;
    border-radius: 4px;
}

img.poll-add {
    width: 200px;
}

.blockit {
    display: block;
}

a.text-center {
    text-align: center !important;
    display: block;
}


@media only screen and (min-width : 992px) {
    ul.nav.ml-auto.social-icons {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}