@import url("../subpage-fonts.css");
/* bloglist — styles scoped to this page. */
:where(.bloglist-page) #jp-relatedposts {
  display: none;
  padding-top: 1em;
  margin: 1em 0;
  position: relative;
  clear: both;
}
:where(.bloglist-page) .bloglist__jp-relatedposts:after {
  content: "";
  display: block;
  clear: both;
}
:where(.bloglist-page) #jp-relatedposts h3.bloglist__jp-relatedposts-headline {
  margin: 0 0 1em;
  display: inline-block;
  float: left;
  font-size: 9pt;
  font-weight: 700;
  font-family: inherit;
}
:where(.bloglist-page) #jp-relatedposts h3.bloglist__jp-relatedposts-headline em:before {
  content: "";
  display: block;
  width: 100%;
  min-width: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
}
:where(.bloglist-page) #jp-relatedposts h3.bloglist__jp-relatedposts-headline em {
  font-style: normal;
  font-weight: 700;
}
:where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items {
  clear: left;
}
:where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items-visual {
  margin-right: -20px;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post {
  float: left;
  width: 33%;
  margin: 0 0 1em;
  box-sizing: border-box;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items-visual
  .bloglist__jp-relatedposts-post {
  padding-right: 20px;
  opacity: 0.8;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post:hover
  .bloglist__jp-relatedposts-post-title
  a {
  text-decoration: underline;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post:hover {
  opacity: 1;
}
:where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items p,
:where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items time,
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items-visual
  h4.bloglist__jp-relatedposts-post-title {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
:where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items p,
:where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items time {
  margin-bottom: 0;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items-visual
  h4.bloglist__jp-relatedposts-post-title {
  text-transform: none;
  margin: 0;
  font-family: inherit;
  display: block;
  max-width: 100%;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post
  .bloglist__jp-relatedposts-post-title
  a {
  font-size: inherit;
  font-weight: 400;
  text-decoration: none;
  opacity: 1;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post
  .bloglist__jp-relatedposts-post-title
  a:hover {
  text-decoration: underline;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post
  img.bloglist__jp-relatedposts-post-img {
  display: block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items-visual
  .bloglist__jp-relatedposts-post
  img.bloglist__jp-relatedposts-post-img {
  height: auto;
  max-width: 100%;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post
  .bloglist__jp-relatedposts-post-context,
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post
  .bloglist__jp-relatedposts-post-date {
  opacity: 0.6;
}
:where(.bloglist-page)
  .bloglist__jp-relatedposts-items
  .bloglist__jp-relatedposts-post
  .bloglist__jp-relatedposts-post-date {
  display: none;
}
:where(.bloglist-page)
  #jp-relatedposts
  .bloglist__jp-relatedposts-items-visual
  div.bloglist__jp-relatedposts-post-thumbs
  p.bloglist__jp-relatedposts-post-excerpt {
  display: none;
}
@media only screen and (max-width: 640px) {
  :where(.bloglist-page)
    #jp-relatedposts
    .bloglist__jp-relatedposts-items
    .bloglist__jp-relatedposts-post {
    width: 50%;
  }
  :where(.bloglist-page)
    #jp-relatedposts
    .bloglist__jp-relatedposts-items
    .bloglist__jp-relatedposts-post:nth-child(3n) {
    clear: left;
  }
  :where(.bloglist-page) #jp-relatedposts .bloglist__jp-relatedposts-items-visual {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 320px) {
  :where(.bloglist-page)
    #jp-relatedposts
    .bloglist__jp-relatedposts-items
    .bloglist__jp-relatedposts-post {
    width: 100%;
    clear: both;
    margin: 0 0 1em;
  }
}
@media print {
  :where(.bloglist-page) .bloglist__jp-relatedposts {
    display: none !important;
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
:where(.bloglist-page) :root .bloglist__has-text-align-left {
  text-align: left;
}
:where(.bloglist-page) :where(img[class*="wp-image-"]) {
  height: auto;
  max-width: 100%;
}
:where(.bloglist-page) :where(figure) {
  margin: 0 0 1em;
}
:where(.bloglist-page) .bloglist__block-image img {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
:where(.bloglist-page) ol,
:where(.bloglist-page) ul {
  box-sizing: border-box;
}
:where(.bloglist-page) .bloglist__block-post-date {
  box-sizing: border-box;
}
:where(.bloglist-page) .bloglist__block-table {
  overflow-x: auto;
}
:where(.bloglist-page) .bloglist__block-table table {
  border-collapse: collapse;
  width: 100%;
}
:where(.bloglist-page) .bloglist__block-table thead {
  border-bottom: 3px solid;
}
:where(.bloglist-page) .bloglist__block-table td,
:where(.bloglist-page) .bloglist__block-table th {
  border: 1px solid;
  padding: 0.5em;
}
:where(.bloglist-page) .bloglist__block-table .bloglist__has-fixed-layout {
  table-layout: fixed;
  width: 100%;
}
:where(.bloglist-page) .bloglist__block-table .bloglist__has-fixed-layout td,
:where(.bloglist-page) .bloglist__block-table .bloglist__has-fixed-layout th {
  word-break: break-word;
}
@-webkit-keyframes jet-engine-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes jet-engine-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes jet-engine-map-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes jet-engine-map-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:where(:where(.bloglist-page)) {
  margin: 0;
}
:where(.bloglist-page) {
  padding: 0;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@font-face {
  font-family: star;
  src:
    url("/template/index/static/font/WooCommerce-5a54712397.woff2") format("woff2"),
    url("/template/index/static/font/WooCommerce-dbeb28f2a8.woff") format("woff"),
    url("/template/index/static/font/WooCommerce-066e416f71.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: WooCommerce;
  src:
    url("/template/index/static/font/WooCommerce-5a54712397.woff2") format("woff2"),
    url("/template/index/static/font/WooCommerce-dbeb28f2a8.woff") format("woff"),
    url("/template/index/static/font/WooCommerce-066e416f71.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
:where(.bloglist-page) {
  line-height: 1.15;
  text-size-adjust: 100%;
}
:where(.bloglist-page) * {
  box-sizing: border-box;
}
:where(.bloglist-page) {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Subpage Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}
:where(.bloglist-page) h1,
:where(.bloglist-page) h2,
:where(.bloglist-page) h3,
:where(.bloglist-page) h4 {
  margin-block: 0.5rem 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
:where(.bloglist-page) h1 {
  font-size: 2.5rem;
}
:where(.bloglist-page) h2 {
  font-size: 2rem;
}
:where(.bloglist-page) h3 {
  font-size: 1.75rem;
}
:where(.bloglist-page) h4 {
  font-size: 1.5rem;
}
:where(.bloglist-page) p {
  margin-block: 0 0.9rem;
}
:where(.bloglist-page) a {
  background-color: transparent;
  text-decoration: none;
  color: #c36;
}
:where(.bloglist-page) a:active,
:where(.bloglist-page) a:hover {
  color: #336;
}
:where(.bloglist-page) a:not([href]):not([tabindex]),
:where(.bloglist-page) a:not([href]):not([tabindex]):focus,
:where(.bloglist-page) a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
:where(.bloglist-page) a:not([href]):not([tabindex]):focus {
  outline: 0;
}
:where(.bloglist-page) strong {
  font-weight: bolder;
}
:where(.bloglist-page) img {
  border-style: none;
}
@media print {
  :where(.bloglist-page) * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  :where(.bloglist-page) a,
  :where(.bloglist-page) a:visited {
    text-decoration: underline;
  }
  :where(.bloglist-page) a[href]:after {
    content: " (" attr(href) ")";
  }
  :where(.bloglist-page) a[href^="#"]:after {
    content: "";
  }
  :where(.bloglist-page) thead {
    display: table-header-group;
  }
  :where(.bloglist-page) img,
  :where(.bloglist-page) tr {
    break-inside: avoid;
  }
  :where(.bloglist-page) h2,
  :where(.bloglist-page) h3,
  :where(.bloglist-page) p {
    orphans: 3;
    widows: 3;
  }
  :where(.bloglist-page) h2,
  :where(.bloglist-page) h3 {
    break-after: avoid;
  }
}
:where(.bloglist-page) table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
:where(.bloglist-page) table td,
:where(.bloglist-page) table th {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid hsla(0, 0%, 50%, 0.5);
}
:where(.bloglist-page) table th {
  font-weight: 700;
}
:where(.bloglist-page) table thead th {
  font-size: 1em;
}
:where(.bloglist-page) table thead:first-child tr:first-child th {
  border-block-start: 1px solid hsla(0, 0%, 50%, 0.5);
}
:where(.bloglist-page) table tbody > tr:nth-child(odd) > td {
  background-color: hsla(0, 0%, 50%, 0.07);
}
:where(.bloglist-page) table tbody tr:hover > td {
  background-color: hsla(0, 0%, 50%, 0.1);
}
:where(.bloglist-page) li,
:where(.bloglist-page) ol,
:where(.bloglist-page) ul {
  margin-block: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
:where(.bloglist-page) .bloglist__scope *,
:where(.bloglist-page) .bloglist__scope :after,
:where(.bloglist-page) .bloglist__scope :before {
  box-sizing: border-box;
}
:where(.bloglist-page) .bloglist__scope a {
  box-shadow: none;
  text-decoration: none;
}
:where(.bloglist-page) .bloglist__scope img {
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  max-width: 100%;
}
:where(.bloglist-page)
  .bloglist__scope
  .bloglist__widget:not(.bloglist__text-block):not(.bloglist__widget-theme-post-content)
  figure {
  margin: 0;
}
:where(.bloglist-page) .bloglist__block {
  --flex-direction: initial;
  --flex-wrap: initial;
  --justify-content: initial;
  --align-items: initial;
  --align-content: initial;
  --flex-basis: initial;
  --flex-grow: initial;
  --flex-shrink: initial;
  --order: initial;
  --align-self: initial;
  align-self: var(--align-self);
  flex-basis: var(--flex-basis);
  flex-grow: var(--flex-grow);
  flex-shrink: var(--flex-shrink);
  order: var(--order);
}
:where(.bloglist-page) .bloglist__block:where(.bloglist__full, .bloglist__widget) {
  align-content: var(--align-content);
  align-items: var(--align-items);
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  gap: var(--row-gap) var(--column-gap);
  justify-content: var(--justify-content);
}
:where(.bloglist-page) .bloglist__align-center {
  text-align: center;
}
:where(.bloglist-page) .bloglist__align-center .bloglist__button {
  width: auto;
}
@keyframes eicon-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:where(.bloglist-page) .bloglist__eicon-animation-spin {
  animation: eicon-spin 2s linear 0s infinite normal none running;
}
:where(.bloglist-page) .bloglist__widget {
  position: relative;
}
:where(.bloglist-page) .bloglist__widget:not(:last-child) {
  margin-bottom: var(--kit-widget-spacing, 20px);
}
@media (prefers-reduced-motion: no-preference) {
  :where(.bloglist-page) {
    scroll-behavior: smooth;
  }
}
:where(.bloglist-page) .bloglist__container {
  --border-radius: 0;
  --border-top-width: 0px;
  --border-right-width: 0px;
  --border-bottom-width: 0px;
  --border-left-width: 0px;
  --border-style: initial;
  --border-color: initial;
  --content-width: min(100%, var(--container-max-width, 1140px));
  --width: 100%;
  --min-height: initial;
  --height: auto;
  --text-align: initial;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --padding-top: var(--container-default-padding-top, 10px);
  --padding-right: var(--container-default-padding-right, 10px);
  --padding-bottom: var(--container-default-padding-bottom, 10px);
  --padding-left: var(--container-default-padding-left, 10px);
  --position: relative;
  --z-index: revert;
  --overflow: visible;
  --row-gap: var(--widgets-spacing-row, 20px);
  --column-gap: var(--widgets-spacing-column, 20px);
  --overlay-mix-blend-mode: initial;
  --overlay-opacity: 1;
  --overlay-transition: 0.3s;
  border-radius: var(--border-radius);
  height: var(--height);
  min-height: var(--min-height);
  min-width: 0;
  overflow: var(--overflow);
  position: var(--position);
  width: var(--width);
  z-index: var(--z-index);
  --flex-wrap-mobile: wrap;
  margin-block-end: var(--margin-block-end);
  margin-block-start: var(--margin-block-start);
  margin-inline-end: var(--margin-inline-end);
  margin-inline-start: var(--margin-inline-start);
  padding-inline-end: var(--padding-inline-end);
  padding-inline-start: var(--padding-inline-start);
}
:where(.bloglist-page) .bloglist__container {
  --margin-block-start: var(--margin-top);
  --margin-block-end: var(--margin-bottom);
  --margin-inline-start: var(--margin-left);
  --margin-inline-end: var(--margin-right);
  --padding-inline-start: var(--padding-left);
  --padding-inline-end: var(--padding-right);
  --padding-block-start: var(--padding-top);
  --padding-block-end: var(--padding-bottom);
  --border-block-start-width: var(--border-top-width);
  --border-block-end-width: var(--border-bottom-width);
  --border-inline-start-width: var(--border-left-width);
  --border-inline-end-width: var(--border-right-width);
}
:where(.bloglist-page) .bloglist__container.bloglist__flex {
  --flex-direction: column;
  --flex-basis: auto;
  --flex-grow: 0;
  --flex-shrink: 1;
  flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}
:where(.bloglist-page) .bloglist__container > .bloglist__inner,
:where(.bloglist-page) .bloglist__full {
  padding-block-end: var(--padding-block-end);
  padding-block-start: var(--padding-block-start);
  text-align: var(--text-align);
}
:where(.bloglist-page) .bloglist__container.bloglist__flex > .bloglist__inner,
:where(.bloglist-page) .bloglist__full.bloglist__flex {
  flex-direction: var(--flex-direction);
}
:where(.bloglist-page) .bloglist__container,
:where(.bloglist-page) .bloglist__container > .bloglist__inner {
  display: var(--display);
}
:where(.bloglist-page) .bloglist__boxed.bloglist__flex {
  place-content: normal;
  align-items: normal;
  flex-flow: column;
}
:where(.bloglist-page) .bloglist__boxed {
  gap: initial;
  text-align: initial;
}
:where(.bloglist-page) .bloglist__container.bloglist__flex > .bloglist__inner {
  align-content: var(--align-content);
  align-items: var(--align-items);
  align-self: auto;
  flex: 1 1 auto;
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
}
:where(.bloglist-page) .bloglist__container > .bloglist__inner {
  gap: var(--row-gap) var(--column-gap);
  height: 100%;
  margin: 0 auto;
  max-width: var(--content-width);
  padding-inline: 0;
  width: 100%;
}
:where(.bloglist-page)
  :is(.bloglist__section-wrap, .bloglist__data-elementor-id-present)
  > .bloglist__container {
  --margin-left: auto;
  --margin-right: auto;
  max-width: min(100%, var(--width));
}
:where(.bloglist-page) .bloglist__container .bloglist__widget.bloglist__widget {
  margin-block-end: 0;
}
:where(.bloglist-page) .bloglist__container:before {
  border-block-end-width: var(--border-block-end-width);
  border-block-start-width: var(--border-block-start-width);
  border-color: var(--border-color);
  border-inline-end-width: var(--border-inline-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  content: var(--background-overlay);
  display: block;
  height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%);
  left: calc(0px - var(--border-left-width));
  mix-blend-mode: var(--overlay-mix-blend-mode);
  opacity: var(--overlay-opacity);
  position: absolute;
  top: calc(0px - var(--border-top-width));
  transition: var(--overlay-transition, 0.3s);
  width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
}
:where(.bloglist-page) .bloglist__container:before {
  transition:
    background var(--overlay-transition, 0.3s),
    border-radius var(--border-transition, 0.3s),
    opacity var(--overlay-transition, 0.3s);
}
:where(.bloglist-page) .bloglist__container .bloglist__widget {
  min-width: 0;
}
:where(.bloglist-page)
  .bloglist__container
  > .bloglist__inner
  > .bloglist__widget
  > .bloglist__content,
:where(.bloglist-page) .bloglist__container > .bloglist__widget > .bloglist__content {
  height: 100%;
}
:where(.bloglist-page)
  .bloglist__container.bloglist__container
  > .bloglist__inner
  > .bloglist__widget,
:where(.bloglist-page) .bloglist__scope.bloglist__scope .bloglist__container > .bloglist__widget {
  max-width: 100%;
}
:where(.bloglist-page) .bloglist__container .bloglist__widget:not(:last-child) {
  --kit-widget-spacing: 0px;
}
@media (max-width: 767px) {
  :where(.bloglist-page) .bloglist__container.bloglist__flex {
    --width: 100%;
    --flex-wrap: var(--flex-wrap-mobile);
  }
}
:where(.bloglist-page) .bloglist__heading {
  line-height: 1;
  margin: 0;
  padding: 0;
}
:where(.bloglist-page) .bloglist__button {
  background-color: #69727d;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 12px 24px;
  fill: #fff;
  text-align: center;
  transition: 0.3s;
}
:where(.bloglist-page) .bloglist__button:focus,
:where(.bloglist-page) .bloglist__button:hover,
:where(.bloglist-page) .bloglist__button:visited {
  color: #fff;
}
:where(.bloglist-page) .bloglist__button-content {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
}
:where(.bloglist-page) .bloglist__button-text {
  display: inline-block;
}
:where(.bloglist-page) .bloglist__button span {
  text-decoration: inherit;
}
:where(.bloglist-page) .bloglist__animated {
  animation-duration: 1.25s;
}
@media (prefers-reduced-motion: reduce) {
  :where(.bloglist-page) .bloglist__animated {
    animation: auto none 0s ease 1 normal none running !important;
  }
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-bathroom-fixture-specification-checklist-time:not(
    .bloglist__motion-effects-element-type-background
  ) {
  background-image: url("/template/index/static/images/Bathroom-Fixture-Specification-optimized-1472fe1889.jpg");
}
:where(.bloglist-page) .bloglist__container {
  --container-max-width: 1440px;
}
:where(.bloglist-page) .bloglist__widget:not(:last-child) {
  margin-block-end: 20px;
}
:where(.bloglist-page) .bloglist__block {
  --widgets-spacing-row: 20px;
  --widgets-spacing-column: 20px;
}
@media (max-width: 1024px) {
  :where(.bloglist-page) .bloglist__container {
    --container-max-width: 1024px;
  }
}
@media (max-width: 767px) {
  :where(.bloglist-page) .bloglist__container {
    --container-max-width: 767px;
  }
}
:where(.bloglist-page) .bloglist__widget:not(:has(.bloglist__content)) .bloglist__content {
  overflow: hidden;
}
:where(.bloglist-page) .bloglist__fadeInRight {
  animation-name: fadeInRight;
}
:where(.bloglist-page) .bloglist__widget-table-of-contents .bloglist__toc__header-title {
  color: var(--header-color);
}
:where(.bloglist-page)
  .bloglist__widget-table-of-contents:not(.bloglist__toc--collapsed)
  .bloglist__toc__toggle-button--expand {
  display: none;
}
:where(.bloglist-page) .bloglist__widget-table-of-contents .bloglist__content {
  background-color: var(--box-background-color);
  border: var(--box-border-width, 1px) solid var(--box-border-color, #9da5ae);
  border-radius: var(--box-border-radius, 3px);
  min-height: var(--box-min-height);
  overflow: hidden;
  transition: min-height 0.4s;
}
:where(.bloglist-page) .bloglist__toc__header {
  align-items: center;
  background-color: var(--header-background-color);
  border-bottom: var(--separator-width, 1px) solid var(--box-border-color, #9da5ae);
  display: flex;
  justify-content: space-between;
  padding: var(--box-padding, 20px);
}
:where(.bloglist-page) .bloglist__toc__header-title {
  color: var(--header-color);
  flex-grow: 1;
  font-size: 18px;
  margin: 0;
}
:where(.bloglist-page) .bloglist__toc__toggle-button {
  cursor: pointer;
  display: inline-flex;
}
:where(.bloglist-page) .bloglist__toc__toggle-button svg {
  height: 1em;
  width: 1em;
  fill: var(--toggle-button-color);
}
:where(.bloglist-page) .bloglist__toc__spinner-container {
  text-align: center;
}
:where(.bloglist-page) .bloglist__toc__spinner {
  font-size: 2em;
}
:where(.bloglist-page) .bloglist__toc__spinner.bloglist__icon-svg {
  height: 1em;
  width: 1em;
}
:where(.bloglist-page) .bloglist__toc__body {
  max-height: var(--toc-body-max-height);
  overflow-y: auto;
  padding: var(--box-padding, 20px);
}
:where(.bloglist-page) .bloglist__toc__body::-webkit-scrollbar {
  width: 7px;
}
:where(.bloglist-page) .bloglist__toc__body::-webkit-scrollbar-thumb {
  background-color: #babfc5;
  border-radius: 10px;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-bathroom-fixture-specification-checklist-time {
  --display: flex;
  --min-height: 400px;
  --justify-content: center;
  --overlay-opacity: 0.3;
  overflow: visible;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-bathroom-fixture-specification-checklist-time:before {
  background-color: #000;
  --background-overlay: "";
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-bathroom-fixture-specification-checklist-time:not(
    .bloglist__motion-effects-element-type-background
  ) {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-bathroom-fixture-specification-checklist-time.bloglist__container {
  --align-self: center;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-title-block.bloglist__block {
  --align-self: center;
}
:where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-title-block {
  text-align: center;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-title-block
  .bloglist__heading {
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 50px;
  font-weight: 500;
  color: #fff;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-what-must-a-bathroom-fixture-specification-in {
  --display: flex;
  --flex-direction: row;
  --flex-wrap-mobile: wrap;
  --row-gap: 0px;
  --column-gap: 0px;
  overflow: visible;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-what-must-a-bathroom-fixture-specification-in-2 {
  --display: flex;
  --flex-direction: column;
  --flex-wrap-mobile: wrap;
  overflow: visible;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-what-must-a-bathroom-fixture-specification-in-2.bloglist__container {
  --flex-grow: 0;
  --flex-shrink: 0;
}
:where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-group {
  --display: flex;
  --flex-direction: column;
  --flex-wrap-mobile: wrap;
  --justify-content: flex-start;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 20px;
  --padding-bottom: 10px;
  --padding-left: 10px;
  --padding-right: 10px;
  overflow: visible;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-group.bloglist__container {
  --align-self: flex-start;
}
:where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-group-2 {
  --display: flex;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-button
  .bloglist__button {
  background-color: #fa8106;
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px 30px 30px 0;
  padding: 20px 135px;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-button
  > .bloglist__content {
  padding: 0;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-button.bloglist__block {
  --align-self: flex-start;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-table-of-contents
  > .bloglist__content {
  margin: 0 0 30px;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-table-of-contents.bloglist__block {
  --align-self: flex-start;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-table-of-contents
  .bloglist__toc__header-title {
  text-align: center;
}
:where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-table-of-contents {
  --header-background-color: #54595f;
  --header-color: #fff;
  --toggle-button-color: #fff;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-table-of-contents
  .bloglist__toc__header,
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-table-of-contents
  .bloglist__toc__header-title {
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 20px;
  font-weight: 500;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-table-of-contents
  .bloglist__toc__header {
  flex-direction: row;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-kindly-send-us-your-project-details-we-will-q {
  --display: flex;
  --min-height: 300px;
  --flex-direction: column;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  overflow: visible;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-kindly-send-us-your-project-details-we-will-q:not(
    .bloglist__motion-effects-element-type-background
  ) {
  background-color: #3d3d3d;
  background-image: url("/template/index/static/images/Contact-Us-For-Building-Projects-Business-1-1-db9d3c73b0.png");
}
:where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-title-block-2 {
  text-align: center;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-title-block-2
  .bloglist__heading {
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #fff;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-button-2
  .bloglist__button {
  background-color: #fa8106;
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  padding: 20px 40px;
}
:where(.bloglist-page)
  .bloglist__document-2057
  .bloglist__block.bloglist__item-button-2
  > .bloglist__content {
  padding: 30px 0 0;
}
:where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-group-3 {
  --display: flex;
  overflow: visible;
}
@media (min-width: 768px) {
  :where(.bloglist-page)
    .bloglist__document-2057
    .bloglist__block.bloglist__item-bathroom-fixture-specification-checklist-time {
    --content-width: 1440px;
  }
  :where(.bloglist-page)
    .bloglist__document-2057
    .bloglist__block.bloglist__item-what-must-a-bathroom-fixture-specification-in-2 {
    --width: 70%;
  }
  :where(.bloglist-page) .bloglist__document-2057 .bloglist__block.bloglist__item-group {
    --width: 30%;
  }
}
:where(.bloglist-page) .bloglist__parallax-multi-container {
  transition: none !important;
}
@-webkit-keyframes ekit_ajax_spinner_rotation {
  to {
    transform: rotate(1turn);
  }
}
@keyframes ekit_ajax_spinner_rotation {
  to {
    transform: rotate(1turn);
  }
}
@keyframes dtb-spinner {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes dtb-spinner {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes spinToLeft {
  0%,
  to {
    transform-origin: left bottom;
  }
  0% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes spinToLeft {
  0%,
  to {
    transform-origin: left bottom;
  }
  0% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinToRight {
  0%,
  to {
    transform-origin: right bottom;
  }
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes spinToRight {
  0%,
  to {
    transform-origin: right bottom;
  }
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinToTop {
  0%,
  to {
    transform-origin: left bottom;
  }
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes spinToTop {
  0%,
  to {
    transform-origin: left bottom;
  }
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinToBottom {
  0%,
  to {
    transform-origin: right bottom;
  }
  0% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes spinToBottom {
  0%,
  to {
    transform-origin: right bottom;
  }
  0% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinFromLeft {
  0%,
  to {
    transform-origin: left bottom;
  }
  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes spinFromLeft {
  0%,
  to {
    transform-origin: left bottom;
  }
  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinFromRight {
  0%,
  to {
    transform-origin: right bottom;
  }
  to {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes spinFromRight {
  0%,
  to {
    transform-origin: right bottom;
  }
  to {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinFromTop {
  0%,
  to {
    transform-origin: left bottom;
  }
  to {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes spinFromTop {
  0%,
  to {
    transform-origin: left bottom;
  }
  to {
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinFromBottom {
  0%,
  to {
    transform-origin: right bottom;
  }
  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes spinFromBottom {
  0%,
  to {
    transform-origin: right bottom;
  }
  to {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ekit-hover-spined {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes ekit-hover-spined {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@font-face {
  font-family: elementskit;
  src: url("/template/index/static/font/elementskit-6f72874664.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:where(.bloglist-page) img {
  max-width: 100%;
  height: auto;
  display: block;
}
:where(.bloglist-page) {
  text-rendering: optimizespeed;
}
:where(.bloglist-page)
  .bloglist__container.bloglist__parent:nth-of-type(n + 4):not(.bloglist__lazyloaded):not(
    .bloglist__no-lazyload
  ),
:where(.bloglist-page)
  .bloglist__container.bloglist__parent:nth-of-type(n + 4):not(.bloglist__lazyloaded):not(
    .bloglist__no-lazyload
  )
  * {
  background-image: none !important;
}
@media screen and (max-height: 1024px) {
  :where(.bloglist-page)
    .bloglist__container.bloglist__parent:nth-of-type(n + 3):not(.bloglist__lazyloaded):not(
      .bloglist__no-lazyload
    ),
  :where(.bloglist-page)
    .bloglist__container.bloglist__parent:nth-of-type(n + 3):not(.bloglist__lazyloaded):not(
      .bloglist__no-lazyload
    )
    * {
    background-image: none !important;
  }
}
@media screen and (max-height: 640px) {
  :where(.bloglist-page)
    .bloglist__container.bloglist__parent:nth-of-type(n + 2):not(.bloglist__lazyloaded):not(
      .bloglist__no-lazyload
    ),
  :where(.bloglist-page)
    .bloglist__container.bloglist__parent:nth-of-type(n + 2):not(.bloglist__lazyloaded):not(
      .bloglist__no-lazyload
    )
    * {
    background-image: none !important;
  }
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides
}
@layer wp-ui {
  @layer utilities, components, compositions, overrides;
}
:where(.bloglist-page) {
  scroll-behavior: auto !important;
}

/* Keep off-screen slides inside this page without creating a horizontal scrollbar. */
.bloglist-page { overflow-x: clip; }

/* The shared blog detail has a single article column within the centered container. */
.bloglist-page .bloglist__document-2057 .blog-detail__article {
  --width: 100%;
  --flex-grow: 1;
  --flex-shrink: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
}

/* Preserve imported article blocks within the existing full-width article column. */
.blog-detail__article .wp-block-image,
.blog-detail__article .wp-block-table {
  margin: 1.25em 0;
}
.blog-detail__article .wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.blog-detail__article .wp-block-image.aligncenter img {
  margin-inline: auto;
}
.blog-detail__article .wp-block-image figcaption {
  margin-top: .5em;
  color: #666;
  font-size: .875em;
}
.blog-detail__article .wp-block-table {
  max-width: 100%;
  overflow-x: auto;
}
.blog-detail__article .wp-block-table table {
  margin-bottom: 0;
}
.blog-detail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.blog-detail__tags span {
  padding: 5px 10px;
  background: #f5f5f5;
  color: #555;
  border-radius: 3px;
  font-size: 13px;
}

/* Imported article media also fits narrow screens. */
.blog-detail__article iframe,
.blog-detail__article video {
  max-width: 100%;
  height: auto;
}
.blog-detail__article iframe {
  aspect-ratio: 16 / 9;
}