@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//strongtilenw.com/wp-content/themes/woodmart/fonts/woodmart-font-2-700.woff2?v=7.6.0") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgba(0,0,0,0.5);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgba(0,0,0,0.71);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(204,204,204);
	--wd-form-brd-color: rgb(204,204,204);
	--wd-form-brd-color-focus: rgb(0,0,0);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-bg: rgb(0,0,0);
	--wd-arrow-bg-hover: rgb(204,204,204);
	--wd-arrow-radius: 50px;
	--wd-arrow-brd-color: rgb(0,0,0);
	--wd-arrow-brd-color-hover: rgb(0,0,0);
	--wd-arrow-brd: 0px solid;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* ===== Strong Tile - Services menu (27.10.2026) ===== */
/* Desktop: full-width panel under the header, text only (prototype board: Services menu, desktop) */
.whb-header .wd-nav-main > li.menu-item-27108{position:static}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu{top:100%;margin:0;padding-top:36px;padding-bottom:36px;box-shadow:0 24px 48px rgba(0,0,0,.18)}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu::after{height:32px}
.whb-sticked .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu::after{height:12px}
.whb-header .wd-nav-main > li.menu-item-27108:has(:focus-visible) > .wd-dropdown-menu{visibility:visible;opacity:1;pointer-events:unset;transform:none}
@media (prefers-reduced-motion: reduce){.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu{transition:visibility .1s linear !important}}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;margin:0}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu > li{width:auto;max-width:none;margin:0;padding:0}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu > li > a{--sub-menu-color:#111;--sub-menu-color-hover:#111;align-self:flex-start;padding:0 0 10px;color:#111;font-family:var(--wd-title-font);font-size:18px;font-weight:600;line-height:1.3;text-transform:none}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu > li > a:hover{color:#111;text-decoration:underline}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu > li.menu-item-28417{grid-column:1 / -1;margin-top:30px;padding:18px 0 22px;border-top:1px solid var(--brdcolor-gray-300,rgba(0,0,0,.105))}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu > li.menu-item-28417 > a{display:inline-flex;gap:8px;padding:0;font-family:var(--wd-text-font);font-size:15px;font-weight:700;line-height:1.4}

/* Phone: drill-down with photos (prototype board: Services menu, phone) */
.mobile-nav .wd-nav-mobile li > a,
.mobile-nav .wd-nav-mobile.wd-layout-drilldown > li [class*="sub-menu"] > .menu-item > a{min-height:56px;padding:5px 16px;color:#111;font-family:var(--wd-text-font);font-size:17px;font-weight:600;line-height:1.3;text-transform:none}
.mobile-nav .wd-nav-mobile > li > .wd-nav-opener{height:56px;border-left:0;color:#111}
.mobile-nav .wd-nav-mobile .wd-drilldown-back{flex-wrap:wrap}
.mobile-nav .wd-nav-mobile .wd-drilldown-back > .wd-nav-opener{width:auto;height:52px;padding-left:16px;border:0;color:#555}
.mobile-nav .wd-nav-mobile .wd-sub-menu .wd-drilldown-back > a{min-height:52px;padding:0 16px 0 6px;border-bottom:0;color:#555;font-size:15px;font-weight:600;text-transform:none}
.mobile-nav .wd-nav-mobile > li.menu-item-27108 > .wd-sub-menu > .wd-drilldown-back::after{content:"Services";flex:0 0 100%;box-sizing:border-box;padding:0 16px 14px;border-bottom:1px solid var(--brdcolor-gray-300,rgba(0,0,0,.105));color:#111;font-family:var(--wd-title-font);font-size:26px;font-weight:600;line-height:1.2}
.mobile-nav .wd-nav-mobile.wd-layout-drilldown > li.menu-item-27108 > .wd-sub-menu > .menu-item:not(.menu-item-28417) > a{gap:14px;min-height:76px;padding:10px 16px;font-family:var(--wd-title-font);font-size:16px}
.mobile-nav .wd-nav-mobile > li.menu-item-27108 > .wd-sub-menu > .menu-item:not(.menu-item-28417) > a::before{content:"";flex:none;width:56px;height:56px;background-color:#F1F1F1;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.mobile-nav .wd-nav-mobile > li.menu-item-27108 > .wd-sub-menu > .menu-item:not(.menu-item-28417):not(.menu-item-has-children) > a::after{content:"";flex:none;width:16px;height:16px;margin-left:auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat}
.mobile-nav .wd-nav-mobile.wd-layout-drilldown > li.menu-item-27108 > .wd-sub-menu > .menu-item-28417 > a{gap:8px;font-size:15px;font-weight:700}
/* photos for the service rows: one line per service */
.mobile-nav li.menu-item-28414 > a::before{background-image:url(https://strongtilenw.com/wp-content/uploads/2026/10/tile-set-in-thinset.jpg?w=200)}
.mobile-nav li.menu-item-28415 > a::before{background-image:url(https://strongtilenw.com/wp-content/uploads/2026/10/grouting-wall-tile.jpg?w=320)}
.mobile-nav li.menu-item-28416 > a::before{background-image:url(https://strongtilenw.com/wp-content/uploads/2024/10/im3rd-media-FJZtZldA-uE-unsplash-1.webp?w=260)}

/* "All services" arrow, desktop and phone */
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .wd-sub-menu > li.menu-item-28417 > a::after,
.mobile-nav .wd-nav-mobile > li.menu-item-27108 > .wd-sub-menu > .menu-item-28417 > a::after{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat}
/* Sub-services (27.10.2026). Computer: links under their service. Phone: a third step.
   A service with sub-pages gets one more child item, the last one: '<Service> details' with CSS class st-mm-more.
   It is hidden on the computer (the service heading is already a link); on the phone it leads to the service page. */
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .sub-sub-menu{margin:0;padding:0}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .sub-sub-menu > li{margin:0;padding:0}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .sub-sub-menu > li > a{--sub-menu-color:#555;--sub-menu-color-hover:#111;padding:7px 0;color:#555;font-family:var(--wd-text-font);font-size:15px;font-weight:400;line-height:1.4;text-transform:none}
.whb-header .wd-nav-main > li.menu-item-27108 > .wd-dropdown-menu .sub-sub-menu > li > a:hover{color:#111;text-decoration:underline}
.whb-header .wd-nav-main li.st-mm-more{display:none}
.mobile-nav .wd-nav-mobile > li.menu-item-27108 > .wd-sub-menu > .menu-item-has-children > .wd-nav-opener{border-left:0;color:#111}
.mobile-nav .wd-nav-mobile > li.menu-item-27108 > .wd-sub-menu > .menu-item-has-children > .wd-nav-opener::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat}
.mobile-nav .wd-nav-mobile.wd-layout-drilldown li.menu-item-has-children > .sub-sub-menu > .menu-item > a{justify-content:space-between;gap:10px;min-height:52px;font-size:16px}
.mobile-nav .wd-nav-mobile li.menu-item-has-children > .sub-sub-menu > .menu-item > a::after{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50% / contain no-repeat}
.mobile-nav .wd-nav-mobile.wd-layout-drilldown li.menu-item-has-children > .sub-sub-menu > .st-mm-more > a{justify-content:flex-start;gap:8px;min-height:56px;font-size:15px;font-weight:700}
.mobile-nav .wd-nav-mobile li.menu-item-has-children > .sub-sub-menu > .wd-drilldown-back::after{flex:0 0 100%;box-sizing:border-box;padding:0 16px 14px;border-bottom:1px solid var(--brdcolor-gray-300,rgba(0,0,0,.105));color:#111;font-family:var(--wd-title-font);font-size:26px;font-weight:600;line-height:1.2}
/* phone: title of the third step, one line per service with sub-pages */
.mobile-nav li.menu-item-28414 > .sub-sub-menu > .wd-drilldown-back::after{content:"Tile installation"}
/* ===== end Services menu ===== */

/* Strong Tile - "Learn more" in service cards (28.10.2026): the underline slides in on hover, like the main menu */
/* same look everywhere: uppercase like the service cards and the WoodMart buttons */
.st-p a.card-h > span:last-child,.st-p a.card-h > div > span:last-child{position:relative;align-self:flex-start;letter-spacing:.04em;text-transform:uppercase}
.st-p a.card-h > span:last-child::after,.st-p a.card-h > div > span:last-child::after{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background-color:var(--wd-primary-color);transition:width .4s cubic-bezier(.19,1,.22,1)}
.st-p a.card-h:is(:hover,:focus-visible) > span:last-child::after,.st-p a.card-h:is(:hover,:focus-visible) > div > span:last-child::after{width:calc(100% - 24px)}
@media (prefers-reduced-motion:reduce){.st-p a.card-h > span:last-child::after,.st-p a.card-h > div > span:last-child::after{transition:none}}

/* Strong Tile - WoodMart link buttons ("Learn More" on the homepage and /services/, 28.10.2026): no fixed line; the underline slides in on hover, like the main menu */
.btn.btn-style-link{border-bottom-width:0 !important;color:#111111 !important;font-size:14px !important;font-weight:700 !important;letter-spacing:.04em !important}
.btn.btn-style-link .wd-btn-text{position:relative}
.btn.btn-style-link .wd-btn-text::after{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background-color:var(--wd-primary-color);transition:width .4s cubic-bezier(.19,1,.22,1)}
.btn.btn-style-link:is(:hover,:focus-visible) .wd-btn-text::after{width:100%}

/* Strong Tile - any text link with this class (28.10.2026): <a class="st-uline"><span class="st-uline-t">Text</span><svg/></a>; the underline slides in under the text on hover, like the main menu */
.st-uline .st-uline-t{position:relative}
.st-uline .st-uline-t::after{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background-color:var(--wd-primary-color);transition:width .4s cubic-bezier(.19,1,.22,1)}
.st-uline:is(:hover,:focus-visible) .st-uline-t::after{width:100%}
@media (prefers-reduced-motion:reduce){.btn.btn-style-link .wd-btn-text::after,.st-uline .st-uline-t::after{transition:none}}

/* Strong Tile - header phone (28.10.2026): centered on the same line as the menu and the button */
.whb-header .st-head-phone-wrap{display:flex !important;align-items:center}