Start Your Project
Contact Us
<>
/* allows background video selection in the designer */
.hero-overlay-layer {
pointer-events: none;
}
/* Fixes slider black flashes in Safari */
.splide-image,
.slider_image-fix {
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
/* Fixes navigation logo color inheritance */
/* Is overriden on News template page (white background) */
/* '.page-s must come after'.global-s' in DOM/navigation order */
.navbar_logo-link {
color:unset;
}
/* Breaks footer email into 2 lines when no room */
/* No less than 991pxno greater than 1150px */
@media (min-width:991px) and (max-width:1150px) {
.email-break {
display: inline-block;
}
.is-footer-email {
width:10rem;}
}
/* Hides Splide Slider prev/next if no slide available */
.splide__arrow:disabled {
opacity: 0;
pointer-events: none;
}
/* Sets animation delay for each stagger items */
.ix_fade-up-stagger:nth-child( 2 ) { transition-delay: 0.5s }
.ix_fade-up-stagger:nth-child( 3 ) { transition-delay: 1.0s }
.ix_fade-up-stagger:nth-child( 4 ) { transition-delay: 1.5s }
.ix_fade-up-stagger:nth-child( 5 ) { transition-delay: 2.0s }
/*Prevent form text area from expanding horizontal*/
.is-text-area {
resize: vertical;
}
/*Snippet visual hides text while allowing it to still be read by screen readers*/
.visually-hidden {
border: 0;
padding: 0;
margin: 0;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(
1px 1px 1px 1px
); /*IE6IE7 - a 0 height clipoff to the bottom right of the visible 1px box*/
clip: rect(
1px,
1px,
1px,
1px
); /*maybe deprecated but we need to support legacy browsers*/
clip-path: inset(
50%
); /*modern browsersclip-path works inwards from each corner*/
white-space: nowrap; /*added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space*/
}
/*Snippet hyphenates any text that wraps and has the .hyphenate-text class*/
.text--hyphenate {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/* Snippet hides any item with .hide class */
.hide {
display: none!important;
}
/* Sets pointer events to none - no mouse interaction */
.pointer-events-none {
pointer-events: none;
}
/* Snippet gets rid of top margin on first element in any rich text*/
.w-richtext>:first-child {
margin-top: 0;
}
/* Snippet gets rid of bottom margin on last element in any rich text*/
.w-richtext>:last-child.w-richtext ol li:last-child.w-richtext ul li:last-child {
margin-bottom: 0;
}
/* Snippet makes all link elements listed below to inherit color from their parent */
a
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link
{
color: inherit;
}
/* Snippet prevents all click and hover interaction with an element */
.clickable-off {
pointer-events: none;
}
/* Snippet enables all click and hover interaction with an element */
.clickable-on{
pointer-events: auto;
}
/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
content: "";
display: block;
padding-bottom: 100%;
}
/*Hide focus outline for main content element*/
main:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
/* Make sure containers never lose their center alignment*/
.container-medium.container-small.container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*Reset selectsbuttonsand links s*/
.w-input.w-selecta {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
/*Apply "..." after 3 lines of text */
.text--3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text--2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
-ms-overflow-: none; // IE 10+
overflow: -moz-scrollbars-none; // Firefox
}
.no-scrollbar::-webkit-scrollbar {
display: none; // Safari and Chrome
}
<>
/* Snippet fades Houzz reviews text at top & bottom of scroll wrapper */
.reviews_body-wrapper {
--mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
-webkit-mask-image: linear-gradient(to bottomblack 75%transparent 100%);
}
.reviews_body-wrapper:before {
opacity: 0;
visibility: hidden;
}
/* Begin Houzz reviews scrollbar styling - Finsweet */
/*width*/
.reviews_body-wrapper::-webkit-scrollbar {
width:4px;
}
/*track*/
.reviews_body-wrapper::-webkit-scrollbar-track {
background:rgba(2172172160.2);
border-:none;
border-radius:12px;
}
/*thumb*/
.reviews_body-wrapper::-webkit-scrollbar-thumb {
background:rgba(1981701181);
border-radius:12px;
}
/* Firefox compatability */
.reviews_body-wrapper {
scrollbar-color: rgba(1981701181) transparent; /* track thumb */
scrollbar-width: thin; /* nonethinor auto */
}
/* End Houzz reviews scrollbar styling - Finsweet*/