.collapsible-trigger:focus {
  outline: 0; }

.bottom-details {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .bottom-details .collapsibles-wrapper {
    width: 46%;
    align-self: flex-start; }
    .bottom-details .collapsibles-wrapper .label {
      font-size: 1em; }
    .bottom-details .collapsibles-wrapper .about-designer {
      display: flex; }
      .bottom-details .collapsibles-wrapper .about-designer .about-designer-headshot {
        flex: 1;
        max-width: 75px; }
      .bottom-details .collapsibles-wrapper .about-designer .about-designer-description {
        flex: 1;
        padding-left: 20px; }
    .bottom-details .collapsibles-wrapper .wood-list {
      margin: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap; }
      .bottom-details .collapsibles-wrapper .wood-list li {
        flex-basis: 33.33%;
        padding-right: 3px;
        text-align: center;
        margin-bottom: 30px; }
    .bottom-details .collapsibles-wrapper .shipping-table {
      font-size: 12px;
      border-collapse: collapse; }
      .bottom-details .collapsibles-wrapper .shipping-table th {
        border-right: 1px solid;
        text-align: center; }
        .bottom-details .collapsibles-wrapper .shipping-table th:last-child {
          border-right: 0px; }
      .bottom-details .collapsibles-wrapper .shipping-table td {
        text-align: center;
        border: 1px solid; }
        .bottom-details .collapsibles-wrapper .shipping-table td:first-child {
          text-align: left;
          border-left: none; }
        .bottom-details .collapsibles-wrapper .shipping-table td:last-child {
          border-right: 0px; }
      .bottom-details .collapsibles-wrapper .shipping-table tr:last-child td {
        border-bottom: 0px; }
  .bottom-details .configurations {
    display: flex;
    flex-wrap: wrap; }
    .bottom-details .configurations .configuration-container {
      min-width: 50%;
      flex: 1; }
      .bottom-details .configurations .configuration-container .configuration-details ul {
        list-style: none;
        margin: 0 0 40px; }
        .bottom-details .configurations .configuration-container .configuration-details ul li:first-child {
          font-weight: bold; }
  @media screen and (max-width: 589px) {
    .bottom-details {
      margin-top: 0px; }
      .bottom-details .collapsibles-wrapper {
        width: 100%; }
      .bottom-details .configurations .configuration-container {
        flex-basis: 100%; } }

.product-single__description table {
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0; }
  .product-single__description table td {
    padding: 5px 15px; }

.qty-price-align {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .qty-price-align .product__price {
    display: flex;
    align-items: center;
    height: 43px;
    margin-bottom: 20px; }
  @media screen and (min-width: 590px) {
    .qty-price-align .product__price {
      height: 37px;
      margin-bottom: 40px; } }

.tear-sheet {
  display: block;
  text-align: right;
  text-transform: uppercase; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.accordion-content {
  display: none;
  margin: 30px; }

.tos {
  background: #f0f1f3; }
  .tos p {
    margin: 0;
    padding: 20px; }

.page-hero {
  background-size: cover;
  background-position: center;
  height: 600px;
  width: 100%;
  background-color: #efefef; }
  @media screen and (max-width: 589px) {
    .page-hero {
      height: 300px; } }

.form-vertical.custom, .form-vertical.trade-program {
  max-width: 600px;
  margin: 0 auto; }
  .form-vertical.custom .btn.right, .form-vertical.trade-program .btn.right {
    float: right; }

.custom-spacer {
  height: 90px; }
  @media screen and (max-width: 767px) {
    .custom-spacer {
      height: 30px; } }

.circulation-icon:before {
  content: 'i';
  font-style: none; }

#shopify-section-page-custom-gallery {
  clear: both; }

.project-gallery {
  margin-bottom: 30px;
  /* the parent */ }
  .project-gallery .slide {
    text-align: center; }
    .project-gallery .slide .slide-content {
      height: 200px;
      width: 300px;
      margin: 0 auto;
      background-size: cover;
      background-position: center;
      margin-right: 10px; }
      .project-gallery .slide .slide-content a {
        display: block;
        height: 100%;
        widht: 100%; }
    .project-gallery .slide p {
      margin: 10px 0 20px; }
  .project-gallery .slick-slide {
    margin: 0 10px; }
    .project-gallery .slick-slide > div {
      overflow: hidden; }
  .project-gallery .slick-list {
    margin: 0 -10px; }

.info-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  border: 1px solid darkblue;
  line-height: 12px;
  border-radius: 50%;
  margin-left: 10px;
  text-indent: 1px;
  padding: 0;
  font-size: 10px;
  cursor: pointer; }

.filter-by {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: lighter;
  font-family: Open Sans;
  text-transform: uppercase;
  margin-bottom: 16px; }

.tags--vertical li {
  line-height: 1; }

.tags a {
  font-size: 14px; }

.page-sections .feature-header {
  text-align: center; }
  .page-sections .feature-header h3 {
    margin: 75px 0 45px; }
  .page-sections .feature-header > div {
    width: 500px;
    max-width: 90%;
    margin: 0 auto;
    text-align: left; }
    .page-sections .feature-header > div p {
      margin: 0 0 10px 0; }
.page-sections .feature-row.reverse {
  flex-direction: row-reverse; }
.page-sections .feature-row .custom-feature-container {
  flex: 1; }
  .page-sections .feature-row .custom-feature-container .custom-feature-content {
    padding: 60px; }
  .page-sections .feature-row .custom-feature-container .custom-feature-image img {
    width: 100%;
    display: block; }
.page-sections .custom-mailchimp-container {
  width: 500px;
  max-width: 90%;
  margin: 0 auto; }
@media screen and (max-width: 767px) {
  .page-sections.page-width {
    padding: 0; }
  .page-sections .feature-header {
    padding: 0px 60px; }
    .page-sections .feature-header > div {
      max-width: 100%;
      margin: 0 auto;
      text-align: left; }
      .page-sections .feature-header > div p {
        margin: 0 0 10px 0; }
  .page-sections .feature-row {
    flex-flow: wrap;
    flex-direction: column-reverse; }
    .page-sections .feature-row.reverse {
      flex-direction: column-reverse; }
    .page-sections .feature-row .custom-feature-container {
      flex-basis: 100%; } }