/********************
 * HTML Defaults *
 ********************/
body {
  font-family: Verdana, Geneva, sans-serif;
  color: #000000;
  background: url(/sites/freespiritscrochet.indiemade.com/files/violet-purple-white-watercolor-brush-paint-background-vector_1.jpg) no-repeat center center fixed; -webkit-background-size: cover;
  -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}

a, a:focus { color: #000000; }
a:hover { color: #000000; }

blockquote, address {
  font-family: Verdana, Geneva, sans-serif;
  border-color: #d7d7d7;
}

/****************
 * Content Area *
 ****************/
#main {
  background: #FFFFFF;
}

#content {
  color: #000000;
}

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

#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: #000000;
}

.node-type-blog.node-teaser {
  border-color: #d7d7d7;
}
.node-type-blog .meta span,
.node-type-blog .meta a,
.node-type-blog .links a {
  color: #000000;
}

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

/* 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: #000000;
}

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

.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: #000000;
  border-color: #000000 /* same as background */;
  color: #ffffff;
}

/* Social Icons */
#social-web-links li a {
  background: #000000;
  color: #FFFFFF;
}
#social-web-links li a:hover {
  background: #000000;
  color: #FFFFFF;
}

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

/* List page */
.pager li > a,
.pager li > a.active,
.pager li > span {
  background: #FFFFFF;
  border-color: #000000;
  color: #000000;
}
.pager-current,
.pager li > a:hover,
.pager li > a:focus {
  background: rgba(0,0,0, 0.35);
  border-color: #000000;
  color: #000000;
}

/* 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 {
  opacity: 0.5;
}
#product-images .carousel-control:hover {
  opacity: 0.8;
}

#product-images .zoom-in {
  color: #bfbfbf;
}
#product-images .zoom-in:hover {
  color:  #ababab;
}


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


/**********
 * Navbar *
 **********/
.navbar-default {
  background: rgba(0,0,0, 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(0,0,0, 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: #3c3c3c;
  background-color: #3c3c3c;
  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: #000000;
  color: rgba(0,0,0, 0.35);
}
.navbar-default #social-web-links li a:hover {
  background: #000000;
  color: rgba(0,0,0, 0.35);
}

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

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

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

/**********
 * 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: #000000;
}
#footer #social-web-links li a:hover {
  background: none;
  color: #000000;
}

/********************************
 * 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;
  }
}