﻿
.spanHeader{
    color:white;
}

.over span {
    color: white;
}

.over a {
    color: white;
}

#Banner2 {
    visibility: hidden;
    display: none;
}

.container-new-content, .call-to-action-center {
    visibility: hidden;
}

.social-media ul li a {
    color: dimgray !important;
    padding: 5px !important;
   
}

.social-media-homepage ul li a {
    color: white !important;
    padding: 5px !important;
}

.smallLinkActive a.active {
    color: #ceb68e !important;
}

.smallLinkActive {
    border-color: white !important;
}



.banner-artist {
    
    background: no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
    opacity: 0.75;
    background-color: white;
}

.content-artist {
    z-index: 1;
    opacity: .90;
}

/*.new-content-background {
    visibility: hidden;
}*/

/*call to action tabs*/
.call-to-action-top {
    /*position: relative;
    top: -150px;
    transform: perspective(1px) translateY(-50%);*/
}


.advda-artist {
    background-color: black;
    opacity: 1;
}

.call-action {
    padding-top: 25px;
}

.banner-artist-top {
    display: none;
    visibility: hidden;
}

.banner-artist-landing {
    background: no-repeat top center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     height: 300px; 
    opacity: 0.75;
    background-color: white;
}


/*Default page*/

.actionButtons {
    /* background-image: linear-gradient(#807c7c, black);*/
    background: gray;
}

.roundedBox {
    padding: 10px;
    height: auto;
    border-color: white;
    border-width: 1.5px;
    border-style: ridge;
    margin: 5px;
    text-align: left;
    vertical-align: central;
    border-radius: 15px;
    background-color: white !important;
    box-shadow: 2px 4px 4px black;
    opacity: 0.75
}

    .roundedBox span {
        font-size: 3vw;
        height: auto;
        vertical-align: middle;
        color: black;
        font-weight: 400;
    }

.roundedBox {
    text-decoration: none !important;
    color: black !important;
}

.roundedBoxLink {
    text-decoration: none !important;
}

.roundedBox:hover, .roundedBoxLink:hover {
    background-color: darkgray !important;
    
}
/*End Default page*/

/*About page*/
.themeGradient {
    /*background-image: linear-gradient( white,black, black );*/
    background:white;
}

    .themeGradient hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }


.menuBreak {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0;
}

.artistText {
    font-size: 1rem;
    line-height: 1rem;
    color: black !important;
}

    .artistText div {
        font-size: 1rem;
        line-height: 1rem;
        color: black;
    }

    .artistText span {
        font-size: 1rem;
        line-height: 1rem;
        color: black;
    }

    .artistText .about {
        font-size: 2rem;
        line-height: 4rem;
        color: black;
    }

/*End about page*/

/*Shop Page*/

.square {
    float: left;
    position: relative;
    width: 30%;
    padding-bottom: 30%; /* = width for a 1:1 aspect ratio */
    margin: 1.66%;
    background-color: dimgray;
    overflow: hidden;
    box-shadow: 2px 4px 4px black;
}

.content {
    position: absolute;
    height: 100%; /* = 100% - 2*5% padding */
    width: 100%; /* = 100% - 2*5% padding */
   
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

div.table-cell span {
    color:white !important;
}

.shopHeading {
    font-size: 6vw;
    color: black;
}

/*End Shop Page*/

/*Store Listing Page*/
.storeListing {
    /*background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    /* background: rgba(204, 204, 204, 0.5);*/
    color: black;
}

    .storeListing h3 {
        color: black;
        text-align: left;
    }

.lstSize {
    color: black !important;
}

.btnBuy {
    background-color: black !important;
    border-color: black !important;
    color: white !important;
}

    .btnBuy:hover {
        background-color: black;
        border-color: black;
        color: white !important;
    }

.digiDownload {
    color: black;
    cursor: pointer;
    margin-left: 3px;
}

label {
    color: black !important;
    font-weight: 100 !important;
}

.simpleText {
    color: black !important;
    text-align: left;
}


/*End store listing page*/
/*Lyrics*/

div.container {
    border: solid black 1px;
    border-radius: 5px;
    padding: 10px
}

/*End Lyrics*/