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

/********************
 * HTML Defaults *
 ********************/
body {
  font-family: Verdana, Geneva, sans-serif;
  color: #333333;
  background: url(//indiemade.scdn2.secure.raxcdn.com/all_textures/green-fibers.png) top left repeat;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Vesper Libre', serif;
}

a { color: #126860; }
a:hover { color: #004038; }

blockquote, address {
  font-family: 'Vesper Libre', serif;
  border-left-color: #d7d7d7;
}

/****************
 * Content Area *
 ****************/
#content {
  background: #FFFFFF;
  color: #333333;
}

#main > .container {
  background: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  body {
    background: #FFFFFF;
  }
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content legend {
  color: #777777;
}

.node-type-blog.node-teaser {
  border-color: #d7d7d7;
}

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

/* price color */
.product .price .amount,
#cart-form-products table .uc-price,
.region-content-bottom #related-products table.views-view-grid td .views-field-sell-price {
  color: #333333;
}

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

/* Form Elements */
.form-control {
  color: #333333;
  background-color: #ffffff;
  border-color: #d7d7d7;
}
.form-submit {
  background-color: #126860;
  border-color: #126860 /* same as background */;
  color: #ffffff;
}
.form-submit:hover{
  background-color: #00544c;
  border-color: #00544c /* same as background */;
  color: #ffffff /* does not change */;
}

.add-to-cart input#edit-qty,
#cart-form-products .qty input.form-control {
  width: 60px;
}

/* Social Icons */
#social-web-links li a {
  background: #9CB6BC /* Circle color */;
  color: #FFFFFF /* Region background */;
}
#social-web-links li a:hover {
  background: #748e94;
  color: #FFFFFF /* Region background */;
}

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

/* List page */
.pager li > a,
.pager li > a.active,
.pager li > span {
  background: #FFFFFF;
  color: #333333;
  border-color: #d7d7d7;
}
.pager-current,
.pager li > a:hover,
.pager li > a:focus {
  border-color: #d7d7d7;
  background: #fafafa;
}

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

/* Node pager */
.node-arrow-pager li a {
  background: #bfbfbf /* Circle color */;
  color: #FFFFFF /* Region background */;
}
.node-arrow-pager li a:hover {
  background: #ababab;
  color: #FFFFFF /* Region background */;
}

/**
 * Carousel
 */
#product-images .carousel-control,
#product-images .carousel-control:focus,
#product-images .zoom-in {
  color: #bfbfbf;
}
#product-images .carousel-control:hover,
#product-images .zoom-in:hover {
  color:  #ababab;
}


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


/**********
 * Header *
 **********/
#header {
  background: #DED8C9;
  color: #333333;
}
#header a {
  color: #126860;
}
#header a:hover {
  color: #004038;
}

/* TODO: Header form elements */

/* Social Icons */
#header #social-web-links li a {
  background: #9CB6BC /* Circle color */;
  color: #DED8C9 /* Region background */;
}
#header #social-web-links li a:hover {
  background: #748e94;
  color: #DED8C9 /* Region background */;
}

/**********
 * Navbar *
 **********/
.navbar-default {
  background: #F8F8F8;
  border: 1px solid #d0d0d0;
  border-width: 1px 0;
}
.navbar-default .navbar-nav > li > a {
  color: #333333;
}
.navbar-default .navbar-nav > li > a.active {
  color: #000000;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #0b0b0b;
}
.navbar-default .navbar-toggle {
  border-color: #333333;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #333333;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #d0d0d0;
}

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

/* Social Icons */
.navbar-default #social-web-links li a {
  background: #9CB6BC /* Circle color */;
  color: #F8F8F8 /* Region background */;
}
.navbar-default #social-web-links li a:hover {
  background: #748e94;
  color: #F8F8F8 /* Region background */;
}

/***********
 * Sidebar *
 ***********/
.sidebar {
  background: #FFFFFF;
  color: #333333;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
  color: #333333;
}
.sidebar a {
  color: #126860;
}
.sidebar a:hover {
  color: #004038;
}

.sidebar .item-list .views-row {
  padding: 8px 0;
  border-bottom: 1px solid #d7d7d7;
}
.sidebar .item-list .views-row.views-row-last {
  border-bottom: 0;
}

/* TODO: Sidebar form elements */

/* Social Icons */
.sidebar #social-web-links li a {
  background: #9CB6BC /* Circle color */;
  color: #FFFFFF /* Region background */;
}
.sidebar #social-web-links li a:hover {
  background: #748e94;
  color: #FFFFFF /* Region background */;
}

/**********
 * Footer *
 **********/
#footer {
  background: #F8F8F8;
  border-top: 1px solid #d0d0d0;
  color: #333333;
}
#footer a {
  color: #9CB6BC;
}
#footer a:hover {
  color: #748e94;
}

/* TODO: Footer form elements */

/* Social Icons */
#footer #social-web-links li a {
  background: #9CB6BC /* Circle color */;
  color: #F8F8F8 /* Region background */;
}
#footer #social-web-links li a:hover {
  background: #748e94;
  color: #F8F8F8 /* Region background */;
}

/********************************
 * 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: 75.018754688672%;}
@media (min-width: 768px) {
  .node-column {
    min-height: 588.88972243061px;
  }
}