@import url("https://use.typekit.net/lqk2itg.css");
 
/* Sitewide titles and buttons in Minerva Modern, bold (nav links excluded, body copy untouched) */
h1, h2, h3, h4, h5, h6, .contentTitle, .contentTitle a,
.blockInnerContent b, .itemInnerContent b, .blockInnerContent strong, .itemInnerContent strong,
.sidebar-button-block ul li a,
button, .button, input[type="submit"], .ctaNav .blockInnerContent a, .ctaNav a {
  font-family: minerva-modern, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}


/* Page intro banners: from tablet width up to 1380px, Duda's own theme
   forces padding-top to 0 on this text column. At full desktop width the
   image is tall enough that the text still looks centered with room above
   it, but as the viewport narrows, the image (fixed aspect ratio) gets
   shorter and the heading ends up flush against the top edge with no
   breathing room. Restoring a top padding in this range fixes that.
   Mobile (767px and below) is unaffected, it already has its own fix. */
@media (min-width: 768px) and (max-width: 1380px) {
  .blockContentBleed.hasImg.fixedAspectRatioImages.layoutC .blockText {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}




/* Page intro banner titles: force uppercase to match the rest of each page's
   headings. These nine blocks currently have a title case override set
   directly on the block in the editor, out of step with everything else. */
.blockWrap_e559d7c8e52b49e0af43e66b86075cee .contentTitle,
.blockWrap_dafc0baec21944a6a2ca364ac117cbcf .contentTitle,
.blockWrap_f19f14a965a94cd58f3b4e9d37d1b140 .contentTitle,
.blockWrap_ab7becb91785427c8e5412a003e3bbae .contentTitle,
.blockWrap_bf05465423f94376ad02fbf1a0282446 .contentTitle,
.blockWrap_f2f4855ee8634d2e8621399360493b13 .contentTitle,
.blockWrap_b38fb339e7784a4aab8ad11d868096c6 .contentTitle,
.blockWrap_cf8ec246646444259faa800d581b467e .contentTitle,
.blockWrap_afc066a72eb84060af2e9f43f298fd23 .contentTitle {
  text-transform: uppercase !important;
}


/* Sitewide buttons: boxier spacing and type to match the Footer CTA button
   (padding, font-size, letter-spacing, weight only, colors untouched) */
button, .button, input[type="submit"] {
  padding: 14px 32px !important;
  font-size: 13px !important;
  letter-spacing: 1.56px !important;
  font-weight: 300 !important;
}



 
/* Subnav width fix, scoped to the Services dropdown only (2nd top level nav item)
   so the shorter Portfolio dropdown keeps its own natural width. Desktop and
   tablet only, above the mobile breakpoint, since mobile does not need it. */
@media (min-width: 768px) {
  #navTopLevel > li:nth-child(2) .subNav {
    width: 360px !important;
    max-width: 360px !important;
  }
  #navTopLevel > li:nth-child(2) .subNav li {
    width: 100% !important;
  }
  #navTopLevel > li:nth-child(2) .subNav a {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 768px) {
  .subNav {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  }
}

