/* base styles */
body {
  font-size: 16px;
}
#page {
  width: 100%;
}
#header,
#branding,
#slider,
#section-content,
#footer-branding,
#footer-content,
#top-bar  {
  width: 90%;
  margin: 0 auto;
}
#section-content {
  display: flex;
  justify-content: center;
  flex-flow: row-reverse;
}
#main-wrapper {
  flex-basis: 100%;
  width: 100%;
  background: #fff;
}
#sidebar-left-wrapper {
  flex-basis: 30%;
  width: 30%;
}

#branding-wrapper {
  border: none;
  z-index: 10;
  position: relative;
}
.front #section-content-wrapper {
  margin-top: -53px;
}
#section-content-wrapper {
  z-index: 10;
  position: relative;
}
.not-front #section-content-wrapper {
  z-index: 1;
}
/*Header*/
#header {
  padding: 50px 0 0 0;
}
.region-header {
  width: 100%;
}


/*Top Bar*/
#top-bar-wrapper {
  text-align: left;
  position: fixed;
  z-index: 100;
  width: 100%;
}
#top-bar {
  padding: 0;
  height: 45px;
}
.mobile-cart-link {
  margin-left: auto;
}
.mobile-cart-link td,
.mobile-cart-link tr {
  border-bottom: none;
  text-decoration: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /*IE Fixes*/
    .mobile-cart-link .cart-block-items tr.odd,
    .mobile-cart-link .cart-block-items tr.even {
      display: table;
      margin: 10px 0;
    }
}

#top-bar .block-uc_cart table.cart-block-items tr td,
#top-bar .block-uc_cart table.cart-block-items tr:last-child td {
  border-bottom: none !important;
  border-top: none !important;
}

/* search */
#search-dropdown {
  position: relative;
}
#block-solr_search_block-solr_search #solr-search-text {
  min-width: 215px;
  max-width: 215px;
}
#block-solr_search_block-solr_search {
  display: none;
  position: absolute;
  top: 45px;
  left: -296px;
  z-index: 20;
  padding: 20px;
  margin: 0 !important;
}

/* mobile menu */
#mobile-menu-button-wrapper {
  display: none;
}
/*Featured Front*/
.featured-front .views-row a .field-title {
  font-weight: 600;
  min-height: 40px;
}
/* main content, sidebar content */
#sidebar-left {
  display: block;
  width: 100%;
  float: left;
  padding: 0 0 1.4em 0;
}
#sidebar-right {
  float: right;
  width: 25%;
}
#main {
  width: 100%;
}
body.one-sidebar #main {
  width: 100%;
  display: inline-block;
}
body.one-sidebar.sidebar-left #main {
  float: right;
}
body.two-sidebars #main {
  width: 50%;
  display: inline-block;
}
body.page-admin.two-sidebars #main {
  width: 100%;
}
/* sidebar left */
#sidebar-left-wrapper {
  clear: none;
}
#sidebar-left .block {
  width: 100%;
  max-width: 100%;
}

/*Hours Block*/
#sidebar-left #block-block-17 h2 {
  width: 100%;
}
#sidebar-left #block-block-17 .content {
  padding: 0;
}
#sidebar-left #block-block-17 td {
  white-space: nowrap;
}
#sidebar-left #block-block-17 td:first-of-type {
  width: 50%;
}
#block-block-17 .node {
  padding: 0 10px;
}

 /*Social Media Block*/
#sidebar-left #block-block-18 .content {
    padding: 0;
}

