.elementor-19 .elementor-element.elementor-element-5c4b201{--display:flex;--min-height:1100px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.46;}.elementor-19 .elementor-element.elementor-element-5c4b201:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-5c4b201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://csjoinery.co.uk/wp-content/uploads/2026/10/loft-bedroom-navy-joinery-01.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-5c4b201::before, .elementor-19 .elementor-element.elementor-element-5c4b201 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-5c4b201 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-5c4b201 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-5c4b201 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-5c4b201 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(58deg, var( --e-global-color-24d8ec2 ) 40%, #3B3B3B5E 61%);}.elementor-19 .elementor-element.elementor-element-25f9a31{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-fa3f67d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-490a3f5{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-490a3f5.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-490a3f5 .elementor-heading-title{font-size:34px;font-weight:400;text-transform:none;line-height:1.2em;letter-spacing:0px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-431a8d9{width:var( --container-widget-width, 30% );max-width:30%;margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:30%;--container-widget-flex-grow:0;font-size:15px;font-weight:400;line-height:1.6em;letter-spacing:0px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-431a8d9.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-c6a9439{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button{background-color:rgba(0,0,0,0);font-size:11px;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:1.5px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button:hover, .elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button:focus{background-color:#FFFFFF;color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-37cf015:hover{--e-transform-translateY:-2px;}.elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button:hover svg, .elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button:focus svg{fill:#1F1C19;}.elementor-19 .elementor-element.elementor-element-csv0c01{--display:flex;--padding-top:70px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-d67b718{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19 .elementor-element.elementor-element-d67b718.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-3f4088e{--display:flex;--margin-top:3em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-3654b2b{width:auto;max-width:auto;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-3654b2b.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-3654b2b .elementor-icon-box-wrapper{align-items:start;gap:4px;}.elementor-19 .elementor-element.elementor-element-3654b2b.elementor-view-stacked .elementor-icon{background-color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-3654b2b.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-3654b2b.elementor-view-default .elementor-icon{fill:#1F1C19;color:#1F1C19;border-color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-3654b2b .elementor-icon{font-size:9px;}.elementor-19 .elementor-element.elementor-element-3654b2b .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-3654b2b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1.5px;}.elementor-19 .elementor-element.elementor-element-3654b2b .elementor-icon-box-title{color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-9724fea{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-19 .elementor-element.elementor-element-9724fea:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-9724fea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://csjoinery.co.uk/wp-content/uploads/2026/10/design-consultation-banner-desktop.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-d971771{--display:flex;--margin-top:2em;--margin-bottom:2em;--margin-left:0em;--margin-right:0em;}.elementor-19 .elementor-element.elementor-element-fe883cf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2px;color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-9c4fc59{width:var( --container-widget-width, 38% );max-width:38%;--container-widget-width:38%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-9c4fc59.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-9c4fc59 .elementor-heading-title{font-size:34px;font-weight:400;text-transform:none;line-height:1.2em;letter-spacing:0px;color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-1ae3228{width:var( --container-widget-width, 30% );max-width:30%;margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:30%;--container-widget-flex-grow:0;font-size:15px;font-weight:400;line-height:1.6em;letter-spacing:0px;color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-1ae3228.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-9f6f221{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-9f6f221.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:4px;}.elementor-19 .elementor-element.elementor-element-9f6f221.elementor-view-stacked .elementor-icon{background-color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-9f6f221.elementor-view-framed .elementor-icon, .elementor-19 .elementor-element.elementor-element-9f6f221.elementor-view-default .elementor-icon{fill:#1F1C19;color:#1F1C19;border-color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon{font-size:9px;}.elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon-box-title, .elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1.5px;}.elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon-box-title{color:#1F1C19;}.elementor-19 .elementor-element.elementor-element-cf28f2a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button{background-color:rgba(0,0,0,0);font-size:11px;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:1.5px;fill:#1F1C19;color:#1F1C19;border-style:solid;border-width:1px 1px 1px 1px;border-color:#1F1C19;border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button:hover, .elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button:focus{background-color:#1F1C19;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-e8ba735:hover{--e-transform-translateY:-2px;}.elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button:hover svg, .elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-csv0c01{--content-width:860px;}.elementor-19 .elementor-element.elementor-element-3f4088e{--content-width:1280px;}.elementor-19 .elementor-element.elementor-element-d971771{--content-width:1280px;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-490a3f5{--container-widget-width:327px;--container-widget-flex-grow:0;width:var( --container-widget-width, 327px );max-width:327px;}.elementor-19 .elementor-element.elementor-element-431a8d9{--container-widget-width:368px;--container-widget-flex-grow:0;width:var( --container-widget-width, 368px );max-width:368px;}.elementor-19 .elementor-element.elementor-element-37cf015 .elementor-button{font-size:14px;padding:13px 17px 15px 17px;}.elementor-19 .elementor-element.elementor-element-9c4fc59{--container-widget-width:327px;--container-widget-flex-grow:0;width:var( --container-widget-width, 327px );max-width:327px;}.elementor-19 .elementor-element.elementor-element-1ae3228{--container-widget-width:368px;--container-widget-flex-grow:0;width:var( --container-widget-width, 368px );max-width:368px;}.elementor-19 .elementor-element.elementor-element-e8ba735 .elementor-button{font-size:14px;padding:13px 17px 15px 17px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-5c4b201{--min-height:3px;}.elementor-19 .elementor-element.elementor-element-fa3f67d .elementor-heading-title{font-size:14px;}.elementor-19 .elementor-element.elementor-element-490a3f5 .elementor-heading-title{font-size:33px;}.elementor-19 .elementor-element.elementor-element-csv0c01{--padding-top:44px;--padding-bottom:24px;--padding-left:16px;--padding-right:16px;}.elementor-19 .elementor-element.elementor-element-d67b718{--width:407.667px;}.elementor-19 .elementor-element.elementor-element-3f4088e{--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-19 .elementor-element.elementor-element-3654b2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-9724fea:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-9724fea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://csjoinery.co.uk/wp-content/uploads/2026/10/design-consultation-banner-mobile.webp");}.elementor-19 .elementor-element.elementor-element-fe883cf .elementor-heading-title{font-size:14px;}.elementor-19 .elementor-element.elementor-element-9c4fc59 .elementor-heading-title{font-size:33px;}.elementor-19 .elementor-element.elementor-element-9f6f221{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-9f6f221.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon-box-wrapper{text-align:start;}}/* Start custom CSS for shortcode, class: .elementor-element-28d3ad8 *//* Phone: projects in a swipeable row, one at a time - added via Claude */
@media (max-width:767px){
.elementor-19 .elementor-element.elementor-element-28d3ad8 .csp-grid{display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;gap:12px !important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;}
.elementor-19 .elementor-element.elementor-element-28d3ad8 .csp-grid::-webkit-scrollbar{display:none;}
.elementor-19 .elementor-element.elementor-element-28d3ad8 .csp-grid > .csp-item{flex:0 0 86% !important;width:86% !important;max-width:none !important;margin:0 !important;scroll-snap-align:start;scroll-snap-stop:always;}
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9f6f221 */.elementor-19 .elementor-element.elementor-element-9f6f221 .elementor-icon-box-icon{position:relative;top:2px;}/* End custom CSS */