html {
	height: 100%;
}

body {
	background-color: #33677c;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	color: #999999;
	font-size: 16pt;
	height: 100%;
}

.login .container {
	width: auto;
}

div.content-container {
	width: 86.7%;
}

#right-menu {
	width: 12.3%;
}

#right-menu div, #mobile-menu div {
	padding: 0;
}

#right-menu div img:nth-child(2),
#mobile-menu div img:nth-child(2) {
	display: none;
}

#right-menu div:hover img:nth-child(1),
#mobile-menu div:hover img:nth-child(1) {
	display: none;
}

#right-menu div:hover img:nth-child(2),
#mobile-menu div:hover img:nth-child(2) {
	display: block;
}

.navbar.navbar-inverse {
	background-color: #33677c;
	border: 0;
}

.navbar-nav > li > a {
	padding: 0;
}

#JSNavbar {
	margin-top: 55px;
	font-size: 14pt;
	font-weight: 600;
}

#JSNavbar .center-nav a {
	padding: 15px;
	padding-top: 10px;
}

#JSNavbar .active, #JSNavbar a:hover, .footer a:hover {
	color: #ede514;
}

#JSNavbar .navbar-right li {
	margin-right: 20px;
}

#JSNavbar i {
	font-size: 27px;
}

#JSNavbar .navbar-right img {
	height: 2.5rem;
}

.nav-donate {
	margin-top: 5px;
	margin-left: 50px;
}

#JSNavbar .nav-cart img {
	height: 5rem;
}

.nav-cart {
	margin-top: -10px;
}

.nav-cart a {
	width: 200px;
	text-align: center;
}

.kofilink {
	margin-top: -5px;
}

.top-banner {
}

.top-banner .logo {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 100px;
}

