@import url(http://weloveiconfonts.com/api/?family=entypo);

body {
    background-color: #E5E5E5;
}
.navbar a {
    color: white;
}

.navbar-nav a:hover {
    background-color: #D58B22;
}
.navbar-nav .active {
    background-color: #D58B22;
}


.wd-container {
     /*margin-top: -200px;*/
     margin-top: -25%;
     background: none;
     z-index: 900;
 }

.contact-container {
    /*margin-top: -200px;*/
    margin-top: -40%;
    background: none;
    z-index: 900;
}

.home-container {
    /*margin-top: -200px;*/
    margin-top: -35%;
    background: none;
    z-index: 900;
}
.events-container {
     /*margin-top: -200px;*/
     margin-top: -10%;
     background: none;
     z-index: 900;
 }

.carousel {
    margin-top: -85px;
    z-index: -300;
}

.static-image {
    margin-top: -85px;
    z-index: -300;
}

.img-fluid {
    width: 100%;
    /*height: auto;*/
}

.img-events {
    margin-top: 15px;
}
.mynav {
    margin-top: 20px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.3);
}

.wd-card {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 300px;
}


.grad-bottom {
    background: linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
}
#grad {
    background: #333333; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top,rgba(51,51,51,0),rgba(51,51,51,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,rgba(51,51,51,0),rgba(51,51,51,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,rgba(51,51,51,0),rgba(51,51,51,1)); /*Fx 3.6-15*/
    background: linear-gradient(to top, rgba(51,51,51,0), rgba(51,51,51,1)); /*Standard*/

    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;

    height: 250px;
    z-index: 3;

}

/* Social Media Brand Colors

twitter:     #00aced     rgb(0, 172, 237)
facebook:    #3b5998     rgb(59, 89, 152)
googleplus:  #dd4b39     rgb(221, 75, 57)
pinterest:   #cb2027     rgb(203, 32, 39)
linkedin:    #007bb6     rgb(0, 123, 182)
youtube:     #bb0000     rgb(187, 0, 0)
vimeo:       #1ab7ea     rgb(26, 183, 234)
tumblr:      #32506d     rgb(50, 80, 109)
instagram:   #bc2a8d     rgb(188, 42, 141)
Audio Mack   #F7A10C
flickr:      #ff0084     rgb(255, 0, 132)
stumbleupon: #EB4823     rgb(235, 72, 35)
soundcloud:  #ff3a00     rgb(255, 58, 0)

*/



/* entypo */

[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}

#sticky-social a {
    text-decoration: none;
}
#sticky-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sticky-social {
    margin: 0 auto;
    padding: 0px 0px;
    /*background: #333;*/
    /*background:  rgba(0, 0, 0, 0.3)*/
}

#sticky-social {
    right: 0;
    position: fixed;
    top: 130px;
}
#sticky-social a {
    /*background: #333;*/
    background: grey;
    /*background:  rgba(0, 0, 0, 0.5);*/
    color: #fff;
    display: block;
    height: 35px;
    font: 18px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
    margin-bottom: 2px;
}
#sticky-social a span {
    line-height: 35px;
    right: -120px;
    position: absolute;
    text-align:center;
    width:120px;
}
#sticky-social a:hover span {
    right: 100%;
}
/*#sticky-social a[class*="facebook"],*/
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: rgb(59, 89, 152); }

/*#sticky-social a[class*="twitter"],*/
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: rgb(0, 172, 237); }

/*#sticky-social a[class*="instagrem"],*/
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: rgb(188, 42, 141); }

/*#sticky-social a[class*="soundcloud"],*/
#sticky-social a[class*="soundcloud"]:hover,
#sticky-social a[class*="soundcloud"] span { background: rgb(255, 58, 0); }

/*#sticky-social a[class*="music"],*/
#sticky-social a[class*="music"]:hover,
#sticky-social a[class*="music"] span { background: rgb(247, 161, 12); }

/*#sticky-social a[class*="note-beamed"],*/
#sticky-social a[class*="note-beamed"]:hover,
#sticky-social a[class*="note-beamed"] span { background: rgb(81,127,164); }

/*#sticky-social a[class*="play"],*/
#sticky-social a[class*="play"]:hover,
#sticky-social a[class*="play"] span { background: rgb(187, 0, 0); }

/*#sticky-social a[class*="spotify"],*/
#sticky-social a[class*="spotify"]:hover,
#sticky-social a[class*="spotify"] span { background: rgb(30, 215, 96); }

/*#sticky-social a[class*="tiktok"],*/
#sticky-social a[class*="tiktok"]:hover,
#sticky-social a[class*="tiktok"] span { background: rgb(0, 242, 234); }

.navbar-brand img{
    -webkit-filter: opacity(.9) drop-shadow(0 0 0 #fff);
    filter: opacity(.9) drop-shadow(0 0 0 #fff);

}

footer {
    margin: 20px;
    padding-top: 20px;
    background: #090909;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: #ffffff;
}

.copyrights p {
    margin: 10px 0px;
}

.apphilia a {
    color: dimgrey;
}
.apphilia a:hover {
    color: mediumseagreen;
}
.totop a {
    color: white;
    font-weight: 900;
    font-size: 1.5em;
}
.totop a:hover {
    /*color: mediumseagreen;*/
}
.newsLetterBtn {
    margin-top: 10px;
    /*background-color: #d58b22;*/
}

/*.carousel-control-next-icon, .carousel-control-prev-icon {*/
    /*width: 40px;*/
    /*height: 40px;*/
/*}*/

.color35 {
    color: #D58B22;
}

.about {
    font-size: 1.2em;
}

.featurette {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
}

.album-info {
    width: 100%;
    margin-left: 20% ;
    margin-top: 15%;
}

.event-info {
    width: 100%;
    margin-left: 5% ;
    margin-top: 20%;
}
event-info-2019 {
    width: 100%;
    min-height: 300px;
    margin-left: 10% ;
    margin-top: 0%;
}

.navbar-toggler {
    border-color: #D58B22;
}
.navbar-toggler-icon {
    /*display: inline-block;*/
    /*width: 1.5em;*/
    /*height: 1.5em;*/
    /*vertical-align: middle;*/
    /*content: "";*/
    /*background: no-repeat center center;*/
    /*background-size: 100% 100%;*/
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(213, 139, 34, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timeline-Widget {
    margin-top: 10px;
    /*border-radius: 4px;*/
}

.tunes-center {
    /*width: 100%;*/
    margin: 0 auto;

}
@media (min-width: 576px) {
    .album-info {
        margin-top: 5%;
    }
    .album-info a {
        display: block;
        margin-bottom: 10px;
    }
    .album-info p {
        margin-bottom: 5px;
    }
}

/*@media only screen and (min-width: 768px) and (max-width: 992px) {*/
    /*.NewsLetter input, .NewsLetter textarea {*/
        /*background-color: lightblue;*/
        /*width: 100%;*/
    /*}*/
/*}*/

.NewsLetter input, .NewsLetter textarea {
    /*background-color: lightblue;*/
    width: 100%;
}