/* Core */
body {
    background: #ff13a7 url(img/FlatLandscapes13-16x9.jpeg);
    color: white;
    font-family: 'Open Sans', sans-serif !important;
    /*font-family: 'Spartan', sans-serif;*/
}

/* Text */

h1,
h2,
h3,
h4,
h5,
.titlefont {
    font-family: 'Open Sans', sans-serif !important;
}

.listenPopout_heading {
    font-size: 1rem;
}

/* Colours */

.text-pink {
    color: #ff13a7;
}

.background-white {
    background: white;
}

.background-lightpink {
    background: #fffafd;
}

.background-brightpink {
    background: #ff13a7;
}

/* Main Content */

#maincontent {
    background: white;
}

#maincontent a {
    color: #ff13a7;
}
#maincontent a:hover {
    color: #e61095;
}

.logo {
    max-width: 50% !important;
    margin: 1rem;
}

.img_host {
    border-radius: 0.25rem;
}

/* Player Page */
/* #playerPage .container {
    max-width: 450px;
} */

/* Now Playing content */

.card-body.npCard {
    padding: 0.75rem;
    max-height: 144px;
    overflow: hidden;
}

.npCard .card-title {
    height: 65px;
}

#nowTitle, .historyTitle {
    font-weight: bold;
}

#nowArtwork, .historyArtwork {
    border-radius: .25rem;
    margin: 1px;
}

#npHistoryDisplay .card {    
    background: rgb(230,230,230);
    background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(210,210,210,1) 100%);
    /* background: #e6e6e6; */
}

#npHistoryDisplay .historyItem0 .card {
    background: #fafafa;
    background: linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
}

#npHistoryDisplay .historyItem1 .card {
    background: #f5f5f5;
    background: linear-gradient(0deg, #f5f5f5 0%, #fafafa 100%);
}

#npHistoryDisplay .historyItem2 .card {
    background: #f0f0f0;
    background: linear-gradient(0deg, #f0f0f0 0%, #f5f5f5 100%);
}

#npHistoryDisplay .historyItem3 .card {
    background: #ebebeb;
    background: linear-gradient(0deg, #ebebeb 0%, #f0f0f0 100%);
}

#npHistoryDisplay .historyItem4 .card {
    background: #e6e6e6;
    background: linear-gradient(0deg, #e6e6e6 0%, #ebebeb 100%);
}

#npHistoryDisplay .historyItem5 .card {
    background: #e0e0e0;
    background: linear-gradient(0deg, #e0e0e0 0%, #e6e6e6 100%);
}

#npHistoryDisplay .historyItem6 .card {
    background: #dbdbdb;
    background: linear-gradient(0deg, #dbdbdb 0%, #e0e0e0 100%);
}

#npHistoryDisplay .historyItem7 .card {
    background: #d6d6d6;
    background: linear-gradient(0deg, #d6d6d6 0%, #dbdbdb 100%);
}

#npHistoryDisplay .historyItem8 .card {
    background: #d1d1d1;
    background: linear-gradient(0deg, #d1d1d1 0%, #d6d6d6 100%);
}

#npHistoryDisplay .historyItem9 .card {
    background: #cccccc;
    background: linear-gradient(0deg, #cccccc 0%, #cccccc 100%);
}

.container#nowplayingWithHistory {
    max-width: 470px;
}

/* Audio Player */
.controls button[data-playerstate=hide] {
   display:none;
}

.controls button[data-playerstate=show] {
   display:block;
}

.controls button {
    cursor:pointer;
    border: 0;
    background:transparent;
    background-size:contain;
    background-repeat:no-repeat;
    color: #ff13a7;
    font-size: 2rem;
}

.controls button:hover, .controls button:focus {
   opacity:0.5;
}

/* Footer */

.footer {
    color: #ccc;
}

.footer a {
    color: white;
    text-decoration: underline;
}

.footer a:hover {
    color: #ccc;
    text-decoration: none
}