.grey-background {
	background-color: #363636;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

h2, h4 {
	color: #ede514;
}

h1, h2, h3 {
	font-size: 16pt;
}

h2, h3 {
	margin-bottom: 20px;
}

div.content-container {
	background: url('/themes/jason-brocket/assets/images/slyda/cracked-lines-light.png') no-repeat;
	background-color: #33677c;
	background-position: top right !important;
	background-size: 100% auto !important; 
}

div.content-container.dark {
	background: url('/themes/jason-brocket/assets/images/slyda/cracked-lines.png') no-repeat;
	background-color: #295363;
}

div.content-container.lightdark {
	background: url('/themes/jason-brocket/assets/images/slyda/cracked-lines-darker.png') no-repeat;
	background-color: #33677c;
}

.mall-cart-count {
	background-color: #ede514;
	color: #295363;
	position: absolute;
  	/* left: 20px; */
	bottom: 0;
}

.mall-cart a:hover {
	color: #ede514;
}

.scrolling-box {
	overflow-y: scroll;
	max-height: 750px;
}

/* Footer */

.footer {
	padding-right: 3rem;
}

.footer a, .footer a:visited, .footer a:active {
	text-decoration: none;
	color: #999999;
	font-weight: 600;
	padding-bottom: 2rem;
}

/* Controls */
.play-track, .stop-track {
	background-color: initial;
	font-size: 20px;
	color: #959595;
	padding: 0;
	padding-top: 0px;
	margin-top: -5px;
}

.play-track.recent, .stop-track.recent {
	font-size: 20px;
}

/* Pages */

.top-clearance {
	margin-top: 40px;
}

.example-icons i {
	margin-left: 10px;
}

.logo-container {
	padding-left: 5em;
	padding-right: 5em;
	padding-top: 8em;
	/* padding-bottom: 10em; */
}

.logo-container .inner {
/*	padding: 20px;*/
/*	border: 1.5px solid black;*/
}

div.content-container .padd-top {
	padding-top: 7.5em;
}

.mall-address-form__form {
	padding-top: 5.5em;
}

.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align > [class^="col-md-7"],
.vertical-align > [class*=" col-md-7"] {
	display: flex;
	align-items: center;     /* Align the flex-items vertically */
	justify-content: center; /* Optional, to align inner flex-items horizontally within the column  */
}

.video-row,
.mall-checkout-result.mall-checkout-result--successful {
	min-height: 900px;
}

.video-row iframe {
	height: 300px;
}

.nopadd {
	padding: 0;
}

.light-blue-background {
	margin-top: -8px;
	background-color: #3d7b94;
}

.music-track-item {
	font-size: 8pt;
	color: #ede514;
}

.track-name {
	padding-right: 0;
}

.tracks-heading {
	margin-bottom: 30px;
}

.latest-heading {
	margin-bottom: 30px;
}

.music-purchase, .music-purchase:hover, .music-purchase:visited, .music-purchase:active {
	font-size: 7pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ede514;
	color: black;
	border-radius: 0;
	border: none;
	font-weight: 600;
	margin-top: -7px;
	margin-left: 2px;
}

.music-purchase.add-cart, .music-purchase.add-cart:hover, .music-purchase.add-cart:visited, .music-purchase.add-cart:active {
	margin-top: -6px;
}

.allow-overflow {
	overflow-x: hidden;
	overflow-y: hidden;
}

wave {
	overflow: hidden hidden !important;
}

.allow-overflow::-webkit-scrollbar {
	display: none;
}

.add-cart, .add-cart:hover, .add-cart:active, .add-cart:visited, .add-cart:focus {
	margin-top: 5px;
	background-color: #ed8a08;
}

.music-bottom, .flex {
	display: flex;
}

.music-bottom div {
	text-align: center;
	padding: 40px;
}

.music-bottom img {
	display: inline-block;
}

.music-bottom .light-blue-background {
	margin: 0;
}

.disco-container {
	margin-top: 100px;
}

.sidebar-link-container {
	margin-top: -20px;
	padding: 0;
	margin-left: 7%;
	margin-right: 7%;
}

.sidebar-link-container img {
	margin-top: 20px;
}

.sidebar-link-container .col-md-4 {
	padding: 20px;
}

.contact-link {
	color: #9d9d9d;
	font-size: 8pt;
	/* padding: 40px; */
}

.contact-link:hover {
	color: #ede514;
}

.music-left-text {
	font-size: 11pt;
	padding-top: 20px;
}

.store-album {
	font-size: 10pt;
}

.store-album img {
	padding-top: 30px;
	padding-bottom: 30px;
}

.store-album table td {
	color: #ede514;
}

.store-album .purchase {
	margin-top: 25px;
}

.video-music-padded {
	padding-top: 80px;
}

.about-music-padded {
	padding-top: 120px;
}

.about-container, .privacy-container {
	padding: 30px;
	padding-left: 60px;
	padding-right: 60px;
}

.about-container h3, .privacy-container h3 {
	color: #ccc;
	font-size: 12pt;
}

.privacy-container strong {
	margin-bottom: 1rem;
	display: block;
}

.about-container p, .privacy-container p {
	font-size: 10pt;
	color: #ccc;
	font-weight: normal;
}

.about-container a, .about-container a:hover, .about-container a:active, .about-container a:visited,
.privacy-container a, .privacy-container a:hover, .privacy-container a:active, .privacy-container a:visited {
	color: #ede514;
}

.privacy-container li {
	font-size: 10pt;
	color: #ccc;
	font-weight: normal;
}

.socials-container {
	margin: 40px;
}

.socials-container {
	font-size: 12pt;
	color: #9d9d9d;
}

.socials-container .donate {
	padding-right: 60px;
}

.merch-message {
	font-size: 11pt;
	padding-bottom: 20px;
}

.merch-container {
	padding-left: 80px;
	padding-right: 80px;
}

.merch-product {

}

.merch-product h3, .merch-product .description {
	font-size: 8pt;
	margin-bottom: 0;
	color: #ccc;
}

.contents-only {
	display: block;
}

.price {
	font-size: 10pt;
	color: #ccc;
}

.merch-float {
	margin-top: -10px;
}

.signin-column h3 {
	color: #ede514;
	text-transform: uppercase;
	font-size: 13pt;
}

.signin-column label {
	color: #ccc;
	font-size: 12pt;
}

.cart th {
	color: #ede514;
	text-transform: uppercase;
	font-size: 13pt;
}

.cart td {
	color: #ccc;
	font-size: 12pt;
}

.cart select {
	color: black;
}

.cart, .account {
	min-height: 900px;
}

.account {
	color: #ccc;
	font-size: 12pt;
}

.btn-contact, .btn-contact:hover, .btn-contact:active, .btn-contact:visited {
	background-color: white;
	color: black;
	font-size: 18px;
}

.contact-container {
	padding-left: 50px;
	padding-right: 50px;
}

.contact-disco {
	height: 4em;
}

#ContactForm input, #ContactForm textarea {
	font-size: 12pt;
}

