/*****************
** Site Wrapper **
*****************/
/* Background */
div#background {
  background-color: #000;
  background-image: url('KREATOR-webstore-bg.jpg');
}

/* Logo */
header #logo {
  /* Full size */
  background-image: url("KREATOR-webstore-header.svg");
  background-position: center;
  height: 0;
  width: 100%;
  padding-top: 18%;
}

@media only screen and (max-width: 991px) {
  /* Medium size */
  header #logo {
    height: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  /* Mobile size */
  header #logo {
    height: 0;
    width: 90%;
  }
}
/* Navigation */
header nav a {
  /* Links (normal) */
  color: #ff0000;
  opacity: 0.75;
}

header nav a:hover {
  /* Links (hover) */
  color: #ff0000;
  opacity: 1;
}

header nav a#header-cart {
  /* Cart link */
  color: #fff;
  font-weight: 700;
  opacity: 1;
}

header nav input[type=text] {
  /* Search box (normal) */
  background-color: transparent;
  border-color: rgba(138, 138, 138, 0.75);
  color: #fff;
}

header nav input[type=text]:focus {
  /* Search box (active) */
  border-color: #fff;
}

/* Navigation (Sticky) */
header #navigation.sticky {
  /* Background */
  background-color: #000;
}

header #navigation.sticky a {
  /* Links (normal) */
  color: #fff;
}

header #navigation.sticky a:hover {
  /* Links (hover) */
  color: #ff0000;
}

header #navigation.sticky a#header-cart {
  /* Cart link */
  color: #ff0000;
}

header #navigation.sticky input[type=text] {
  /* Search box (normal) */
  background-color: transparent;
  border-color: rgba(138, 138, 138, 0.25);
  color: #fff;
}

header #navigation.sticky input[type=text]:focus {
  /* Search box (active) */
  border-color: rgba(138, 138, 138, 0.75);
}

/* Body */
#main, #navigation {
  background-color: rgba(0, 0, 0, 0.5);
}

#main {
	margin-top: 0;
}

#navigation {
	padding: 10px 0;
}

/* Footer */
footer {
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #b1b1b1;
}

footer a {
  /* Links (normal) */
  color: #8a8a8a;
}

footer a:hover {
  /* Links (hover) */
  color: #ff0000;
}

footer .copyright {
  /* Copyright text */
  color: #8a8a8a;
}

@media only screen and (max-width: 767px) {
  /* Copyright mobile */
  footer .copyright {
    border-color: #b1b1b1;
  }
}
/******************
** Select Region **
******************/
/* Background */
body.select-region {
  background-color: #000;
}

/* Text */
.select-region .pre-header h2 {
  color: #fff;
}

/* Map */
.select-region #map {
  color: #8a8a8a;
}

/* Regions List */
.select-region .regions-footer {
  /* Background */
  background-color: #8a8a8a;
}

.select-region .regions-footer ul.regions li a {
  /* Links (normal) */
  color: rgba(0, 0, 0, 0.5);
}

.select-region .regions-footer ul.regions li a:hover, .select-region .regions-footer ul.regions li a.hover {
  /* Links (hover) */
  color: white;
}

/*******************
** Browse Artists **
*******************/
.browse-artists h2 {
  /* Main heading */
  color: #fff;
}

.browse-artists .artist-list dt {
  /* Column headings */
  color: #fff;
}

.browse-artists .artist-list dd a {
  /* Links (normal) */
  color: #8a8a8a;
}

.browse-artists .artist-list dd a:hover {
  /* Links (hover) */
  color: #ff0000;
}

/***********************************
** Product Listing/Search Results **
***********************************/
/* Category List */
#main ul.product-listing a {
  /* Links (normal) */
  color: #fff;
}

#main ul.product-listing a.selected, #main ul.product-listing a:hover {
  /* Links (hover) */
  color: #ff0000;
}

#main ul.product-listing ul {
  /* Subcategory list */
  border-color: #ff0000;
}

#main .mobile-product-listing {
  /* Mobile */
  background-color: #000;
}

#main .mobile-product-listing select {
  /* Mobile dropdown */
  background-color: #fff;
  color: #ff0000;
}

/* Super Feature */
.store-products figure.feature.super .description .product-name a {
  /* Underlay title (normal) */
  color: #fff;
}

.store-products figure.feature.super .description .product-name a:hover {
  /* Underlay title (hover) */
  color: #ff0000;
}

.store-products figure.feature.super .description .product-description {
  /* Underlay description */
  color: #8a8a8a;
}

