@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow);

/********************
 * HTML Defaults *
 ********************/
body {
  font-family: 'Lato', sans-serif;
  color: #333333;
  background: #ffffff;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Archivo Narrow', sans-serif;
}

a, a:focus, li a.active { color: #d36a09; }
a:hover { color: #d36a09; }

blockquote, address {
  font-family: 'Archivo Narrow', sans-serif;
  border-left-color: #e5e5e5;
}

#page {
  border-top: 5px solid #d36a09;
}

#header_top_blocks li a {
  background: #d36a09;
  color: white;
}
#header_top_blocks li a:hover {
  background: #d36a09;
}

#header #shop-by-category #catalog-menu-ss ul li a {
  border-color: #d36a09;
}

#header .row #cart a {
  color: #333333;
}
#header .row #cart #mini-cart a {
  color: #333333;
}
#header .row #cart span:last-child a {
  display: block;

  background: #d36a09;
  color: white;
}

/****************
 * Content Area *
 ****************/
#title-wrapper {
  background: #e5e5e5;
}

#main {
  background: #ffffff;
}
@media (min-width: 992px) {
  .section-blog #main,
  .section-blog-archive #main,
  .section-browse #main,
  .page-cart-checkout #main {
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 100%);
    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #f0f0f0 50%, #f0f0f0 100%);
  }
}

#main .alert.alert-success {
  border-left: 6px solid #d36a09;
}

#content,
#related-products,
#sbcat,
#catalog-menu {
  border-color: #e5e5e5;
  color: #333333;
}
.section-blog #content,
.section-blog-archive #content,
.section-browse #content,
#onyx-checkout-content {
  background: #ffffff;
}
@media (min-width: 992px) {
  .section-blog #content,
  .section-blog-archive #content,
  .section-browse #content,
  #onyx-checkout-content {
    border-right: 1px solid #e5e5e5;
  }
}

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

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

.section-blog .region-sidebar-second,
.section-blog-archive .region-sidebar-second,
.section-browse .region-sidebar-second,
.node-type-product .node-type-product,
#onyx-checkout-sidebar, .page-blog .views-row {
  background: #f0f0f0;
}

.page-blog .node-type-blog {
  background: #f0f0f0;
}
.node.node-type-blog > .links .node_read_more a {
  background-color: #d36a09;
}

.node-type-product #product-details {
  background: #ffffff;
}

/* 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 .price .amount,
#cart-form-products table .uc-price {
  color: #333333;
}

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

/* Form Elements */
.form-submit,
.form-submit:hover,
.form-submit:focus,
.form-submit:active {
  background-color: #d36a09;
  border-color: #d36a09;
  color: #ffffff;
}
.form-submit#edit-update,
.form-submit#edit-cancel {
  background-color: #ffffff;
  color: #d36a09;
}

.form-control,
.form-control:focus,
#checkout-form-bottom,
.search-results .search-result-item {
  border-color: #e5e5e5;
}
#header #search-block-form .container-inline .input-group .form-group .form-control:focus {
  border-color: #e5e5e5;
}
.sidebar .form-control {
  border-color: #c5c5c5;
}
.sidebar #search-block-form .container-inline .input-group .form-group .form-control::-webkit-input-placeholder {
  color: #666666;
}
.sidebar #search-block-form .container-inline .input-group .form-group .form-control:-moz-placeholder {
  color: #666666;
}
.sidebar #search-block-form .container-inline .input-group .form-group .form-control::-moz-placeholder {
  color: #666666;
}
.sidebar #search-block-form .container-inline .input-group .form-group .form-control:-ms-input-placeholder {
  color: #666666;
}
.sidebar #search-block-form .container-inline .input-group .input-group-btn button i {
  color: #666666;
}
.sidebar #search-block-form .container-inline .input-group .input-group-btn button:hover i {
  color: #d36a09;
}

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

.views-field-view-node:hover {
  background: #d36a09;
  background-image: url(../images/arrow.png);
}

.views-field-view-node i {
  color: #ffffff;
}

.views-field-title a {
  color: #333333;
}

.views-field-title a:hover {
  color: #d36a09;
}

.node-type-blog .views-row, .section-blog-archive .views-row {
  background-color: #ffffff;
}

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

/* List page */
.pager li,
.pager li > a,
.pager li > a.active,
.pager li > span {
  border-color: #d36a09;
  color: #333333;
}

/* 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: rgba(51,51,51, 0.6) /* Circle color */;
  color: #ffffff /* Region background */;
}
.node-arrow-pager li a:hover {
  background: rgba(51,51,51, 0.6);
  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: rgba(51,51,51, 0.6);
}
#product-images .zoom-in:hover {
  color: rgba(51,51,51, 0.6);
}


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


/**********
 * Navbar *
 **********/
.navbar-default,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: #ffffff;
  border-color: #e5e5e5;
}
.navbar-default .navbar-nav > li > a,
.navbar-default #cart a,
#page > .navbar #search-block-form button i,
#catalog-menu li a,
#block-imsite-gallery_sections li a {
  color: #333333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default #cart a:hover,
#page > .navbar #search-block-form button:hover i,
#catalog-menu li a:hover,
#catalog-menu > li:hover > span > a,
#block-imsite-gallery_sections li a:hover {
  color: #d36a09;
}
.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;
}

/***********
 * Sidebar *
 ***********/
.sidebar {
  color: #333333;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
  color: #333333;
}
.sidebar a {
  color: #666666;
}
.sidebar a:hover {
  color: #d36a09;
}

/**********
 * Footer *
 **********/
.region-footer-top,
#footer {
  background: #000000;
  color: #838383;
}
.region-footer-top a,
#footer a {
  color: #838383;
}
.region-footer-top a:hover,
#footer a:hover {
  color: #d36a09;
}

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

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