/* CSS Document */
body {
    background-color: #000;
    font-size: 10px;
    color: #FFF;
}
img {
    background-color: transparent !important;
}
#pagelogo {
    width: 20rem;
    min-width: 4rem;
    padding: 1.5rem;
}
.container {
    background-color: #1f0e00;
}
h1 {
    font-family: 'Bodoni Moda', serif;
    color: #F2C280;
    font-size: 4rem;
    padding: 1.5rem, 0, 1.5rem, 0;
	border: none;

}

#head1st {
    padding-top: 4.5rem;
	font-family: 'Bodoni Moda', serif;
    color: #F2C280;
    font-size: 4rem;
    padding: 1.5rem, 0, 1.5rem, 0;
}
#head2nd{
	font-family: 'Bodoni Moda', serif;
    color: #F2C280;
    font-size: 4rem;
    padding: 1.5rem, 0, 1.5rem, 0;
}
h5 {
    font-size: 1.75rem;
    color: #FCF8A6;
    padding-left: 2.5rem;
}
.HLcontainer {
    background-color: #000;
    border: 0.5rem solid #000;
    border-radius: 15px;
}
.HLcontainerB{
	border: 0.5rem solid #1f0e00;
    border-radius: 15px;
}
.linkicon {
    height: 40px;
    width: 40px;
}
li {
    font-size: 1.25rem;
    padding-bottom: .15rem;
    color: #fcf7e1;
}
p {
    font-size: 1.25rem;
    padding-left: .5rem;
    color: #fcf7e1;
}
.listcards {
    border: 0.5rem solid #000;
    boarder-radius: 1rem;
    background-color: rgba(31, 14, 0, .1);
}
ul {
    background-color: #1f0e00;
}
ul li span {
    padding-left: -.75rem;
    padding-right: .5rem;
}
ul img {
    background-color: rgba(255, 255, 255, 0.101);
}
.discoContain {
    background-color: #000;
}
.headlines {
    background-color: #000;
}
#dicoAlbums {
    width: 20%;
    margin: auto;
}

.card {
    background-color: rgba(255, 255, 255, 0.101);

    background-size: 600px 900px;
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 1.5rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.disc-electricRed {
	background-image: url("https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExZmN1d3d6dnU3cDkxMDl5MW9mbTNwMmY1amUzaXRhZWJrYzNraHFsdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/26wd3WT6ReCnUtx9m/giphy.webp");
}
.disc-anhedonia{background-image: url("https://media.giphy.com/media/l3c614V12UA82q1vG/giphy.gif?cid=ecf05e47ggyiofs7hwc8qyyvfqx1wh7p4agvfglqg4k41bqp&ep=v1_gifs_related&rid=giphy.gif&ct=g");}
.disc-poisoned{background-image:  url("https://media.giphy.com/media/xUPJUgcKWjUaawSWHu/giphy.gif?cid=ecf05e47xsgjtlz34sljppd1i0aw8afuyios4h9pvmy68bnc&ep=v1_gifs_related&rid=giphy.gif&ct=g");}
.disc-urban{background-image: url("https://media.giphy.com/media/xUOwG3rLN3nzO7XAMU/giphy.gif?cid=ecf05e47xsgjtlz34sljppd1i0aw8afuyios4h9pvmy68bnc&ep=v1_gifs_related&rid=giphy.gif&ct=g");}
.disc-3D{background-image:  url("https://media.giphy.com/media/3og0IIKtNRuW5tv8Oc/giphy.gif?cid=ecf05e47yyl8xgqfjh6n23du1574a3pvcc9i3edmytsy0mzn&ep=v1_gifs_related&rid=giphy.gif&ct=g");}
.disc-avisale{background-image: url("https://media.giphy.com/media/26wdlhJGSJ3YfQyCQ/giphy.gif?cid=ecf05e47ggyiofs7hwc8qyyvfqx1wh7p4agvfglqg4k41bqp&ep=v1_gifs_related&rid=giphy.gif&ct=g");}

.card-content {
    color: #fff;
    align-content: center;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
    transition: 0.3s;
}
.card-content:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.4);
}
card-content a {
    align-content: center;
}
.card-year {
    font-size: 1.4rem;
}
.card-img-top {
    border: 0.2rem solid #fff;
    border-radius: 8px;
}
.card-body {
    text-align: center;
    align-content: center;
}
.btn {
    margin-bottom: 1rem;
}
div p:first-of-type, div h1:first-of-type, div h5:first-of-type {
    padding-top: 1.5rem;
}
div ul:first-of-type {
    padding-top: .75rem;
}
div p:last-of-type, div h1:last-of-type, div ul:last-of-type {
    padding-bottom: 1rem;
}
.list-unstyled .media-body .tourcards {
    background-color: #1f0e00;
    list-style: none;
    font-family: 'Courier Prime', monospace;
    color: #fff;
}
.list-unstyled .media-body .tourcards li {
    background-color: #000;
    padding: .25rem 1rem;
}
.list-unstyled .media-body .tourcards li .date {
    color: #fff;
}
.list-unstyled .media-body .tourcards li .state {
    color: #F2C280;
}
.list-unstyled .media-body .tourcards li .city {
    color: #F2C280;
}
.list-unstyled .media-body .tourcards li .note {
    color: #F2C280;
}
.quoteAuth {
    font-style: italic;
    text-align: right;
    padding-top: .25rem;
}
@media screen and (max-width: 800px) {
    #navP {
        display: none;
    }
}
li img.ffnb {
    max-height: 40px;
    max-width: 40px;
}
#navbarSupportedContent {
    widows: 100%;
    height: auto;
}
#navP {
    text-align: right;
    font-size: .85rem;
    padding-right: 1rem;
}
#player {
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.card-title {
    color: #fff;
    font-size: 2rem;
    border: 0.2rem solid #fff;
    border-radius: 15px;
}
.jumbotron {
    background-color: #000;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    color: #F2C280;
 
}
.headcontainer {
    background-image: url("../MEDIA/backgrounds/headerPlanet.jpg");
    align-content: center;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
	max-height: 324px;
	border-radius: 15px;
}
.list-unstyled .media-body .highlightCard li {
    list-style-image: url("../MEDIA/graphics/singlenote.gif")
}
.nav-container {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}
.navbar-nav {
    display: flex; /* Enable flexbox layout */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%; /* Ensure it spans full width */
	background-color: #000;
}