@media only screen and (min-width: 1200px) {
  .store-products figure.feature.super .description {
    /* Overlay position (full size) */
    margin-top: 92px !important;
    margin-left: 58.3333333333% !important;
    width: 25% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .store-products figure.feature.super .description {
    /* Overlay position (medium size) */
    margin-top: 52px !important;
    margin-left: 58.3333333333% !important;
    width: 25% !important;
  }
}
@media only screen and (min-width: 992px) {
  .store-products figure.feature.super .description .product-name a {
    /* Overlay title (normal) */
    color: #444444;
  }

  .store-products figure.feature.super .description .product-name a:hover {
    /* Overlay title (hover) */
    color: #ff0000;
  }

  .store-products figure.feature.super .description .product-description {
    /* Overlay description */
    color: #444444;
  }

  .store-products figure.feature.super .description .btn {
    /* Overlay button (normal) */
    background-color: #ff0000;
    border-color: #ff0000;
    color: white;
  }

  .store-products figure.feature.super .description .btn:hover {
    /* Overlay button (hover) */
    background-color: #ff0000;
    border-color: #ff0000;
    color: white;
  }
}
/* Standard Features */
.store-products figure.feature .description .product-name a {
  /* Title (normal) */
  color: #ff0000;
}

.store-products figure.feature .description .product-name a:hover {
  /* Title (hover) */
  color: #ff0000;
}

.store-products figure.feature .description .product-description {
  /* Description */
  color: #444444;
}

/* Product Listing */
.store-products .content-listing h3 {
  /* Category headings */
  border-color: rgba(138, 138, 138, 0.3);
  color: #fff;
}

.store-products .content-listing .no-products {
  /* "No products found" text */
  color: #fff;
}

.store-products figure img {
  /* Product image */
  border: 0;
}

.store-products figure p.band-name {
  /* Band name */
  color: #8a8a8a;
}

.store-products figure p.product-name {
  /* Product name */
  color: #fff;
}

.store-products figure p.product-price {
  /* Price */
  color: #8a8a8a;
}

.store-products figure p.product-price .product-new {
  /* New flag */
  color: inherit;
}

.store-products figure p.product-price .product-preorder {
  /* Pre-order flag */
  color: inherit;
}

.store-products figure p.product-price .product-sale {
  /* Sale flag */
  color: inherit;
}

.store-products figure .product-purchase select {
  /* Option dropdown */
  background-color: transparent;
  border-color: #ddd;
  color: black;
}

.store-products figure .product-purchase label.submit svg path {
  /* Cart icon (normal) */
  fill: #bfbfbf;
}

.store-products figure .product-purchase label.submit:hover svg path {
  /* Cart icon (hover) */
  fill: #ff0000;
}

.store-products figure .product-purchase label.submit:after {
  /* "Add to Cart" text (normal) */
  color: #8a8a8a;
}

.store-products figure .product-purchase label.submit:hover:after {
  /* "Add to Cart" text (hover) */
  color: #ff0000;
}

.store-products figure .product-purchase label.submit span {
  /* "Added" text */
  color: #8a8a8a;
}

/* Search Results */
.store-products .top-bar h2 {
  /* Heading */
  color: #fff;
}

.search-results .top-bar p {
  /* Results text */
  color: #fff;
}

/*******************
** Product Detail **
*******************/
/* Product Information */
.product-detail h1 {
  /* Product name */
  color: #fff;
}

.product-detail h2 {
  /* Price */
  color: #fff;
}

.product-detail h2 .brand.preorder {
  /* Pre-order text */
  color: #ff0000;
}

.product-detail .product-info h3 {
  /* More info heading */
  color: #fff;
}

.product-detail .product-info p, .product-detail .product-info li {
  /* More info text */
  color: #fff;
}

.product-detail .product-image figcaption a:hover img, .product-detail .product-image figcaption a.selected img {
  /* Thumbnail (hover) */
  border-color: #ff0000;
}

.product-detail .underline {
  /* Heading horizontal rules */
  border-color: rgba(138, 138, 138, 0.3);
}

/* Ordering Form */
.product-detail .product-order label {
  /* Headings */
  color: #fff;
}

.product-detail .product-order form {
  /* Option text (normal) */
  color: #fff;
}

.product-detail .product-order .price {
  /* Option prices */
  color: #ff0000;
}

.product-detail .product-order .outofstock, .product-detail .product-order .outofstock .price {
  /* Option text (out of stock) */
  color: #fff;
}

.product-detail .product-order .notify a {
  /* Out of stock link (normal) */
  color: #ff0000;
}

.product-detail .product-order .notify a:hover {
  /* Out of stock link (hover) */
  color: #ff0000;
}

.product-detail .product-order input[type=email], .product-detail .product-order input[type=number], .product-detail .product-order input[type=text] {
  /* Fields */
  background-color: transparent;
  border-color: #ddd;
  color: #fff;
}

.product-detail .product-order input[type=submit] {
  /* Submit button (normal) */
  background-color: #ff0000;
  color: white;
}

.product-detail .product-order input[type=submit]:hover {
  /* Submit button (hover) */
  background-color: #ff0000;
  color: white;
}

.product-detail .product-order p {
  /* Instructional text */
  color: #fff;
}

.product-detail .product-order form {
  /* Horizontal rule */
  border-color: #f9f9f9;
}

/* Social Sharing */
.product-detail .product-order .social-share li a {
  /* Links (normal) */
  color: #8a8a8a;
}

.product-detail .product-order .social-share li a:hover {
  /* Links (hover) */
  color: #ff0000;
}

/* Related Products */
.product-detail .gray-box {
  /* Padding background */
  background-color: rgba(0, 0, 0, 0.5);
}

.product-detail .gray-box article {
  /* Gray box */
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #b1b1b1;
}

.product-detail .gray-box article h2 {
  /* Heading */
  color: #fff;
}

/* NEW DESIGN UPDATES */
header nav a#header-cart {
  /* Cart link */
  color: #ff0000;
  font-weight: 700;
  opacity: 1;
}