/* sidebar category menus */
#sidebar-left #block-tvmenu-0 {
  display: block;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu {
  padding: 0;
  margin: 0;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu li {
  position: relative;
  padding: 3px 0;
  text-indent: 10px;
  margin: 0;
  list-style-type: none;
  list-style: none;
  list-style-image: none;
  border: none;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu > li.expanded > a {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu > li.collapsed > a:after,
#sidebar-left #block-tvmenu-0 ul.tvmenu > li.expanded > a:after {
  content: '';
  margin: 0 0 0 5px;
  display: inline-block;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu > li.collapsed > a:after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu > li.expanded > a:after {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

#sidebar-left #block-tvmenu-0 ul.tvmenu ul {
  margin: 0;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu ul li a {
  font-size: 1rem;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu ul > li.collapsed > a:after {
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu ul > li.expanded > a:after {
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu ul li{
  padding-left: 10px;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu > li > a.direct {
  margin: 0 10px 0 0;

}
#sidebar-left #block-tvmenu-0 ul.tvmenu > li > a.direct:after {
  border-left: none !important;

  border-top: none !important;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu ul > li > a.direct:after {
  border: none;
  display: inline-block;
  margin: 0;
}
#sidebar-left #block-tvmenu-0 ul.tvmenu li a.direct {
  display: inline-block;
  float: right;
}



/* content */
#main {
  padding: 0 20px 0 50px;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
}

/*Product Category Page */

/* The switch - the box around the slider */
.page-taxonomy .view-header .switch {
  position: relative;
  display: inline-block;
  width: 125px;
  height: 34px;
}

/* Hide default HTML checkbox */
.page-taxonomy .view-header .switch input {
  display:none;
}

/* The slider */
.page-taxonomy .view-header .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5e86a6;
  -webkit-transition: .4s;
  transition: .4s;
}

.page-taxonomy .view-header .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.page-taxonomy .view-header input:checked + .slider {
  background-color: #2196F3;
}

.page-taxonomy .view-header input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.page-taxonomy .view-header input:checked + .slider:before {
  -webkit-transform: translateX(90px);
  -ms-transform: translateX(90px);
  transform: translateX(90px);
}
.page-taxonomy .view-header input:checked + .slider:after {
  content: "SHELVES";
  display: inline-block;
  color: #fff;
  margin: 5px 12px;
  letter-spacing: -1px;
}
.page-taxonomy .view-header input + .slider:after {
  content: "LIST";
  display: inline-block;
  color: #fff;
  margin: 5px 0 5px 36px;
  letter-spacing: -1px;
}
/* Rounded sliders */
.page-taxonomy .view-header .slider.round {
  border-radius: 34px;
}

.page-taxonomy .view-header .slider.round:before {
  border-radius: 50%;
}

/*List View*/
.page-taxonomy .view-header {
  width:98%;
  z-index: 9999;
}
.page-taxonomy #sort-options {
  display:block;
  float: right;
  z-index: 1000;
  position: relative;
  right: -14px;
  top: -10px;
  }
.page-taxonomy #title-sort label {
  display: block;
  font-weight: bold;
  margin: 10px 0 10px 0;
}


/*Shelves View*/
.shelves.page-taxonomy #content-area-wrapper .views-field-field-image-fid {
 flex-basis: 100%;
 max-width: 100%;
}
.shelves.page-taxonomy #content-area-wrapper .views-field-nothing {
  display: none;
  position: absolute;
  margin-left: -285px;
  margin-top: 20px;
  z-index: 100;
  background: #FFF;
  box-shadow: -6px 4px 5px 0px rgba(0,0,0,.3);
  opacity: 0;
  transition: opacity 1s ease-out;
}
.shelves.page-taxonomy #content-area-wrapper .views-row:hover .views-field-nothing,
.shelves.page-taxonomy #content-area-wrapper .views-row .views-field-nothing:hover {
  display: block;
  opacity: 1;
}
.shelves.page-taxonomy #content-area-wrapper .hover .views-field-nothing {
  display: none;
  width: 274px;
  padding: 8px;
  text-align: right;
  opacity: 1;
}
.shelves.page-taxonomy #content-area-wrapper .hover .views-field-nothing .hoverInfo {
  border: solid 1px #d4d4d4;
}
.page-taxonomy.shelves #content-area-wrapper .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.shelves.view-display-id-page #content-area-wrapper .views-row {
  background: #FFF;
}
.shelves.page-taxonomy  #content-area-wrapper .views-field-nothing:after,
.page-taxonomy #content-area-wrapper .views-field-nothing:before {
  left: 0%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.shelves.page-taxonomy #content-area-wrapper .views-field-nothing:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #fff;
  border-width: 20px;
  margin-top: -85px;
  margin-left: 274px;
}