.headerAndNavContainer.fixedNav {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
 
 
/* Page intro banners (the image + heading + button section at the top of every
   service, portfolio, catalog, about, contact, and resources page): on mobile,
   once the image and text stack, the button had no breathing room below it
   before the next section started. Scoped by this exact class combination,
   which only ever matches one block per page, the page intro banner itself. */
@media (max-width: 767px) {
  .blockContentBleed.hasImg.fixedAspectRatioImages.layoutC .blockText {
    padding-bottom: 32px;
  }
}
/*********************/
 
 
/* Homepage Hero: tagline styled as an eyebrow label above the heading */
.blockWrap_d1f32a93c5ba41289da5bad116d00ee8 .maxWidth--content > p:nth-child(1) {
  font-family: minerva-modern, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  font-size: 16px !important;
  color: #ffffff !important;
}
/*********************/
 
 
 
 
/* "Why Homeowners Choose Better Cabinets & Bath" —
   real two-column grid instead of CSS-column text reflow,
   navy check icons instead of browser bullets, divider rows for rhythm */
 
.blockWrap_fbb69c2f756e4937bfe36ed7d252af2d .txtCols2 {
  column-count: 1; /* stop the old text-flow columns — the grid below replaces it */
}
 
.blockWrap_fbb69c2f756e4937bfe36ed7d252af2d ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 56px;
  row-gap: 0;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
 
.blockWrap_fbb69c2f756e4937bfe36ed7d252af2d li {
  position: relative;
  padding: 18px 0 18px 34px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 1.55;
}
 
.blockWrap_fbb69c2f756e4937bfe36ed7d252af2d li p {
  margin: 0;
}
 
.blockWrap_fbb69c2f756e4937bfe36ed7d252af2d li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5L9.5 18L20 6' stroke='%2301476B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
 
@media (max-width: 767px) {
  .blockWrap_fbb69c2f756e4937bfe36ed7d252af2d ul {
    grid-template-columns: 1fr;
  }
}
/***********************/
 
 
 
 
/*Our Services*/
.blockWrap_e9589503994e4cefb4d7662aabe75fc6 .imgEffect-overlay {
  background: linear-gradient(
    180deg,
    rgba(15, 23, 31, 0) 0%,
    rgba(15, 23, 31, 0) 50%,
    rgba(15, 23, 31, 0.7) 100%
  ) !important;
}
/*******/
 
 
 
 
/****Footer CTA ******/
.blockWrap_d2adf018058b4d3bb7c7ef206089ca24 .button {
  padding: 14px 32px !important;
  font-size: 13px !important;
  letter-spacing: 1.56px !important;
  font-weight: 300 !important;
  transition: background .25s ease, color .25s ease;
}
 
.blockWrap_d2adf018058b4d3bb7c7ef206089ca24 .button:hover {
  background: #ffffff !important;
  color: #01476B !important;
}
 
.blockWrap_d2adf018058b4d3bb7c7ef206089ca24 .blockImg img {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
/****************/
 
 
 
 
/* Pages: Kitchen Remodeling (/kitchen-remodeling) + Bathroom Remodeling (/bathroom-remodeling)
   Section: "Why Focus on Your Cabinets?" / "Why Focus on Your Bathroom Cabinets?" checklist */
.blockWrap_c7d2da5d1e6f4df6824153925712ac34,
.blockWrap_d85a3915f54047e8bea7c8983b30d20a {
  background-color: #ffffff !important;
}
.blockWrap_c7d2da5d1e6f4df6824153925712ac34 ul,
.blockWrap_d85a3915f54047e8bea7c8983b30d20a ul {
  list-style: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
}
.blockWrap_c7d2da5d1e6f4df6824153925712ac34 li,
.blockWrap_d85a3915f54047e8bea7c8983b30d20a li {
  position: relative;
  list-style: none !important;
  padding: 18px 0 18px 34px !important;
  border-bottom: 1px solid rgb(226, 226, 226);
  font-size: 18px;
  color: rgb(70, 70, 70);
}
.blockWrap_c7d2da5d1e6f4df6824153925712ac34 li::before,
.blockWrap_d85a3915f54047e8bea7c8983b30d20a li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5L9.5 18L20 6' stroke='%2301476B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
 
/* Pages: Kitchen Remodeling (/kitchen-remodeling) + Bathroom Remodeling (/bathroom-remodeling)
   Section: "Our Simple 5-Step Process" */
.blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol,
.blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol {
  counter-reset: step-counter;
  list-style: none !important;
  margin: 48px auto 0 !important;
  padding: 0 !important;
  max-width: 1100px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 16px;
  position: relative;
}
.blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol::before,
.blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 22px;
  height: 2px;
  background: rgba(1, 71, 107, 0.35);
  z-index: 0;
}
.blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol li,
.blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol li {
  counter-increment: step-counter;
  list-style: none !important;
  text-align: center;
  padding: 0;
}
.blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol li::before,
.blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol li::before {
  content: counter(step-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #01476B;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 6px 14px rgba(1, 71, 107, 0.3);
  position: relative;
  z-index: 1;
}
.blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol li p,
.blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol li p {
  margin: 0;
  font-size: 16px !important;
  color: rgb(70, 70, 70);
}
.blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol li strong,
.blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol li strong {
  display: block;
  font-size: 17px;
  color: #01476B;
  margin-bottom: 6px;
}
@media (max-width: 900px) {
  .blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol,
  .blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol {
    display: block;
    max-width: 400px;
  }
  .blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol::before,
  .blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol::before {
    left: 22px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 2px;
    height: auto;
  }
  .blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol li,
  .blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol li {
    text-align: left;
    padding: 0 0 32px 56px;
    position: relative;
  }
  .blockWrap_cb12883d1ac5444ebe92e10a2635a3ca ol li::before,
  .blockWrap_a5d341bd4a0944f4a37d81909d5d602d ol li::before {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
}
/**********************/
 
 
 
 
/* Page: Design & Customization (/design-customization)
   Section: "Why Design With Us" — centered items with icon badges */
.blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .item {
  text-align: center;
}
.blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .item .contentTitle::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(1, 71, 107, 0.08);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
  margin: 0 auto 16px;
}
.blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .item:nth-child(1) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");
}
.blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .item:nth-child(2) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E");
}
.blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .item:nth-child(3) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3C/svg%3E");
}
/************/
 
 
/* Page: Design & Customization (/design-customization)
   Section: "How the Design Process Works" (3-step horizontal timeline) */
.blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol {
  counter-reset: step-counter;
  list-style: none !important;
  margin: 48px auto 0 !important;
  padding: 0 !important;
  max-width: 800px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 16px;
  position: relative;
}
.blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol::before {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  top: 22px;
  height: 2px;
  background: rgba(1, 71, 107, 0.35);
  z-index: 0;
}
.blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol li {
  counter-increment: step-counter;
  list-style: none !important;
  text-align: center;
  padding: 0;
}
.blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol li::before {
  content: counter(step-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #01476B;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 6px 14px rgba(1, 71, 107, 0.3);
  position: relative;
  z-index: 1;
}
.blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol li p {
  margin: 0;
  font-size: 16px !important;
  color: rgb(70, 70, 70);
}
.blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol li strong {
  display: block;
  font-size: 17px;
  color: #01476B;
  margin-bottom: 6px;
}
@media (max-width: 900px) {
  .blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol {
    display: block;
    max-width: 400px;
  }
  .blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol::before {
    left: 22px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 2px;
    height: auto;
  }
  .blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol li {
    text-align: left;
    padding: 0 0 32px 56px;
    position: relative;
  }
  .blockWrap_ee81cce3bdbe4cf3bfc55cfcab6230c2 ol li::before {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
}
/******************/
 
 
 
 
/* Page: Design & Customization (/design-customization)
   Section: "Explore Your Design Options" — icon badge cards, 4 columns on desktop,
   matching the "Why Design With Us" icon style already used on this page */
.blockWrap_af0596c633cb4205a76cb51019da7807 .itemContent {
  background: rgb(247, 249, 250);
  border-radius: 10px;
  margin: 8px;
  padding: 32px 20px 28px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.blockWrap_af0596c633cb4205a76cb51019da7807 .contentTitle {
  margin: 0;
}
.blockWrap_af0596c633cb4205a76cb51019da7807 .contentTitle::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(1, 71, 107, 0.08);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
  margin: 0 auto 14px;
}
.blockWrap_af0596c633cb4205a76cb51019da7807 .contentTitle,
.blockWrap_af0596c633cb4205a76cb51019da7807 .contentTitle a {
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: #01476B !important;
  letter-spacing: 0 !important;
}
/* Custom 3D Designs */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(1) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L20 6.5V17.5L12 22L4 17.5V6.5L12 2Z'/%3E%3Cpath d='M4 6.5L12 11L20 6.5'/%3E%3Cpath d='M12 11V22'/%3E%3C/svg%3E");
}
/* Cabinet Styles and Door Profiles */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(2) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1'/%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3Cline x1='9.5' y1='11' x2='9.5' y2='13'/%3E%3Cline x1='14.5' y1='11' x2='14.5' y2='13'/%3E%3C/svg%3E");
}
/* Colors and Stains */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(3) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C12 2 5 10.5 5 15A7 7 0 0019 15C19 10.5 12 2 12 2Z'/%3E%3C/svg%3E");
}
/* Countertops */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(4) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='3' rx='0.5'/%3E%3Crect x='4' y='9' width='16' height='11' rx='1'/%3E%3C/svg%3E");
}
/* Flooring */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(5) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8L10 4L18 8L10 12Z'/%3E%3Cpath d='M6 16L14 12L22 16L14 20Z'/%3E%3C/svg%3E");
}
/* Millwork and Decorative Details */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(6) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20H21'/%3E%3Cpath d='M3 20V16C3 16 5 16 5 14C5 12 7 12 7 10C7 8 9 8 9 6C9 4 11 4 11 2'/%3E%3C/svg%3E");
}
/* Cabinet Additions and Built-In Features */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(7) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='12' y1='8' x2='12' y2='16'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
}
/* Specialty Finishes and Glass Options */
.blockWrap_af0596c633cb4205a76cb51019da7807 .item:nth-child(8) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3H18L22 9L12 21L2 9L6 3Z'/%3E%3Cpath d='M2 9H22'/%3E%3Cpath d='M9 3L7 9L12 21'/%3E%3Cpath d='M15 3L17 9L12 21'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .blockWrap_af0596c633cb4205a76cb51019da7807 .itemContent {
    margin: 6px;
    padding: 24px 16px 20px;
  }
}
/****************/
 
 
 
 
/* Page: Custom Closets & Storage Solutions (/custom-closets-storage-solutions)
   Section: "Storage for Every Part of Your Home" checklist, built as its own 2-column grid
   (matches the Bedroom Closets / About pattern; fixes the alignment bug found during QA) */
