@import url(https://fonts.googleapis.com/css?family=Merriweather);

.navbar{
  min-width: 320px;
}
.navbar-brand {
  max-width: 65%;
  margin-right: 50px;
}

.nav-link { text-transform: uppercase; text-align: center; letter-spacing: 0.25rem; }

.container-fullwidth { overflow: hidden; width: 100%; }

#main-content .entry-content p { max-width: 90%; }

#main-content .entry-content .album-detail a, #main-content .entry-content .single-detail a { text-transform: none; }

#main-content .entry-content .album-detail p,
#main-content .entry-content .single-detail p {
	margin: 0 auto 1.2rem;
	max-width: 900px;
	overflow: hidden;
	width: auto;
}

#main-content .entry-content .album-detail h2,
#main-content .entry-content .single-detail h2 {
	margin: 0 auto 1.2rem;
	font-weight: normal;
}

#main-content .entry-content .tracklist table {
	max-width: 900px;
}

#page-content { border-radius: 2rem; margin: 0 auto; max-width: 95%; overflow: hidden; }

@media screen and (max-width: 1319.98px) {
	#page-content { width: 100%; }
}

.full-height { height: 100vh; overflow: hidden; }
.bg-transblack { background: url('../assets/images/bg-tile-transblack.png') repeat left top; }

.bg-home-hero { background: #000 url('../assets/images/bg-home-hero.jpg') no-repeat center top; border-bottom: 6px solid #493939; max-height: 800px; }
.bg-home-hero img { border: 1px solid #493939; }

.bg-thorns { background: url('../assets/images/bg-thorns.png') repeat-x left center; }

.spacer { display: block; margin: 20px auto; min-height: 50px; height: auto; overflow: hidden; width: 100%;}

/* #nav-main { background: #702127; } */

a{
    color:#493939;
    font-family:"Merriweather", serif;
    text-transform:uppercase;
	letter-spacing: 0.25rem;
    text-decoration:none
}
a:hover{
    text-decoration:underline
}

#main-content .entry-content h2.section-title { width: 100%; text-align: center; }

#main-content .entry-content #albums, #main-content .entry-content #singles, #main-content .entry-content #photo-gallery, #main-content .entry-content .full-width {
  margin: 0 auto;
  max-width: 95%;
  width: 95%;
}

.discography-list .album {
	background: #212529;
	border: 1px solid #493939;
	margin: 0 10px 10px;
    min-width: 200px;
	overflow: hidden;
	text-align: center;
	width: auto;
}

.discography-list .album:hover {
	background: #493939;
}

.discography-list .album .album-cover {
  border-bottom: 1px solid #CCC;
  margin: 10px auto;
  overflow: hidden;
  padding: 0 0 20px;
  width: 100%;
}

#main-content .entry-content #albums { margin: 0 auto 20px; }
#main-content .entry-content .album .album-title { min-height: 3rem; }
#main-content .entry-content .album .album-title h3 { font-size: 1.25rem; font-weight: bold; color: #B69D7C; }

@media (max-width: 991.98px) {
  #logo-sm { display: inline; }
  #logo-lg { display: none; }
  #nav-main { background: #000; }
  #primary-menu-list { text-align: center; }
  #primary-menu-list li { border-bottom: 1px solid #111; text-align: center; width: 100%; }
  #primary-menu-list li:last-of-type { border-bottom: none; }
  #primary-menu-list li a { background: #000; text-align: center; width: 100%; overflow: hidden; font-family:"Merriweather", serif !important; }
  #primary-menu-list .nav-item a.nav-link { font-size: 1rem; }
}

#main-content .entry-content hr{
    border-bottom: 2px solid #493939;
    height: 6px;
    /*background:url('../assets/images/bg-thorns.png') repeat-x left center;*/
	margin: 5px 0;
	max-width: 100%;
	width: 100%;
}

.album p, .singles p, .lyrics p { margin: 0 auto; width: 100%; overflow: hidden;}
.lyrics h3 { font-weight: normal; }