.shelves.page-taxonomy #content-area-wrapper .item-list ul.pager {
  margin-top:20px;
}

.shelves.page-taxonomy #content-area-wrapper .view-display-id-page .views-row {
  width:16%;
  min-height: 158px;
  border-bottom: none;
  margin: 2px -3px 0 -3px;
  min-width: 128px;
}
.shelves.page-taxonomy #content-area-wrapper .hoverInfo {
  padding:15px;
}
.shelves.page-taxonomy #content-area-wrapper .hoverInfo h3 {
  text-align: left;
  margin: 0;
}
.shelves.page-taxonomy #content-area-wrapper .hoverInfo h3 a {
  font-size:20px;
  display:block;
  transition: color 0.25s ease-out;

}
.shelves.page-taxonomy #content-area-wrapper .hoverInfo h3 a:hover {
  color:#000 !important;
}
.shelves.page-taxonomy #content-area-wrapper .authorBox {
  text-align: left;
  border-bottom:solid 1px #aaaaaa;
  padding-bottom:2px;
  font-size:15px;
}

.shelves.page-taxonomy #content-area-wrapper .priceBox {
  margin-top: 12px;
  font-size:13px;
    color:#000;
}

.shelves.page-taxonomy #content-area-wrapper .cartButton .add-to-cart  input.out-of-stock {
  background-color: #000;
  cursor: default;
}

.shelves.page-taxonomy #content-area-wrapper .cartButton .add-to-cart  input.out-of-stock:hover {
  background-color: #000;
}
.shelves.page-taxonomy .productMoreInfo {
  display: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-taxonomy.shelves #content-area-wrapper .views-field-nothing {
    margin-left: -380px;
  }
  .shelves.page-taxonomy #content-area-wrapper .views-row:hover .views-field-nothing .add-to-cart,
  .shelves.page-taxonomy #content-area-wrapper .views-row .views-field-nothing:hover .add-to-cart {
    display: none;
  }
}

/* product page */
body.node-type-product #content-area .node .field-field-image {
  width: 200px;
}

/* header top links -- NICE menu stuff*/

#block-tvmenu-1 {
  visibility: visible;
  display: block;
}

#block-nice_menus-1 {
  display: block;
  float: left;
  width: 100%;
  z-index: 20;
  position: relative;
  box-sizing: border-box;
  padding: 12px 0 12px 0;
  margin: 0px 0 0 -4px;
  font-weight: 500;
}

#block-nice_menus-1 #nice-menu-1>li{
  float: left;
  margin-left: 1.1rem;
}
#block-nice_menus-1 #nice-menu-1>li>a {
  font-size: 15px;
  padding: 5px 10px;
  line-height: 24px;
}
#block-nice_menus-1 #nice-menu-1>li>a:hover {
  background-color: none;
  text-decoration: none;
}
#block-nice_menus-1 li li{
  float: none;
  width: 100%;
  white-space: nowrap;
}

ul.nice-menu-down li.menuparent:hover {
  background: transparent;
  }
#block-nice_menus-1 li ul{
  text-align: left;
  margin: 4px 0 0 0;
  z-index: 20;
  }
#block-nice_menus-1 li ul a{
  color: white;
  padding: 2px 4px;
  }
#block-nice_menus-1 li ul a:hover {
  text-decoration: none;
}


 /*Sidebar*/
#sidebar-left .block h2 {
  padding: 10px;
  margin: 0 0 10px 0;
  font-size: 1.5em;
}


/*Timber Product Price and Sale Container*/
.timber-discounts {
  display:none;
}

.timber-discounts {
  border-radius: 0;
  bottom: 0;
  left:0;
  right:100%;
  top: auto;
  font-size: 1em;
  box-shadow: none;
  width:50%;
  position:absolute;
}