.donate-container {
	background-color: #295363;
	margin-right: 1em;
	border-radius: 10px;
}

.donate-container.min {
	min-height: 200px;
}

.donate-container p {
	font-size: 10pt;
	padding: 20px;
}

.donate h2 {
	margin-top: 30px;
	margin-bottom: 80px;
}

.no-borders.table td {
	border: none;
}

.donate .table td {
	text-align: center;
	color: black;
}

.donate .table button {
	border-color: white;
	background-color: white;
	width: 100%;
	font-weight: 600;
	font-size: 14pt;
}

.donate .table input, .donate .table .input-group-addon {
	font-size: 14pt;
	font-weight: 600;
	background-color: white;
  	border: none;
	text-align: right;
	height: 40px;
	color: black;
}

.donate-buttons {
	text-align: center;
}

.donate-buttons img {
	height: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.donate h3 {
	color: #ede514;
	font-size: 14pt;
	margin-bottom: 0;
}

.btn-donate {
	background-color: #ec8b06;
	border-color: #ec8b06;
	font-size: 20pt;
	color: white;
	width: 90%;
	font-weight: 600;
}

.btn-container {
	margin-top: 60px;
	margin-bottom: 30px;
}

.related-white-background {
	margin-top: 50px;
}

.related-white-background .container {
	background-color: white;
}

.related-white-background h3 {
	color: black;
	padding: 15px;
}

.related h4 {
	color: black;
}

.related .price {
	color: black;
	font-size: 12pt;
}

.mall-products {
	padding-right: 30px;
}

.mall-products .container-fluid {
	padding: 0;
}

.product {
	margin-top: 30px;
}

.product .image-container {
	background-color: white;
}

.product .btn-add-cart {
	border: black;
	font-size: 13pt;
	font-weight: 500;
	padding-left: 1em;
	padding-right: 1em;
}

.product .mall-input.quantity-input {
	background-color: #ccc;
	color: white;
	font-size: 13pt;
	padding-top: 8px;
  	padding-bottom: 8px;
  	height: 38px;
}

.product h2, .product .price {
	color: #9d9d9d;
}

.product h2 {
	margin-top: 10px;
}

.product .mall-product__description {
	font-size: 10pt;
	margin-bottom: 50px;
}

.product .price {
	font-size: 15pt;
	margin-bottom: 20px;
}

.product .btn-out-of-stock {
	background-color: #f63a0a;
	border-radius: 0;
	border-color: #f63a0a;
	color: black;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 0;
 	padding-bottom: 0;
	font-weight: 600;
	font-size: 15pt;
}

.merch-product .btn-out-of-stock {
	background-color: #f63a0a;
	color: black;
}

.mall-product__variants {
	margin-bottom: 40px;
}

.music-latest-column {
	padding-left: 40px;
}

.returns-link {
	font-size: 16px;
	padding-left: 15px;
}

.returns-link:visited, .returns-link:active {
	color: #337ab7;
}

.returns-link:hover {
	color: white;
}

.album-icon {
	display: none;
}

#MobileFooter {
	display: none;
}

.logo-mobile {
	display: none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: white;
	background-color: #9d9d9d;
}

.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
	color: #9d9d9d;
}

.table .table {
	background-color: transparent;
}

.product-anchor {
	display: none;
}