header #navigation.sticky a#header-cart {
  /* Cart link - Sticky */
  color: #ff0000;
  font-weight: 700;
  opacity: 1;
}

header nav a#header-cart:hover {
  /* Cart link (hover) */
  color: #ff0000;
}

header #navigation.sticky a#header-cart:hover {
  /* Cart link - Sticky (hover) */
  color: #ff0000;
}

header nav a#header-cart path {
  /* Cart icon (normal) */
  fill: #ff0000;
}

header nav a#header-cart:hover path {
  /* Cart icon (hover) */
  fill: #ff0000;
}

header #navigation.sticky a#header-cart path {
  /* Cart icon - Sticky (normal) */
  fill: #ff0000;
}

header #navigation.sticky a#header-cart:hover path {
  /* Cart icon - Sticky (hover) */
  fill: #ff0000;
}

header nav a#header-cart span {
  /* Cart counter */
  background-color: #ff0000;
  color: white;
}

.store-products figure p.price {
  /* NEW Price */
  color: #8a8a8a;
}

.store-products figure .product-purchase label.submit a {
  /* "Add to Cart" (normal) */
  border-color: #bfbfbf;
  color: #bfbfbf;
}

.store-products figure .product-purchase label.submit a:hover {
  /* "Add to Cart" (hover) */
  background-color: #ff0000;
  border-color: #ff0000;
  color: white;
}

.store-products figure .product-purchase label.submit svg path {
  /* Cart icon (normal) */
  fill: #bfbfbf;
}

.store-products figure .product-purchase label.submit:hover svg path {
  /* Cart icon (hover) */
  fill: white;
}

.product-detail .product-order .notify a:not(.button) {
  /* Out of stock link (normal) */
  color: #ff0000;
}

.product-detail .product-order .notify a:not(.button):hover {
  /* Out of stock link (hover) */
  color: #ff0000;
}

.product-detail .product-order a.button {
  /* Submit button (normal) */
  background-color: #ff0000;
  color: white;
}

.product-detail .product-order a.button:hover {
  /* Submit button (hover) */
  background-color: #ff0000;
  color: white;
}

/******************
** Product Modal **
******************/
.modal-body {
  /* Top border */
  border-color: #ff0000;
}
.modal-body .modal-band-name em {
  /* Band name */
  color: #8a8a8a;
}
.btn-primary {
  /* Checkout button (normal) */
  background-color: #ff0000;
  border-color: #ff0000;
  color: white;
}
.btn-primary:hover {
  /* Checkout button (hover) */
  background-color: #ff0000;
  border-color: #ff0000;
  color: white;
}
.modal-content p.center a {
  /* Close link (normal) */
  color: #ff0000;
}
.modal-content p.center a:hover {
  /* Close link (hover) */
  color: #ff0000;
}
.store-products figure .product-purchase select {
  color: #000;
  border-color: #ddd;
}

.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
  background-image: url(Kreator-Banner-400x400.jpg);
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #2c343b;
  background-image: url(KRE-1803-TourReturns-1200x1200.jpg);
}
.cd-hero-slider li:nth-of-type(3) {
  background-color: #2c343b;
  background-image: url(KRE-1801-DenimAd-1200x1200.jpg);
}
.cd-hero-slider li:nth-of-type(4) {
  background-color: #2c343b;
  background-image: url(KRE-1801-SocksAd-1200x1200.jpg);
}
	
@media only screen and (min-width: 768px) {
	.cd-hero-slider li:first-of-type {
	  background-color: #2c343b;
	  background-image: url(Kreator-Banner-1140x400.jpg);
	}
	.cd-hero-slider li:nth-of-type(2) {
	  background-color: #2c343b;
	  background-image: url(KRE-1803-TourReturns-1140x400.jpg);
	}
	.cd-hero-slider li:nth-of-type(3) {
	  background-color: #2c343b;
	  background-image: url(KRE-1801-DenimAd-1100x400.jpg);
	}
	.cd-hero-slider li:nth-of-type(4) {
	  background-color: #2c343b;
	  background-image: url(KRE-1801-SocksAd-1100x400.jpg);
	}
}