.blockWrap_ca5492c69d82481a98e1b784843d0e2a .txtCols2 {
  column-count: 1 !important;
}
.blockWrap_ca5492c69d82481a98e1b784843d0e2a ul {
  list-style: none !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 48px;
  row-gap: 0;
  margin: 24px 0 0 !important;
  padding-left: 0 !important;
}
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li {
  position: relative;
  list-style: none !important;
  padding: 18px 0 18px 34px !important;
  border-bottom: 1px solid rgb(226, 226, 226);
  font-size: 18px;
  color: rgb(70, 70, 70);
}
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(1) { grid-column: 1; grid-row: 1; }
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(2) { grid-column: 1; grid-row: 2; }
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(3) { grid-column: 2; grid-row: 1; }
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(4) { grid-column: 2; grid-row: 2; }
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li p {
  margin: 0 !important;
}
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li strong {
  color: #01476B;
}
.blockWrap_ca5492c69d82481a98e1b784843d0e2a li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5L9.5 18L20 6' stroke='%2301476B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 700px) {
  .blockWrap_ca5492c69d82481a98e1b784843d0e2a ul {
    grid-template-columns: 1fr;
  }
  .blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(n) {
    grid-column: 1 !important;
  }
  .blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(1) { grid-row: 1; }
  .blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(2) { grid-row: 2; }
  .blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(3) { grid-row: 3; }
  .blockWrap_ca5492c69d82481a98e1b784843d0e2a li:nth-child(4) { grid-row: 4; }
}
 