.bold { font-weight: bold; }

.nav-item a.nav-link { text-transform: uppercase; }

h3.contact-company { margin: 1.2rem auto; }

#main-content .entry-content .album-details { text-align: center; padding: 0.8rem 0; }

#main-content .entry-content .contact h4.contact-locale { color: #CCC !important; margin-bottom: 0.8rem; }
#main-content .entry-content .contact p.contact-email { width: 100% !important; max-width: 100% !important; }
#main-content .entry-content .contact p.contact-email a { text-transform: none; }

.cdcover { width: 100%; overflow: hidden; text-align: center; }
.cdcover img { display: block: margin: 0 auto; }

.tracklist table { margin: 2rem auto; }
#main-content .entry-content .tracklist table a { text-transform: uppercase; letter-spacing: 0.25rem; }
.tracklist table tr td:nth-child(2) { text-align: left; }
.tracklist table tr td:nth-child(3), .tracklist table tr td:last-of-type { text-align: center; }
.tracklist table tr { background: #212529; }
.tracklist table tr:hover { background: #493939; }
table td { border: 1px solid #493939; }

main .text-lightgrey { color: #CCC !important; }

h1,h2,h3,h4,h5,h6 .entry-title { font-weight: bold; color: #B69D7C !important; text-transform: uppercase; letter-spacing: 0.25rem; margin: 0; font-family:"Merriweather", serif; }

#main-content .entry-content h3 { font-size: 1.5rem; color: #CCC; }
#main-content .entry-content h4 { font-size: 1rem; font-weight: bold; }

#main-content .entry-content .book-links a, #main-content .entry-content .book-links a:visited {
	font-size: 1.5rem; color: #B69D7C; text-decoration: none; text-transform: uppercase; letter-spacing: 0.25rem;
}

#main-content .entry-content .book-links a:hover, #main-content .entry-content .book-links a:active {
	color: #CCC; text-decoration: underline; text-transform: uppercase; letter-spacing: 0.25rem;
}

#main-content .entry-content .bit-event { overflow: hidden; width: 100%; display: block; text-align: center; }
#main-content .entry-content .bit-event a { text-decoration: none; }
#main-content .entry-content .bit-venue, #main-content .entry-content .bit-location { margin: 0; padding: 0; width: 100%; overflow: hidden; text-align: center; }
#main-content .entry-content .bit-details { overflow: hidden; width: 100%; display: block; }
#main-content .entry-content .bit-date { margin: 5px auto 2rem; }

#main-content .bit-widget-container .bit-widget .bit-event .bit-button { margin: 0 auto 5px; display: block; width: 150px; }

#main-content .bit-widget-container .bit-widget .bit-event a, #main-content .bit-widget-container .bit-widget .bit-event a:visited { color: #CCC; text-decoration: none; }

.bit-date, .bit-venue { display: block; width: 100%; overflow: hidden; text-align: center; }
.bit-date { font-weight: bold; text-transform: uppercase; letter-spacing: 0.25rem; font-size: 1.25rem; font-family: "Merriweather", serif; }
.bit-rsvp-container { display: none; }
/*
#main-content .entry-content a.bit-rsvp, #main-content .entry-content a.bit-rsvp:visited { background: none; color: #CCC; }
#main-content .entry-content a.bit-rsvp:hover, #main-content .entry-content a.bit-rsvp:active { background: none; color: #CCC; }
*/
#main-content .entry-content a.bit-play-my-city-button, #main-content .entry-content a.bit-play-my-city-button:visited {
  background: none;
  border: 1px solid #B69D7C;
  color: #CCC;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.25rem;
}

#main-content .entry-content a.bit-play-my-city-button:hover, #main-content .entry-content a.bit-play-my-city-button:active {
	background: #B69D7C;
	text-decoration: underline;
}

#main-content .entry-content a.bit-offers, #main-content .entry-content a.bit-offers:visited { background: none; color: #B69D7C; }
#main-content .entry-content a.bit-offers:hover, #main-content .entry-content a.bit-offers:active { background: none; color: #B69D7C; }

.entry-title { text-align: center; }
footer.bg-dark { background-color: #000 !important; }

.subheading { color: #B69D7C; font-size: 1.5rem; }
.subheading a, .subheading a:visited { color: #B69D7C; text-decoration: none; }
.subheading a:hover, .subheading a:active { color: #CCC; text-decoration: underline; }

#social-channels { text-align: center; width: 100%; margin: 10px auto 0; }
#social-channels a { display: inline-block; text-align: center; border: 0; text-decoration: none; overflow: hidden; }

@media (max-width: 540px) {  #social-channels a img { height: auto; max-width: 35px; margin: 0 3px; } }
@media (min-width: 540px) and (max-width: 991.98px) { #social-channels a img { height: auto; max-width: 40px; margin: 0 4px; } }
@media (min-width: 992px) {
  #social-channels a img { height: auto; max-width: 60px; margin: 0 5px; }
  #heading-wrapper { background: #000 url('../assets/images/header-background-left.jpg') no-repeat left center; border-bottom: 6px solid #493939; }
  #logo-sm { display: none; }
  #logo-lg { display: block; margin: 0 auto; width: 100%; text-align: center; }
  #logo-lg a { display: block; margin: 0 auto; max-width: 900px; }
  #logo-lg img { max-width: 900px; }
  .nav-item a.nav-link { font-size: 1.25rem; }
}

#page-content a, #page-content a:visited { color: #B69D7C; text-decoration: underline; }
#page-content a:hover, #page-content a:active { color: #CCC; text-decoration none; }

button#btn-nav-toggler { background: #000; }

#page-content .lyrics .song { margin-top: 20px; }
#page-content .lyrics .song h3 { margin-bottom: 20px; }
#page-content .lyrics .song p { margin: 0px auto 20px; }

#main-content .entry-content #newsletter-signup p {
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
}

#main-panel .product p {
	max-width: 100%;
}

#mailing-list-inline {
	overflow: hidden;
	max-width: 500px;
	width: 100%;
}

#mailing-list-inline input.sib-email-area,
#amiling-list-inline input.sib-NAME-area {
	background: #333;
	border: 1px solid #CCC;
	color: #CCC;
}

#mailing-list-inline input#sib-submit {
	background: #493939;
	border-radius: 0.5rem;
	color: #CCC;
	text-transform: uppercase;
	letter-spacing: 0.25rem;
}

#mailing-list-inline .sib_signup_form {
	border: 1px solid #493939;
	border-radius: 1rem;
	padding: 2rem;
}

#main-panel {
  position: relative;
  display: inline-block; /* adjust as needed */
}

#main-panel-inner {
  position: relative;
  z-index: 1;
  padding: 20px; /* your own spacing */
}

#main-panel::before,
#main-panel::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 202px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
}

#main-panel::before {
  top: 0;
  left: 0;
  background-image: url('../assets/images/bg-corner-upper-left.png');
}

#main-panel::after {
  top: 0;
  right: 0;
  background-image: url('../assets/images/bg-corner-upper-right.png');
}

/* Bottom corners (use extra pseudo-elements or divs) */
#main-panel .corner-bl,
#main-panel .corner-br {
  position: absolute;
  width: 200px;
  height: 202px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
  bottom: 0;
}

#main-panel .corner-bl {
  left: 0;
  background-image: url('../assets/images/bg-corner-lower-left.png');
}

#main-panel .corner-br {
  right: 0;
  background-image: url('../assets/images/bg-corner-lower-right.png');
}

@media (max-width: 639.98px)
{
	#main-panel::before {
	  top: 0;
	  left: 0;
	  background-image: none;
	}

	#main-panel::after {
	  top: 0;
	  right: 0;
	  background-image: none;
	}

	#main-panel .corner-bl,
	#main-panel .corner-br {
	  display: none;
	  background-image: none;
	}
}