/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2026 | 18:44:15 */
/* Add your CSS code here.
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

html {
  /* font-family: 'proxima-nova', sans-serif; */
  /* font-family: 'Montserrat', sans-serif; */ 
  /*
    font-family: 'proxima-nova', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Roboto', sans-serif;
  */

}


/*
 * Page Hero / Header / Title
 */
 
 .featurePageMeta-md {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #333;
  background-position: 50% 50%;
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/reeb-millwork-about-us-125.jpg");
  height: 200px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .featurePageMeta-md {
    height: 258px;
  }
}
@media screen and (min-width: 992px) {
  .featurePageMeta-md {
    height: 340px;
  }
}
@media screen and (min-width: 1200px) {
  .featurePageContent-md.featuredContent {
    margin-bottom: 6rem;
  }
}
.featurePageMeta-md h1 {
  letter-spacing: 0.0625rem;
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .featurePageMeta-md h1 {
    font-size: 4.5rem;
    letter-spacing: 0.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .featurePageMeta-md h1 {
    font-size: 5rem;
    text-shadow: 0 0 1rem rgba(32, 32, 32, 0.75);
  }
}

.divide-extraSpacing {
  display: block;
  height: 1rem;
  background-color: #eee;
}

/*
 * Page - Main Content
 */

.wrapper--top-padding {
  padding-top: 2.5rem;
}
.container--cp-wide {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .container--cp-wide {
    width: 750px;
  }
}
@media screen and (min-width: 992px) {
  .container--cp-wide {
    width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  .container--cp-wide {
    width: 1170px;
  }
}
@media screen and (min-width: 1500px) {
  .container--cp-wide {
    width: 1420px;
  }
}
.featurePageContent-md h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1875;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .featurePageContent-md h2 {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .featurePageContent-md h2 {
    font-size: 1.75rem;
    margin-bottom: 1.75rem;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .featurePageContent-md h2 {
    margin-top: 3.5rem;
    margin-bottom: 2.5rem;
    font-size: 2.9375rem;
  }
}

.reeb-post--copy {
  font-size: 1.125rem;
  padding-bottom: 1.625rem;
  line-height: 1.625;
}
@media screen and (min-width: 1200px) {
  .reeb-post--copy {
    font-size: 1.3125rem;
    line-height: 1.6875;
  }
}

.reeb-post--pad-image {
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
}
@media screen and (min-width: 1500px) {
  .reeb-post--pad-image {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

.reeb-post--pad-image--end-section {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .reeb-post--pad-image--end-section {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1500px) {
  .reeb-post--pad-image--end-section {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

.reeb-post--pad-top {
  margin-top: 0.5rem;
}
@media screen and (min-width: 1500px) {
  .reeb-post--pad-top {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

.reeb-post--center-mobile {
  text-align: center;
}
@media screen and (min-width: 992px) {
  .reeb-post--center-mobile {
    text-align: left;
  }
}

.reeb-post--copy-caption {
  text-align: center;
  font-size: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .reeb-post--copy-caption {
    font-size: 1.1875rem; 
  }
}

/*
 * CoWorker Image Collage(s)
 */

.container--sbp-team {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 1500px) {
  .container--sbp-team {
    gap: 0.25rem;
  }
}

.panel--sbp-team {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  aspect-ratio: 1 / 1;
  background-color: #666;
  min-height: 9.25rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-team {
    -ms-flex: 1 1 46%;
    flex: 1 1 46%;
    min-height: 15.75rem;
  }
}
@media screen and (min-width: 768px) {
  .panel--sbp-team {
    aspect-ratio: auto;
    min-height: 15rem;
  }
}
@media screen and (min-width: 992px) {
  .panel--sbp-team {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    min-height: 20rem;
  }
}
@media screen and (min-width: 1200px) {
  .panel--sbp-team {
    min-height: 24rem;
  }
}
@media screen and (min-width: 1500px) {
  .panel--sbp-team {
    min-height: 27.5rem;
  }
}

.panel--sbp-team.panel--coworker-01,
.panel--sbp-team.panel--coworker-04,
.panel--sbp-team.panel--coworker-05,
.panel--sbp-team.panel--coworker-08 {
  -ms-flex: 1 1 46%;
  flex: 1 1 46%;
}
@media screen and (min-width: 575px) {
  .panel--sbp-team.panel--coworker-01,
  .panel--sbp-team.panel--coworker-04,
  .panel--sbp-team.panel--coworker-05,
  .panel--sbp-team.panel--coworker-08 {
    -ms-flex: 1 1 46%;
    flex: 1 1 46%;
  }
}
@media screen and (min-width: 768px) {
  .panel--sbp-team.panel--coworker-01,
  .panel--sbp-team.panel--coworker-04,
  .panel--sbp-team.panel--coworker-05,
  .panel--sbp-team.panel--coworker-08 {
    aspect-ratio: 16 / 9;
    -ms-flex: 2 2 64%;
    flex: 2 2 64%;
  }
}
@media screen and (min-width: 1200px) {
  .panel--sbp-team.panel--coworker-01,
  .panel--sbp-team.panel--coworker-04,
  .panel--sbp-team.panel--coworker-05,
  .panel--sbp-team.panel--coworker-08 {
    -ms-flex: 2 2 64%;
    flex: 2 2 64%;
  }
}

.panel--sbp-team.panel--coworker-02,
.panel--sbp-team.panel--coworker-03,
.panel--sbp-team.panel--coworker-06,
.panel--sbp-team.panel--coworker-07 {
  -ms-flex: 1 1 46%;
  flex: 1 1 46%;
}
@media screen and (min-width: 575px) {
  .panel--sbp-team.panel--coworker-02,
  .panel--sbp-team.panel--coworker-03,
  .panel--sbp-team.panel--coworker-06,
  .panel--sbp-team.panel--coworker-07 {
    -ms-flex: 1 1 46%;
    flex: 1 1 46%;
  }
}
@media screen and (min-width: 768px) {
  .panel--sbp-team.panel--coworker-02,
  .panel--sbp-team.panel--coworker-03,
  .panel--sbp-team.panel--coworker-06,
  .panel--sbp-team.panel--coworker-07 {
    aspect-ratio: 9 / 9;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
  }
}
@media screen and (min-width: 1200px) {
  .panel--sbp-team.panel--coworker-02,
  .panel--sbp-team.panel--coworker-03,
  .panel--sbp-team.panel--coworker-06,
  .panel--sbp-team.panel--coworker-07 {
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
  }
}
.panel--sbp-team.panel--coworker-01 {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-us-lumber-warehouse.jpg");
}
.panel--sbp-team.panel--coworker-02 {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-reeb-spraybooth.jpg");
}
.panel--sbp-team.panel--coworker-03 {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-dw-distribution-warehouse.jpg");
}
.panel--sbp-team.panel--coworker-04 {
  background-position: 30% 50%;
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-us-lumber-driver.jpg");
}
.panel--sbp-team.panel--coworker-05 {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-reeb-finish.jpg");
}
.panel--sbp-team.panel--coworker-06 {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-us-lumber-shop.jpg");
}
.panel--sbp-team.panel--coworker-07 {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-alexandria-moulding.jpg");
}
.panel--sbp-team.panel--coworker-08 {
  background-position: 20% 50%;
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/assets/sbp-proud-coworker-us-lumber-aisle.jpg");
}

/*
 * SBP Brands Logos Section
 */

.container--sbp-brands {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.1875rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .container--sbp-brands {
    gap: 0.125rem;
  }
}
.panel--sbp-brand {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 9.875rem;
  min-height: 9.875rem;
  background-color: #666;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand {
    -ms-flex: 1 1 46%;
    flex: 1 1 46%;
  }
}
@media screen and (min-width: 992px) {
  .panel--sbp-brand {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
  }
}
@media screen and (min-width: 1200px) {
  .panel--sbp-brand {
    height: 12 rem;
    min-height: 12rem;
  }
}
@media screen and (min-width: 1500px) {
  .panel--sbp-brand {
    height: 35rem;
    height: 14.375rem;
    min-height: 35rem;
    min-height: 14.375rem;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
  }
}

.panel--sbp-brand .logo--sbp-brand {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
  height: 5rem;
  text-align: center;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.panel--sbp-brand.panel--sbp {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/bkg-sbp.jpg");
}
.panel--sbp-brand.panel--sbp .logo--sbp-brand {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/logo/logo-specialty-building-products-brands.png");
  height: 5.11875rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand.panel--sbp .logo--sbp-brand {
    height: 4.725rem;
  }
}
@media screen and (min-width: 1500px) {
  .panel--sbp-brand.panel--sbp .logo--sbp-brand {
    height: 5.625rem;
  }
}

.panel--sbp-brand.panel--us-lumber {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/bkg-usl.jpg");
}
.panel--sbp-brand.panel--us-lumber .logo--sbp-brand {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/logo/logo-us-lumber.png");
  height: 7.43437rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand.panel--us-lumber .logo--sbp-brand {
    height: 6.8625rem;
  }
}

.panel--sbp-brand.panel--alexandria {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/bkg-alex.jpg");
}
.panel--sbp-brand.panel--alexandria .logo--sbp-brand {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/logo/logo-alexandria-moulding.png");
  height: 4.99687rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand.panel--alexandria .logo--sbp-brand {
    height: 4.6125rem;
  }
}

.panel--sbp-brand.panel--reeb {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/bkg-reeb.jpg");
}
.panel--sbp-brand.panel--reeb .logo--sbp-brand {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/logo/logo-reeb.png");
  height: 4.875rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand.panel--reeb .logo--sbp-brand {
    height: 4.5rem;
  }
}

.panel--sbp-brand.panel--dw {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/bkg-dw.jpg");
}
.panel--sbp-brand.panel--dw .logo--sbp-brand {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/logo/logo-dw-distribution.png");
  height: 6.21562rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand.panel--dw .logo--sbp-brand {
    height: 5.7375rem;
  }
}

.panel--sbp-brand.panel--msi {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/bkg-msi.jpg");
}
.panel--sbp-brand.panel--msi .logo--sbp-brand {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/logo/logo-millwork-sales.png");
  height: 4.875rem;
}
@media screen and (min-width: 575px) {
  .panel--sbp-brand.panel--msi .logo--sbp-brand {
    height: 4.5rem;
  }
}

/*
 * Reeb Manufacturer Logos
 */
 
.container--reeb-manuf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0;
  margin: 0;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .container--reeb-manuf {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .container--reeb-manuf {
    margin-right: 3rem;
    margin-left: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .container--reeb-manuf {
    margin-right: 5rem;
    margin-left: 5rem;
  }
}
@media screen and (min-width: 1500px) {
  .container--reeb-manuf {
    margin-left: 0;
    margin-right: 0;
    gap: 0.25rem;
  }
}

.panel--reeb-manuf {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 7rem;
  min-height: 7rem;
  background-color: #fff;
}
@media screen and (min-width: 360px) {
  .panel--reeb-manuf {
    -ms-flex: 1 1 46%;
    flex: 1 1 46%;
  }
}
@media screen and (min-width: 575px) {
  .panel--reeb-manuf {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
  }
}
@media screen and (min-width: 992px) {
  .panel--reeb-manuf {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    height: 9rem;
    min-height: 9rem;
  }
}
@media screen and (min-width: 1200px) {
  .panel--reeb-manuf {
    height: 10rem;
    min-height: 10rem;
  }
}
@media screen and (min-width: 1500px) {
  .panel--reeb-manuf {
    height: 11rem;
    min-height: 11rem;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
  }
}

.panel--reeb-manuf .logo--reeb-manuf {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
  height: 7rem;
  text-align: center;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  .panel--reeb-manuf .logo--reeb-manuf {
    height: 7.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .panel--reeb-manuf .logo--reeb-manuf {
    height: 8.5rem;
  }
}

.panel--reeb-manuf.panel--tt .logo--reeb-manuf {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/manufacturer/therma-tru.png");
}

.panel--reeb-manuf.panel--steves .logo--reeb-manuf {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/manufacturer/steves.png");
}

.panel--reeb-manuf.panel--rsp .logo--reeb-manuf {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/manufacturer/rsp-new.png");
}

.panel--reeb-manuf.panel--simpson .logo--reeb-manuf {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/manufacturer/simpson.png");
}

.panel--reeb-manuf.panel--hbg .logo--reeb-manuf {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/manufacturer/hbg-new.png");
}

.panel--reeb-manuf.panel--endura .logo--reeb-manuf {
  background-image: url("https://s3.amazonaws.com/cdn02.prod.aws.reeb.com/content-pages/about/manufacturer/endura.png");
}