@import url("../subpage-fonts.css");
/* blog — styles scoped to this page. */
:where(.blog-page) .blog__premium-con-lq__glass1 {
  backdrop-filter: blur(10px);
}
:where(.blog-page) .blog__premium-lq__shadow1 {
  box-shadow: inset 0 0 15px 0 hsla(0, 0%, 100%, 0.6) !important;
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
:where(.blog-page) :where(img[class*="wp-image-"]) {
  height: auto;
  max-width: 100%;
}
:where(.blog-page) .blog__listing-grid__items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  width: calc(100% + 20px);
}
:where(.blog-page) .blog__listing-grid__items.blog__grid-col-desk-3 {
  --columns: 3;
}
@media (max-width: 1024px) {
  :where(.blog-page) .blog__listing-grid__items.blog__grid-col-tablet-2 {
    --columns: 2;
  }
}
@media (max-width: 767px) {
  :where(.blog-page) .blog__listing-grid__items.blog__grid-col-mobile-1 {
    --columns: 1;
  }
}
:where(.blog-page) .blog__listing-grid__item {
  padding: 10px;
  box-sizing: border-box;
}
:where(.blog-page) .blog__listing-grid__items > .blog__listing-grid__item {
  max-width: calc(100% / var(--columns));
  flex: 0 0 calc(100% / var(--columns));
}
@-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(.blog-page)) {
  margin: 0;
}
:where(.blog-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(.blog-page) {
  line-height: 1.15;
  text-size-adjust: 100%;
}
:where(.blog-page) * {
  box-sizing: border-box;
}
:where(.blog-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(.blog-page) h2 {
  margin-block: 0.5rem 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
:where(.blog-page) h2 {
  font-size: 2rem;
}
:where(.blog-page) p {
  margin-block: 0 0.9rem;
}
:where(.blog-page) a {
  background-color: transparent;
  text-decoration: none;
  color: #c36;
}
:where(.blog-page) a:active,
:where(.blog-page) a:hover {
  color: #336;
}
:where(.blog-page) a:not([href]):not([tabindex]),
:where(.blog-page) a:not([href]):not([tabindex]):focus,
:where(.blog-page) a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
:where(.blog-page) a:not([href]):not([tabindex]):focus {
  outline: 0;
}
:where(.blog-page) img {
  border-style: none;
}
@media print {
  :where(.blog-page) * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  :where(.blog-page) a,
  :where(.blog-page) a:visited {
    text-decoration: underline;
  }
  :where(.blog-page) a[href]:after {
    content: " (" attr(href) ")";
  }
  :where(.blog-page) img {
    break-inside: avoid;
  }
  :where(.blog-page) h2,
  :where(.blog-page) p {
    orphans: 3;
    widows: 3;
  }
  :where(.blog-page) h2 {
    break-after: avoid;
  }
}
:where(.blog-page) button,
:where(.blog-page) input,
:where(.blog-page) textarea {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}
:where(.blog-page) input[type="email"],
:where(.blog-page) input[type="tel"],
:where(.blog-page) input[type="text"],
:where(.blog-page) textarea {
  width: 100%;
  border: 1px solid #666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: 0.3s;
}
:where(.blog-page) input[type="email"]:focus,
:where(.blog-page) input[type="tel"]:focus,
:where(.blog-page) input[type="text"]:focus,
:where(.blog-page) textarea:focus {
  border-color: #333;
}
:where(.blog-page) button,
:where(.blog-page) input {
  overflow: visible;
}
:where(.blog-page) button {
  text-transform: none;
}
:where(.blog-page) [type="submit"],
:where(.blog-page) button {
  width: auto;
  appearance: button;
}
:where(.blog-page) [type="submit"],
:where(.blog-page) button {
  display: inline-block;
  font-weight: 400;
  color: #c36;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  border: 1px solid #c36;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: 0.3s;
}
:where(.blog-page) [type="submit"]:focus:not(:focus-visible),
:where(.blog-page) button:focus:not(:focus-visible) {
  outline: none;
}
:where(.blog-page) [type="submit"]:focus,
:where(.blog-page) [type="submit"]:hover,
:where(.blog-page) button:focus,
:where(.blog-page) button:hover {
  color: #fff;
  background-color: #c36;
  text-decoration: none;
}
:where(.blog-page) [type="submit"]:not(:disabled),
:where(.blog-page) button:not(:disabled) {
  cursor: pointer;
}
:where(.blog-page) textarea {
  overflow: auto;
  resize: vertical;
}
:where(.blog-page) .blog__scope *,
:where(.blog-page) .blog__scope :after,
:where(.blog-page) .blog__scope :before {
  box-sizing: border-box;
}
:where(.blog-page) .blog__scope a {
  box-shadow: none;
  text-decoration: none;
}
:where(.blog-page) .blog__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(.blog-page) .blog__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(.blog-page) .blog__block:where(.blog__full, .blog__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);
}
@keyframes eicon-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:where(.blog-page) .blog__widget {
  position: relative;
}
:where(.blog-page) .blog__widget:not(:last-child) {
  margin-bottom: var(--kit-widget-spacing, 20px);
}
:where(.blog-page) .blog__widget:not(:last-child).blog__widget__width-initial {
  margin-bottom: 0;
}
:where(.blog-page) .blog__column {
  display: flex;
  min-height: 1px;
  position: relative;
}
@media (min-width: 768px) {
  :where(.blog-page) .blog__column.blog__col-50 {
    width: 50%;
  }
  :where(.blog-page) .blog__column.blog__col-100 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  :where(.blog-page) .blog__column {
    width: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(.blog-page) {
    scroll-behavior: smooth;
  }
}
:where(.blog-page) .blog__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;
  --container-widget-width: 100%;
  --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(.blog-page) .blog__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(.blog-page) .blog__container.blog__flex {
  --flex-direction: column;
  --flex-basis: auto;
  --flex-grow: 0;
  --flex-shrink: 1;
  flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
}
:where(.blog-page) .blog__container > .blog__inner,
:where(.blog-page) .blog__full {
  padding-block-end: var(--padding-block-end);
  padding-block-start: var(--padding-block-start);
  text-align: var(--text-align);
}
:where(.blog-page) .blog__container.blog__flex > .blog__inner,
:where(.blog-page) .blog__full.blog__flex {
  flex-direction: var(--flex-direction);
}
:where(.blog-page) .blog__container,
:where(.blog-page) .blog__container > .blog__inner {
  display: var(--display);
}
:where(.blog-page) .blog__boxed.blog__flex {
  place-content: normal;
  align-items: normal;
  flex-flow: column;
}
:where(.blog-page) .blog__boxed {
  gap: initial;
  text-align: initial;
}
:where(.blog-page) .blog__container.blog__flex > .blog__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(.blog-page) .blog__container > .blog__inner {
  gap: var(--row-gap) var(--column-gap);
  height: 100%;
  margin: 0 auto;
  max-width: var(--content-width);
  padding-inline: 0;
  width: 100%;
}
:where(.blog-page) :is(.blog__section-wrap, .blog__data-elementor-id-present) > .blog__container {
  --margin-left: auto;
  --margin-right: auto;
  max-width: min(100%, var(--width));
}
:where(.blog-page) .blog__container .blog__widget.blog__widget {
  margin-block-end: 0;
}
:where(.blog-page) .blog__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(.blog-page) .blog__container:before {
  transition:
    background var(--overlay-transition, 0.3s),
    border-radius var(--border-transition, 0.3s),
    opacity var(--overlay-transition, 0.3s);
}
:where(.blog-page) .blog__container .blog__widget {
  min-width: 0;
}
:where(.blog-page) .blog__container > .blog__inner > .blog__widget > .blog__content,
:where(.blog-page) .blog__container > .blog__widget > .blog__content {
  height: 100%;
}
:where(.blog-page) .blog__container.blog__container > .blog__inner > .blog__widget,
:where(.blog-page) .blog__scope.blog__scope .blog__container > .blog__widget {
  max-width: 100%;
}
:where(.blog-page) .blog__container .blog__widget:not(:last-child) {
  --kit-widget-spacing: 0px;
}
@media (max-width: 767px) {
  :where(.blog-page) .blog__container.blog__flex {
    --width: 100%;
    --flex-wrap: var(--flex-wrap-mobile);
  }
}
:where(.blog-page) .blog__form-fields-wrapper {
  display: flex;
  flex-wrap: wrap;
}
:where(.blog-page) .blog__form-fields-wrapper.blog__labels-above .blog__field > input,
:where(.blog-page) .blog__form-fields-wrapper.blog__labels-above .blog__field > textarea {
  flex-basis: 100%;
  max-width: 100%;
}
:where(.blog-page) .blog__field {
  align-items: center;
  flex-wrap: wrap;
}
:where(.blog-page) .blog__field.blog__field-type-submit {
  align-items: flex-end;
}
:where(.blog-page) .blog__field .blog__field-textual {
  background-color: transparent;
  border: 1px solid #69727d;
  color: #1f2124;
  flex-grow: 1;
  max-width: 100%;
  vertical-align: middle;
  width: 100%;
}
:where(.blog-page) .blog__field .blog__field-textual:focus {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  outline: 0;
}
:where(.blog-page) .blog__field .blog__field-textual::placeholder {
  color: inherit;
  font-family: inherit;
  opacity: 0.6;
}
:where(.blog-page) .blog__field-textual {
  border-radius: 3px;
  font-size: 15px;
  line-height: 1.4;
  min-height: 40px;
  padding: 5px 14px;
}
:where(.blog-page) .blog__button-align-start .blog__field-type-submit,
:where(.blog-page) .blog__button-align-start .blog__form__buttons {
  justify-content: flex-start;
}
:where(.blog-page)
  .blog__button-align-start
  .blog__field-type-submit:not(.blog__form__buttons__wrapper)
  .blog__button {
  flex-basis: auto;
}
:where(.blog-page) .blog__form .blog__button {
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  padding-block: 0;
}
:where(.blog-page) .blog__form .blog__button-content,
:where(.blog-page) .blog__form .blog__button > span {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
}
:where(.blog-page) .blog__form .blog__button.blog__size-sm {
  min-height: 40px;
}
:where(.blog-page) .blog__heading {
  line-height: 1;
  margin: 0;
  padding: 0;
}
:where(.blog-page) .blog__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(.blog-page) .blog__button:focus,
:where(.blog-page) .blog__button:hover,
:where(.blog-page) .blog__button:visited {
  color: #fff;
}
:where(.blog-page) .blog__button-content {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: center;
}
:where(.blog-page) .blog__button-text {
  display: inline-block;
}
:where(.blog-page) .blog__button span {
  text-decoration: inherit;
}
:where(.blog-page) .blog__container {
  --container-max-width: 1440px;
}
:where(.blog-page) .blog__widget:not(:last-child) {
  margin-block-end: 20px;
}
:where(.blog-page) .blog__block {
  --widgets-spacing-row: 20px;
  --widgets-spacing-column: 20px;
}
@media (max-width: 1024px) {
  :where(.blog-page) .blog__container {
    --container-max-width: 1024px;
  }
}
@media (max-width: 767px) {
  :where(.blog-page) .blog__container {
    --container-max-width: 767px;
  }
}
:where(.blog-page) .blog__image-block {
  text-align: center;
}
:where(.blog-page) .blog__image-block a {
  display: inline-block;
}
:where(.blog-page) .blog__image-block img {
  display: inline-block;
  vertical-align: middle;
}
:where(.blog-page) .blog__title-block .blog__heading[class*="size-"] > a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
:where(.blog-page) .blog__widget:not(:has(.blog__content)) .blog__content {
  overflow: hidden;
}
:where(.blog-page) .blog__form__buttons {
  flex-wrap: wrap;
}
:where(.blog-page) .blog__form__buttons {
  display: flex;
}
:where(.blog-page) .blog__field-type-tel input {
  direction: inherit;
}
:where(.blog-page) .blog__form .blog__button .blog__button-content {
  align-items: center;
}
:where(.blog-page) .blog__form .blog__button .blog__button-text {
  white-space: normal;
}
:where(.blog-page) .blog__form .blog__button .blog__button-content {
  gap: 5px;
}
:where(.blog-page) .blog__form .blog__button .blog__button-text {
  flex-grow: unset;
  order: unset;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-group {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --flex-wrap-mobile: wrap;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 30px;
  --padding-bottom: 25px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-woocommerce-breadcrumb
  .blog__shop-breadcrumb {
  color: #555;
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 20px;
  font-weight: 500;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-woocommerce-breadcrumb
  .blog__shop-breadcrumb
  > a {
  color: #999;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-bathroom-fixture-specification-checklist-time {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px;
  --padding-bottom: 30px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-jet-listing-grid
  > .blog__content
  > .blog__listing-grid
  > .blog__listing-grid__items {
  --columns: 3;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-get-a-free-quote {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --flex-wrap-mobile: wrap;
  --padding-top: 60px;
  --padding-bottom: 60px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-get-a-free-quote:not(.blog__motion-effects-element-type-background) {
  background-color: #f8f8f8;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-title-block-101 .blog__heading {
  color: #333;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-title-block-102 .blog__heading {
  font-size: 22px;
  color: #333;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-group-2 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-group-3 {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-group-4 {
  --display: flex;
  --justify-content: center;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  overflow: visible;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-form .blog__field {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 22px;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-form .blog__form-fields-wrapper {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -22px;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-form
  .blog__field:not(.blog__field-type-upload)
  .blog__input:not(.blog__select-wrapper) {
  background-color: #fff;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-form .blog__button {
  font-size: 18px;
  font-weight: 500;
}
:where(.blog-page) .blog__document-1450 .blog__block.blog__item-form .blog__button[type="submit"] {
  background-color: #ffc944;
  color: #000;
}
:where(.blog-page)
  .blog__document-1450
  .blog__block.blog__item-form
  .blog__button[type="submit"]:hover {
  color: #fff;
}
@media (min-width: 768px) {
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-get-a-free-quote {
    --content-width: 1440px;
  }
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-group-2 {
    --width: 100%;
  }
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-group-3 {
    --width: 45%;
  }
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-group-4 {
    --width: 50%;
  }
}
@media (max-width: 1024px) {
  :where(.blog-page)
    .blog__document-1450
    .blog__block.blog__item-bathroom-fixture-specification-checklist-time {
    --padding-top: 20px;
    --padding-bottom: 20px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
  :where(.blog-page)
    .blog__document-1450
    .blog__block.blog__item-jet-listing-grid
    > .blog__content
    > .blog__listing-grid
    > .blog__listing-grid__items {
    --columns: 2;
  }
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-get-a-free-quote {
    --padding-top: 20px;
    --padding-bottom: 20px;
    --padding-left: 20px;
    --padding-right: 20px;
  }
}
@media (max-width: 767px) {
  :where(.blog-page)
    .blog__document-1450
    .blog__block.blog__item-jet-listing-grid
    > .blog__content
    > .blog__listing-grid
    > .blog__listing-grid__items {
    --columns: 1;
  }
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-get-a-free-quote {
    --padding-top: 40px;
    --padding-bottom: 40px;
    --padding-left: 15px;
    --padding-right: 15px;
  }
  :where(.blog-page) .blog__document-1450 .blog__block.blog__item-title-block-102 .blog__heading {
    font-size: 16px;
  }
}
:where(.blog-page)
  .blog__document-1441
  .blog__block.blog__item-dining-table-marble-dining-table-ultimate-cus {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --flex-wrap-mobile: wrap;
  --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(.blog-page) .blog__document-1441 .blog__block.blog__item-image-block-100.blog__block {
  --align-self: flex-start;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-title-block-100.blog__block {
  --align-self: flex-start;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-title-block-100 .blog__heading {
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  color: #333;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-text-block-199 {
  width: var(--container-widget-width, 500px);
  max-width: 500px;
  --container-widget-width: 500px;
  columns: 1;
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #999;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-text-block-199 > .blog__content {
  margin: 0;
  padding: 0;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-text-block-199.blog__block {
  --align-self: flex-start;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-text-block-200 {
  width: var(--container-widget-width, 405px);
  max-width: 405px;
  --container-widget-width: 405px;
  font-family:
    Subpage Open Sans,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-text-block-200 > .blog__content {
  margin: -20px 0 0;
  padding: 0;
}
:where(.blog-page) .blog__document-1441 .blog__block.blog__item-text-block-200.blog__block {
  --align-self: flex-start;
}
@media (min-width: 768px) {
  :where(.blog-page)
    .blog__document-1441
    .blog__block.blog__item-dining-table-marble-dining-table-ultimate-cus {
    --content-width: 500px;
  }
}
:where(.blog-page) .blog__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(.blog-page) img {
  max-width: 100%;
  height: auto;
  display: block;
}
:where(.blog-page) {
  text-rendering: optimizespeed;
}
@media screen and (max-height: 1024px) {
  :where(.blog-page)
    .blog__container.blog__parent:nth-of-type(n + 3):not(.blog__lazyloaded):not(.blog__no-lazyload),
  :where(.blog-page)
    .blog__container.blog__parent:nth-of-type(n + 3):not(.blog__lazyloaded):not(.blog__no-lazyload)
    * {
    background-image: none !important;
  }
}
@media screen and (max-height: 640px) {
  :where(.blog-page)
    .blog__container.blog__parent:nth-of-type(n + 2):not(.blog__lazyloaded):not(.blog__no-lazyload),
  :where(.blog-page)
    .blog__container.blog__parent:nth-of-type(n + 2):not(.blog__lazyloaded):not(.blog__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(.blog-page) {
  scroll-behavior: auto !important;
}
@-webkit-keyframes loading-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes loading-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes jsf_provider-preloader-dots-spin-scale-animation {
  0% {
    transform-origin: 50% -50%;
    transform: rotate(0deg);
  }
  50% {
    transform-origin: 50% -50%;
    transform: rotate(1turn);
  }
  50% {
    transform-origin: 50% 150%;
    transform: rotate(0deg);
  }
  to {
    transform-origin: 50% 150%;
    transform: rotate(1turn);
  }
}
@keyframes jsf_provider-preloader-dots-spin-scale-animation {
  0% {
    transform-origin: 50% -50%;
    transform: rotate(0deg);
  }
  50% {
    transform-origin: 50% -50%;
    transform: rotate(1turn);
  }
  50% {
    transform-origin: 50% 150%;
    transform: rotate(0deg);
  }
  to {
    transform-origin: 50% 150%;
    transform: rotate(1turn);
  }
}

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