/* Section: "Our Closet Installation Process" (5-step horizontal timeline) */
.blockWrap_cc845bc464df409d97e368623695b0f6 ol {
  counter-reset: step-counter;
  list-style: none !important;
  margin: 48px auto 0 !important;
  padding: 0 !important;
  max-width: 1100px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 16px;
  position: relative;
}
.blockWrap_cc845bc464df409d97e368623695b0f6 ol::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 22px;
  height: 2px;
  background: rgba(1, 71, 107, 0.35);
  z-index: 0;
}
.blockWrap_cc845bc464df409d97e368623695b0f6 ol li {
  counter-increment: step-counter;
  list-style: none !important;
  text-align: center;
  padding: 0;
}
.blockWrap_cc845bc464df409d97e368623695b0f6 ol li::before {
  content: counter(step-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #01476B;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 6px 14px rgba(1, 71, 107, 0.3);
  position: relative;
  z-index: 1;
}
.blockWrap_cc845bc464df409d97e368623695b0f6 ol li p {
  margin: 0;
  font-size: 16px !important;
  color: rgb(70, 70, 70);
}
.blockWrap_cc845bc464df409d97e368623695b0f6 ol li strong {
  display: block;
  font-size: 17px;
  color: #01476B;
  margin-bottom: 6px;
}
@media (max-width: 900px) {
  .blockWrap_cc845bc464df409d97e368623695b0f6 ol {
    display: block;
    max-width: 400px;
  }
  .blockWrap_cc845bc464df409d97e368623695b0f6 ol::before {
    left: 22px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 2px;
    height: auto;
  }
  .blockWrap_cc845bc464df409d97e368623695b0f6 ol li {
    text-align: left;
    padding: 0 0 32px 56px;
    position: relative;
  }
  .blockWrap_cc845bc464df409d97e368623695b0f6 ol li::before {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
}
/***************/
 
 
 
 
/* Page: Custom Bedroom Closets (/custom-bedroom-closets)
   Section: "Why Invest in a Custom Bedroom Closet?" checklist, built as its own 2-column grid */
.blockWrap_ca60820a8e914ae6873dd38bf224575a .txtCols2 {
  column-count: 1 !important;
}
.blockWrap_ca60820a8e914ae6873dd38bf224575a ul {
  list-style: none !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 48px;
  row-gap: 0;
  margin: 24px 0 0 !important;
  padding-left: 0 !important;
}
.blockWrap_ca60820a8e914ae6873dd38bf224575a li {
  position: relative;
  list-style: none !important;
  padding: 18px 0 18px 34px !important;
  border-bottom: 1px solid rgb(226, 226, 226);
  font-size: 18px;
  color: rgb(70, 70, 70);
}
.blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(1) { grid-column: 1; grid-row: 1; }
.blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(2) { grid-column: 1; grid-row: 2; }
.blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(3) { grid-column: 2; grid-row: 1; }
.blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(4) { grid-column: 2; grid-row: 2; }
.blockWrap_ca60820a8e914ae6873dd38bf224575a li p {
  margin: 0 !important;
}
.blockWrap_ca60820a8e914ae6873dd38bf224575a li strong {
  color: #01476B;
}
.blockWrap_ca60820a8e914ae6873dd38bf224575a li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5L9.5 18L20 6' stroke='%2301476B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 700px) {
  .blockWrap_ca60820a8e914ae6873dd38bf224575a ul {
    grid-template-columns: 1fr;
  }
  .blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(n) {
    grid-column: 1 !important;
  }
  .blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(1) { grid-row: 1; }
  .blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(2) { grid-row: 2; }
  .blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(3) { grid-row: 3; }
  .blockWrap_ca60820a8e914ae6873dd38bf224575a li:nth-child(4) { grid-row: 4; }
}
/*********************/
 
 
 
 
/* Page: Custom Bedroom Closets (/custom-bedroom-closets)
   Section: 5-step timeline */
.blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol {
  counter-reset: step-counter 0;
  max-width: 1100px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 16px;
  position: relative;
  list-style: none !important;
  margin: 48px auto 0 !important;
  padding: 0 !important;
}
.blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 22px;
  height: 2px;
  background: rgba(1, 71, 107, 0.35);
  z-index: 0;
}
.blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol li {
  counter-increment: step-counter 1;
  text-align: center;
  padding: 0;
  list-style: none !important;
}
.blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol li::before {
  content: counter(step-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgb(1, 71, 107);
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 18px;
  box-shadow: rgba(1, 71, 107, 0.3) 0px 6px 14px;
  position: relative;
  z-index: 1;
}
.blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol li p {
  margin: 0;
  color: rgb(70, 70, 70);
  font-size: 16px !important;
}
.blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol li strong {
  display: block;
  font-size: 17px;
  color: rgb(1, 71, 107);
  margin-bottom: 6px;
}
@media (max-width: 900px) {
  .blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol {
    display: block;
    max-width: 400px;
  }
  .blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol::before {
    inset: 0 auto 0 22px;
    width: 2px;
    height: auto;
  }
  .blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol li {
    text-align: left;
    padding: 0 0 32px 56px;
    position: relative;
  }
  .blockWrap_a7e07c4c421045cab4d98c9edd07beeb ol li::before {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
}
/***************/
 
 
 
 
/* Page: Contact (/contact)
   Section: "Get In Touch" / "Showroom" / "Free Consultation" (3-item icon grid, same style as
   "Why Design With Us" on the Design & Customization page) */
.blockWrap_a7967978f84543fc8282ecbb59b402c1 .item {
  text-align: center;
}
.blockWrap_a7967978f84543fc8282ecbb59b402c1 .item .contentTitle::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(1, 71, 107, 0.08);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
  margin: 0 auto 16px;
}
.blockWrap_a7967978f84543fc8282ecbb59b402c1 .item:nth-child(1) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E");
}
.blockWrap_a7967978f84543fc8282ecbb59b402c1 .item:nth-child(2) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.blockWrap_a7967978f84543fc8282ecbb59b402c1 .item:nth-child(3) .contentTitle::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301476B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
/*******************/
 
 
 
 
/* Page: Portfolio (/portfolio)
   "Bathrooms" / "Kitchens" tiles: base style, plus smaller label box + text on tablet and mobile */
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item {
  position: relative;
}
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .itemImg {
  position: relative;
  padding-bottom: 0 !important;
}
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .itemImg::after {
  content: "";
  position: absolute;
  top: 22px;
  left: 22px;
  right: 22px;
  bottom: 22px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  pointer-events: none;
  z-index: 1;
}
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .itemContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: auto;
  margin: 0;
}
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle {
  margin: 0;
  background: rgba(15, 25, 30, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.9);
  padding: 18px 42px;
  white-space: nowrap;
}
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle a {
  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none !important;
}
.blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle a::after {
  content: "" !important;
}
@media (max-width: 900px) {
  .blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle {
    padding: 12px 24px;
  }
  .blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle a {
    font-size: 16px;
    letter-spacing: 1.5px;
  }
}
@media (max-width: 600px) {
  .blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle {
    padding: 8px 16px;
  }
  .blockWrap_a44421a0f9494f42940f29bca0bfb4dd .item .contentTitle a {
    font-size: 13px;
    letter-spacing: 1px;
  }
}
/***********************/
 
 
 
 
/* Page: About (/about)
   Section: "Our Promise" checklist, built as its own 2-column grid (no longer relies on the
   site's native column wrapper, which is why the previous fix had no effect) */
