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

/********************
 * HTML Defaults *
 ********************/
body {
  font-family: 'Cardo', serif;
  color: #1c161c;
  background: url(//indiemade.scdn2.secure.raxcdn.com/all_textures/brushed_alu_dark.png) top left repeat;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Metamorphous', display;
}

a, a:focus { color: #406912; }
a:hover { color: #68913a; }

blockquote, address {
  font-family: 'Metamorphous', display;
  border-color: #b4a7a7;
}

/****************
 * Content Area *
 ****************/
#main {
  background: #786B6B;
}

#content {
  color: #1c161c;
}

#content .alert.alert-success {
  border-left: 6px solid #6D167C;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a,
#content h1 a:focus,
#content h2 a:focus,
#content h3 a:focus,
#content h4 a:focus,
#content h5 a:focus,
#content h6 a:focus,
#content legend,
#content legend a,
#content .responsive-tabs__list__item {
  color: #000000;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover {
  color: #6D167C;
}

.node-type-blog.node-teaser {
  border-color: #b4a7a7;
}
.node-type-blog .meta span,
.node-type-blog .meta a,
.node-type-blog .links a {
  color: #6D167C;
}

/* Tables */
tr.even,
tr.odd,
form tbody,
thead th {
  border-color: #b4a7a7;
}
tr.odd {
  background: none;
}
tr.even {
  background: #8c7f7f;
}

/* price color */
.region-content-bottom #related-products table.views-view-grid td .views-field-sell-price,
#store-products #catalog .node-type-product .price .amount,
#content-area .category-grid-products .product-grid-item .price .amount,
.node-type-product .node-type-product #product-info .price,
#cart-form-products table .uc-price {
  color: #C15F05;
}

/* Blogs */
.views-field-view-node {
  background: #6D167C;
}

.views-field-view-node:hover {
  background: #282828;
}

.views-field-view-node a {
  color: white;
}

/****************************************************
 * Intelligent Defaults, later customized by region *
 ****************************************************/

/* Form Elements */
.form-submit,
.form-submit:hover,
.form-submit:focus,
.form-submit:active,
#continue-shopping-link a {
  background-color: #6D167C;
  border-color: #6D167C /* same as background */;
  color: #ffffff;
}

/* Social Icons */
#social-web-links li a {
  background: #646464;
  color: #786B6B;
}
#social-web-links li a:hover {
  background: #646464;
  color: #786B6B;
}

/*******************************
 * Pager (Drupal's definition) *
 *******************************/

/* List page */
.pager li > a,
.pager li > a.active,
.pager li > span {
  background: #786B6B;
  border-color: #6D167C;
  color: #000000;
}
.pager-current,
.pager li > a:hover,
.pager li > a:focus {
  background: rgba(109,22,124, 0.35);
  border-color: #6D167C;
  color: #000000;
}

/* Filmstrip carousel */
#gallery-image-pager .carousel-control,
#gallery-image-pager .carousel-control:hover,
#gallery-image-pager .carousel-control:focus {
  color: #8e8e8e;
}

/* Node pager */
.node-arrow-pager li a {
  background: #ffffff /* Circle color */;
  color: #786B6B /* Region background */;
}
.node-arrow-pager li a:hover {
  background: #ebebeb;
  color: #786B6B /* Region background */;
}

/**
 * Carousel
 */
#product-images .carousel-control,
#product-images .carousel-control:focus {
  opacity: 0.5;
}
#product-images .carousel-control:hover {
  opacity: 0.8;
}

#product-images .zoom-in {
  color: #ffffff;
}
#product-images .zoom-in:hover {
  color:  #ebebeb;
}


/**
 * Lightbox
 */
/* TODO */


/**********
 * Navbar *
 **********/
.navbar-default {
  background: rgba(109,22,124, 0.35);
}
.navbar-default .navbar-nav > li > a,
#shop-by-category a#sbcat {
  color: #000000;
}
.navbar-default .navbar-nav > li > a.active {
  color: #3c3c3c;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #282828;
}
.navbar-default .navbar-nav span#mini-cart {
  background-color: rgba(109,22,124, 0.35);
}
.navbar-default .navbar-toggle {
  border-color: #000000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: ;
}

/* Form Elements */
.navbar-default .form-control {
  border-color: #a952b8;
  background-color: #a952b8;
  color: #000000;
}
.navbar-default .form-submit {
  background-color: #000000;
  border-color: #000000 /* same as background */;
  color: #ffffff;
}
.navbar-default .form-submit:hover {
  background-color: #000000;
  border-color: #000000 /* same as background */;
  color: #ffffff /* does not change */;
}

/* Social Icons */
.navbar-default #social-web-links li a {
  background: #646464;
  color: rgba(109,22,124, 0.35);
}
.navbar-default #social-web-links li a:hover {
  background: #646464;
  color: rgba(109,22,124, 0.35);
}

.navbar-default #cart {
  color: #000000;
}
.navbar-default #cart a {
  color: #000000;
}
.navbar-default #cart #mini-cart a {
  background: rgba(109,22,124, 0.35);
}

/***********
 * Sidebar *
 ***********/
.sidebar {
  background: #726363;
  color: #000000;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
  color: #000000;
}
.sidebar a {
  color: #000000;
}
.sidebar a:hover {
  color: #6D167C;
}

/* Social Icons */
.sidebar #social-web-links li a {
  background: #646464;
  color: #726363;
}
.sidebar #social-web-links li a:hover {
  background: #646464;
  color: #726363;
}

/**********
 * Footer *
 **********/
#footer {
  background: #181818;
  border-top: 1px solid #545454;
  color: #999999;
}
#footer a {
  color: #999999;
}
#footer a:hover {
  color: #c1c1c1;
}

/* Social Icons */
#footer #social-web-links li a {
  background: none;
  color: #646464;
}
#footer #social-web-links li a:hover {
  background: none;
  color: #646464;
}

/********************************
 * Non-color/designkit settings *
 ********************************/

/* Aspect Ratio */
.node-type-product .image-container .single-image:before,
.carousel .carousel-inner .item:before,
.node-type-node-gallery-image .image-container:before {
  padding-top: 66.666666666667%;}
@media (min-width: 768px) {
  .node-column {
    min-height: 406.66666666667px;
  }
}