.blockWrap_de96abb78daf4211b95087f2cdfadf53 ul {
  list-style: none !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 48px;
  row-gap: 0;
  margin: 24px 0 0 !important;
  padding-left: 0 !important;
}
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li {
  position: relative;
  list-style: none !important;
  padding: 18px 0 18px 34px !important;
  border-bottom: 1px solid rgb(226, 226, 226);
  font-size: 18px;
  color: rgb(70, 70, 70);
}
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(1) { grid-column: 1; grid-row: 1; }
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(2) { grid-column: 1; grid-row: 2; }
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(3) { grid-column: 1; grid-row: 3; }
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(4) { grid-column: 2; grid-row: 1; }
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(5) { grid-column: 2; grid-row: 2; }
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(6) { grid-column: 2; grid-row: 3; }
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li p {
  margin: 0 !important;
}
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li strong {
  color: #01476B;
}
.blockWrap_de96abb78daf4211b95087f2cdfadf53 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5L9.5 18L20 6' stroke='%2301476B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}





@media (max-width: 700px) {
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 ul {
    grid-template-columns: 1fr;
  }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(n) {
    grid-column: 1 !important;
  }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(1) { grid-row: 1; }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(2) { grid-row: 2; }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(3) { grid-row: 3; }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(4) { grid-row: 4; }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(5) { grid-row: 5; }
  .blockWrap_de96abb78daf4211b95087f2cdfadf53 li:nth-child(6) { grid-row: 6; }
}
/*******************/
 
 
 
 
/* Existing site rules */
.blockWrap_dada70b23fc840eeb036024431f85d10 .imgEffect .imgEffect-overlay .imgEffect-content .contentTitle { text-transform: uppercase; letter-spacing: 0.05em; }
.blockWrap_dada70b23fc840eeb036024431f85d10 .imgEffect-content--showDesc p { transform: rotate(90deg); }
.mobileFooterContainer .mfTextLabel { text-transform: uppercase; letter-spacing: 0.05em; }
 
 
 
 
/* Sitewide mobile font sizes */
@media (max-width: 767px) {
  h2 { font-size: 26px !important; }
  h3 { font-size: 19px !important; }
  p, li { font-size: 15px !important; }
  nav a { font-size: 14px !important; }
  footer, footer p, footer a { font-size: 14px !important; }
  .button {
    font-size: 15px !important;
    padding: 14px 28px !important;
  }
  .blockWrap_d1f32a93c5ba41289da5bad116d00ee8 .contentTitle { font-size: 30px !important; }
  .blockWrap_G5GknqCUKahEAPKS .contentTitle { font-size: 26px !important; }
  /* Icon badge item titles (Why Design With Us, Contact "Get in Touch" section):
     these have no link on the live site, so a rule scoped to ".contentTitle a"
     alone never matches there and the generic h2 rule above wins instead. */
  .blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .contentTitle,
  .blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .contentTitle a,
  .blockWrap_a7967978f84543fc8282ecbb59b402c1 .contentTitle,
  .blockWrap_a7967978f84543fc8282ecbb59b402c1 .contentTitle a {
    font-size: 18px !important;
  }
  .blockWrap_e9a2bec480354b8e97a2b083946e6049 .imgGridItem:nth-child(5) {
    display: none !important;}
}
 
@media (max-width: 480px) {
  h2 { font-size: 22px !important; }
  h3 { font-size: 17px !important; }
  p, li { font-size: 15px !important; }
  .button {
    font-size: 15px !important;
    padding: 12px 24px !important;
  }
  .blockWrap_d1f32a93c5ba41289da5bad116d00ee8 .contentTitle { font-size: 24px !important; }
  .blockWrap_G5GknqCUKahEAPKS .contentTitle { font-size: 22px !important; }
  .blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .contentTitle,
  .blockWrap_c6a8a3ea58844abfb3d6e080215691e0 .contentTitle a,
  .blockWrap_a7967978f84543fc8282ecbb59b402c1 .contentTitle,
  .blockWrap_a7967978f84543fc8282ecbb59b402c1 .contentTitle a {
    font-size: 16px !important;
  }
   .blockWrap_G5GknqCUKahEAPKS .contentTitle,
  .blockWrap_8epqhIXHhmelhUo8 .contentTitle { font-size: 16px !important; }
}