.elementor-15 .elementor-element.elementor-element-70624db{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:12px;--padding-bottom:12px;--padding-left:18px;--padding-right:18px;}.elementor-15 .elementor-element.elementor-element-70624db:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-70624db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-15 .elementor-element.elementor-element-366809c .elementor-heading-title{font-family:var( --e-global-typography-09446b5-font-family ), Sans-serif;font-size:var( --e-global-typography-09446b5-font-size );font-weight:var( --e-global-typography-09446b5-font-weight );line-height:var( --e-global-typography-09446b5-line-height );color:#F7F4F3CC;}.elementor-15 .elementor-element.elementor-element-e40335c .e-off-canvas__content{background-color:#1A1612F2;}.elementor-15 .elementor-element.elementor-element-e40335c .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-15 .elementor-element.elementor-element-e40335c{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-15 .elementor-element.elementor-element-e06a3e8{--display:flex;--min-height:100vh;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:36px;--padding-bottom:102px;--padding-left:18px;--padding-right:18px;}.elementor-15 .elementor-element.elementor-element-c619025{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:24px 10px;--row-gap:24px;--column-gap:10px;--flex-wrap:wrap;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-30246f1{width:100%;max-width:100%;padding:0px 0px 24px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-d1a635a{right:15px;}body.rtl .elementor-15 .elementor-element.elementor-element-d1a635a{left:15px;}.elementor-15 .elementor-element.elementor-element-d1a635a{top:-5px;}.elementor-15 .elementor-element.elementor-element-d1a635a .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-d1a635a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-2d80f29 );}.elementor-15 .elementor-element.elementor-element-d1a635a.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-d1a635a.elementor-view-default .elementor-icon{color:var( --e-global-color-2d80f29 );border-color:var( --e-global-color-2d80f29 );}.elementor-15 .elementor-element.elementor-element-d1a635a.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-d1a635a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-2d80f29 );}.elementor-15 .elementor-element.elementor-element-d1a635a .elementor-icon{font-size:18px;}.elementor-15 .elementor-element.elementor-element-d1a635a .elementor-icon svg{height:18px;}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-slide{overflow-y:auto;max-height:500px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__source-results-item_icon svg{width:14px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__source-results-item_icon{font-size:14px;}.elementor-15 .elementor-element.elementor-element-c7bb69f{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field::-webkit-search-cancel-button{-webkit-appearance:none;background-size:contain !important;background:url(https://thewarehouse.org.za/wp-content/uploads/2025/07/close.svg) no-repeat 50% 50%;opacity:1;width:12px;height:12px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field{font-family:var( --e-global-typography-36cdd3f-font-family ), Sans-serif;font-size:var( --e-global-typography-36cdd3f-font-size );font-weight:var( --e-global-typography-36cdd3f-font-weight );color:#F7F4F380;background-color:var( --e-global-color-52f6d5c );border-color:#F7F4F34D;padding:10px 10px 10px 42px;border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field::placeholder{font-family:var( --e-global-typography-36cdd3f-font-family ), Sans-serif;font-size:var( --e-global-typography-36cdd3f-font-size );font-weight:var( --e-global-typography-36cdd3f-font-weight );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__form--focus .jet-ajax-search__field{border-color:var( --e-global-color-81543ea );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-area{margin-top:12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-header{padding:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-count{font-family:var( --e-global-typography-09446b5-font-family ), Sans-serif;font-size:var( --e-global-typography-09446b5-font-size );font-weight:var( --e-global-typography-09446b5-font-weight );line-height:var( --e-global-typography-09446b5-line-height );color:var( --e-global-color-secondary );background-color:var( --e-global-color-52f6d5c );border-style:none;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-count:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-52f6d5c );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__full-results{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-81543ea );background-color:var( --e-global-color-primary );padding:8px 12px 8px 12px;border-style:none;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__full-results:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__message{font-family:var( --e-global-typography-09446b5-font-family ), Sans-serif;font-size:var( --e-global-typography-09446b5-font-size );font-weight:var( --e-global-typography-09446b5-font-weight );line-height:var( --e-global-typography-09446b5-line-height );color:var( --e-global-color-primary );text-align:center;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__spinner{color:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-eb3443c{width:var( --container-widget-width, 233px );max-width:233px;padding:0px 0px 18px 0px;--container-widget-width:233px;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 6px / 2 );}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-36cdd3f-font-family ), Sans-serif;font-size:var( --e-global-typography-36cdd3f-font-size );font-weight:var( --e-global-typography-36cdd3f-font-weight );}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-81543ea );fill:var( --e-global-color-81543ea );padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main .elementor-item:hover, .elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#BAFF2680;}.elementor-15 .elementor-element.elementor-element-eb3443c .e--pointer-framed .elementor-item:before, .elementor-15 .elementor-element.elementor-element-eb3443c .e--pointer-framed .elementor-item:after{border-color:#BAFF2680;}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#BAFF261A;}.elementor-15 .elementor-element.elementor-element-eb3443c .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-15 .elementor-element.elementor-element-eb3443c .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#BAFF261A;}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:6px;}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-item:before{border-radius:6px;}.elementor-15 .elementor-element.elementor-element-eb3443c .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:6px 6px 0 0;}.elementor-15 .elementor-element.elementor-element-eb3443c .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 6px 6px;}.elementor-15 .elementor-element.elementor-element-eb3443c .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 6px 6px 0;}.elementor-15 .elementor-element.elementor-element-eb3443c .e--animation-shutter-in-vertical .elementor-item:after{border-radius:6px 0 0 6px;}.elementor-15 .elementor-element.elementor-element-ca8f1b4{--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;--justify-content:center;--gap:18px 12px;--row-gap:18px;--column-gap:12px;--flex-wrap:wrap;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-5bf133a .elementor-button{background-color:var( --e-global-color-52f6d5c );fill:var( --e-global-color-81543ea );color:var( --e-global-color-81543ea );border-style:none;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-5bf133a{padding:0px 12px 0px 12px;}.elementor-15 .elementor-element.elementor-element-5bf133a .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-5bf133a .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-5bf133a .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-5bf133a .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-5bf133a .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-ede442d .elementor-button{background-color:var( --e-global-color-52f6d5c );fill:var( --e-global-color-81543ea );color:var( --e-global-color-81543ea );border-style:none;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-ede442d{padding:0px 12px 0px 12px;}.elementor-15 .elementor-element.elementor-element-ede442d .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-ede442d .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-ede442d .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-ede442d .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-ede442d .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-15 .elementor-element.elementor-element-a965c81{width:100%;max-width:100%;text-align:center;color:var( --e-global-color-2d80f29 );}.elementor-15 .elementor-element.elementor-element-a965c81 p{margin-block-end:0px;}.elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button:focus{background-color:var( --e-global-color-81543ea );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-ae9f9dd{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:center;}.elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:9px 9px 9px 9px;}.elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-ae9f9dd .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-41a953d .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-41a953d .elementor-button:focus{background-color:var( --e-global-color-81543ea );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-41a953d{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-41a953d .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-41a953d .elementor-button .elementor-button-content-wrapper{gap:10px;justify-content:center;}.elementor-15 .elementor-element.elementor-element-41a953d .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:9px 9px 9px 9px;}.elementor-15 .elementor-element.elementor-element-41a953d .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-41a953d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-b5d654e .e-off-canvas__content{background-color:var( --e-global-color-81543ea );}.elementor-15 .elementor-element.elementor-element-b5d654e .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-15 .elementor-element.elementor-element-b5d654e{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-15 .elementor-element.elementor-element-583f321{--display:flex;--min-height:100vh;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:36px;--padding-bottom:102px;--padding-left:18px;--padding-right:18px;}.elementor-15 .elementor-element.elementor-element-6a43c0b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:24px 10px;--row-gap:24px;--column-gap:10px;--flex-wrap:wrap;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-32d3218 .elementor-heading-title{font-family:var( --e-global-typography-a62fb10-font-family ), Sans-serif;font-size:var( --e-global-typography-a62fb10-font-size );font-weight:var( --e-global-typography-a62fb10-font-weight );}.elementor-15 .elementor-element.elementor-element-b6592a9{width:auto;max-width:auto;}body:not(.rtl) .elementor-15 .elementor-element.elementor-element-f414455{right:15px;}body.rtl .elementor-15 .elementor-element.elementor-element-f414455{left:15px;}.elementor-15 .elementor-element.elementor-element-f414455{top:-5px;}.elementor-15 .elementor-element.elementor-element-f414455 .elementor-icon-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-f414455.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-f414455.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-f414455.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-f414455.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-f414455.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-f414455 .elementor-icon{font-size:18px;}.elementor-15 .elementor-element.elementor-element-f414455 .elementor-icon svg{height:18px;}.elementor-15 .elementor-element.elementor-element-4fabe01 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-4fabe01 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-2d80f29 );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-4fabe01{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-4fabe01 .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-4fabe01 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-4fabe01 .elementor-button:focus svg{fill:var( --e-global-color-2d80f29 );}.elementor-15 .elementor-element.elementor-element-70eb00d .elementor-heading-title{font-family:var( --e-global-typography-09446b5-font-family ), Sans-serif;font-size:var( --e-global-typography-09446b5-font-size );font-weight:var( --e-global-typography-09446b5-font-weight );line-height:var( --e-global-typography-09446b5-line-height );color:#F7F4F3CC;}.elementor-15 .elementor-element.elementor-element-8d98f02{--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;--justify-content:space-between;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;--z-index:2;}.elementor-15 .elementor-element.elementor-element-8d98f02:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-8d98f02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.she-header-transparent-yes{background-color:transparent !important;position:absolute;}.elementor-15 .elementor-element.elementor-element-ef82807{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-15 .elementor-element.elementor-element-5a31877 img{width:186px;}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-36cdd3f-font-family ), Sans-serif;font-size:var( --e-global-typography-36cdd3f-font-size );font-weight:var( --e-global-typography-36cdd3f-font-weight );}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-81543ea );fill:var( --e-global-color-81543ea );padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main .elementor-item:hover, .elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-2d80f29 );}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#BAFF2680;}.elementor-15 .elementor-element.elementor-element-7576730 .e--pointer-framed .elementor-item:before, .elementor-15 .elementor-element.elementor-element-7576730 .e--pointer-framed .elementor-item:after{border-color:#BAFF2680;}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#BAFF261A;}.elementor-15 .elementor-element.elementor-element-7576730 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-15 .elementor-element.elementor-element-7576730 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#BAFF261A;}.elementor-15 .elementor-element.elementor-element-7576730{--e-nav-menu-horizontal-menu-item-margin:calc( 6px / 2 );}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:6px;}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-item:before{border-radius:6px;}.elementor-15 .elementor-element.elementor-element-7576730 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:6px 6px 0 0;}.elementor-15 .elementor-element.elementor-element-7576730 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 6px 6px;}.elementor-15 .elementor-element.elementor-element-7576730 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 6px 6px 0;}.elementor-15 .elementor-element.elementor-element-7576730 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:6px 0 0 6px;}.elementor-15 .elementor-element.elementor-element-6d25b15{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-slide{overflow-y:auto;max-height:500px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__source-results-item_icon svg{width:14px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__source-results-item_icon{font-size:14px;}.elementor-15 .elementor-element.elementor-element-5a7ae60{width:var( --container-widget-width, 227px );max-width:227px;--container-widget-width:227px;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field::-webkit-search-cancel-button{-webkit-appearance:none;background-size:contain !important;background:url(https://thewarehouse.org.za/wp-content/uploads/2025/07/close.svg) no-repeat 50% 50%;opacity:1;width:12px;height:12px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-area{width:310px;margin-top:12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field{font-family:var( --e-global-typography-36cdd3f-font-family ), Sans-serif;font-size:var( --e-global-typography-36cdd3f-font-size );font-weight:var( --e-global-typography-36cdd3f-font-weight );color:#F7F4F380;background-color:var( --e-global-color-52f6d5c );border-color:#F7F4F34D;padding:10px 10px 10px 42px;border-width:2px 2px 2px 2px;border-radius:6px 6px 6px 6px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field::placeholder{font-family:var( --e-global-typography-36cdd3f-font-family ), Sans-serif;font-size:var( --e-global-typography-36cdd3f-font-size );font-weight:var( --e-global-typography-36cdd3f-font-weight );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__form--focus .jet-ajax-search__field{border-color:var( --e-global-color-81543ea );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-header{padding:12px 12px 12px 12px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-count{font-family:var( --e-global-typography-09446b5-font-family ), Sans-serif;font-size:var( --e-global-typography-09446b5-font-size );font-weight:var( --e-global-typography-09446b5-font-weight );line-height:var( --e-global-typography-09446b5-line-height );color:var( --e-global-color-secondary );background-color:var( --e-global-color-52f6d5c );border-style:none;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-count:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-52f6d5c );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__full-results{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-81543ea );background-color:var( --e-global-color-primary );padding:8px 12px 8px 12px;border-style:none;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__full-results:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__message{font-family:var( --e-global-typography-09446b5-font-family ), Sans-serif;font-size:var( --e-global-typography-09446b5-font-size );font-weight:var( --e-global-typography-09446b5-font-weight );line-height:var( --e-global-typography-09446b5-line-height );color:var( --e-global-color-primary );text-align:center;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__spinner{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-3e7d412 .elementor-button{background-color:var( --e-global-color-52f6d5c );fill:var( --e-global-color-81543ea );color:var( --e-global-color-81543ea );border-style:none;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-3e7d412{padding:0px 12px 0px 12px;}.elementor-15 .elementor-element.elementor-element-3e7d412 .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-3e7d412 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-3e7d412 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-3e7d412 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-3e7d412 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-9b6e304 .elementor-button{background-color:var( --e-global-color-52f6d5c );fill:var( --e-global-color-81543ea );color:var( --e-global-color-81543ea );border-style:none;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-9b6e304{padding:0px 12px 0px 12px;}.elementor-15 .elementor-element.elementor-element-9b6e304 .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-9b6e304 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-9b6e304 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-9b6e304 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-9b6e304 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button:focus{background-color:var( --e-global-color-81543ea );color:var( --e-global-color-primary );border-color:var( --e-global-color-81543ea );}.elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button-content-wrapper{flex-direction:row;}.elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-color:var( --e-global-color-accent );padding:12px 18px 12px 18px;}.elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-07b1e15 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-8e321d8 .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-2d80f29 );color:var( --e-global-color-2d80f29 );border-style:solid;border-width:2px 2px 2px 2px;border-color:#F7F4F34D;border-radius:6px 6px 6px 6px;padding:11px 11px 11px 11px;}.elementor-15 .elementor-element.elementor-element-8e321d8 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-8e321d8 .elementor-button:focus{background-color:var( --e-global-color-81543ea );color:var( --e-global-color-primary );border-color:var( --e-global-color-81543ea );}.elementor-15 .elementor-element.elementor-element-8e321d8 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-8e321d8 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-1663245 .elementor-button{background-color:var( --e-global-color-52f6d5c );fill:var( --e-global-color-2d80f29 );color:var( --e-global-color-2d80f29 );border-style:solid;border-width:2px 2px 2px 2px;border-color:#F7F4F34D;border-radius:6px 6px 6px 6px;padding:11px 11px 11px 11px;}.elementor-15 .elementor-element.elementor-element-1663245 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-1663245 .elementor-button:focus{background-color:var( --e-global-color-81543ea );color:var( --e-global-color-primary );border-color:var( --e-global-color-81543ea );}.elementor-15 .elementor-element.elementor-element-1663245 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-1663245 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-ef82807{--width:auto;}.elementor-15 .elementor-element.elementor-element-6d25b15{--width:auto;}}@media(max-width:1160px){.elementor-15 .elementor-element.elementor-element-70624db{--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-15 .elementor-element.elementor-element-366809c{text-align:center;}.elementor-15 .elementor-element.elementor-element-366809c .elementor-heading-title{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-value{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-value{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field::placeholder{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-count{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__full-results{font-size:var( --e-global-typography-accent-font-size );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__message{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-32d3218 .elementor-heading-title{font-size:var( --e-global-typography-a62fb10-font-size );}.elementor-15 .elementor-element.elementor-element-70eb00d .elementor-heading-title{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-15 .elementor-element.elementor-element-8d98f02{--padding-top:12px;--padding-bottom:12px;--padding-left:18px;--padding-right:18px;}.elementor-15 .elementor-element.elementor-element-5a31877 img{width:150px;}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field::placeholder{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-count{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__full-results{font-size:var( --e-global-typography-accent-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__message{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-70624db{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15 .elementor-element.elementor-element-366809c{text-align:center;}.elementor-15 .elementor-element.elementor-element-366809c .elementor-heading-title{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-value{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-value{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__field::placeholder{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__results-count{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__full-results{font-size:var( --e-global-typography-accent-font-size );}.elementor-15 .elementor-element.elementor-element-c7bb69f .jet-ajax-search__message{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-15 .elementor-element.elementor-element-eb3443c .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-ca8f1b4{--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-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-15 .elementor-element.elementor-element-ae9f9dd{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-41a953d{width:100%;max-width:100%;}.elementor-15 .elementor-element.elementor-element-6a43c0b{--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-32d3218 .elementor-heading-title{font-size:var( --e-global-typography-a62fb10-font-size );}.elementor-15 .elementor-element.elementor-element-70eb00d .elementor-heading-title{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-15 .elementor-element.elementor-element-ef82807{--width:auto;}.elementor-15 .elementor-element.elementor-element-7576730 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-6d25b15{--width:auto;}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__field::placeholder{font-size:var( --e-global-typography-36cdd3f-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__results-count{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__full-results{font-size:var( --e-global-typography-accent-font-size );}.elementor-15 .elementor-element.elementor-element-5a7ae60 .jet-ajax-search__message{font-size:var( --e-global-typography-09446b5-font-size );line-height:var( --e-global-typography-09446b5-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-b6592a9 *//* ===== Quote off-canvas — same design language as the Request A Quote page, ===== */ /* ===== but as compact stacked cards, since the panel is inherently narrow. ===== */ .quote-canvas { display: block; width: 100%; max-width: 100%; font-family: 'Inter', sans-serif; color: #1A1612; box-sizing: border-box; } .quote-canvas * { box-sizing: border-box; } .quote-canvas .woocommerce-notices-wrapper:empty { display: none; } /* Hide the contact-details form in the drawer — "Submit Quote Request" button below links to the full page */ .quote-canvas .form-row { display: none; } /* ---- Product list: no layout — stacked cards, robust at any panel width ---- */ .quote-canvas table.wtwraq-request-quote-product-list, .quote-canvas table.wtwraq-request-quote-product-list.shop_table, .quote-canvas table.wtwraq-request-quote-product-list tbody, .quote-canvas table.wtwraq-request-quote-product-list tr, .quote-canvas table.wtwraq-request-quote-product-list td { display: block; width: auto; border: none !important; box-shadow: none !important; background: none !important; } .quote-canvas table.wtwraq-request-quote-product-list { border-collapse: collapse; margin: 0 0 20px; width: 100%; } .quote-canvas table.wtwraq-request-quote-product-list thead { display: none; } /* ---- WooCommerce's own woocommerce-smallscreen.css (active <=768px) fights this layout on .shop_table_responsive / .cart tables: forces text-align:right!important on every cell, hides .product-thumbnail entirely on table.cart, and injects "Product:"/"Price:" labels via ::before. Neutralized below with matching/higher specificity so the drawer looks identical at every screen size instead of changing on tablet/mobile. ---- */ .quote-canvas table.wtwraq-request-quote-product-list tbody tr td.product-thumbnail { display: block !important; text-align: left !important; } .quote-canvas table.wtwraq-request-quote-product-list tbody tr td.product-name { text-align: left !important; } .quote-canvas table.wtwraq-request-quote-product-list tbody tr td::before { content: none !important; display: none !important; } .quote-canvas table.wtwraq-request-quote-product-list tbody tr td { background-color: transparent !important; } /* Each product row = one white card on the panel's off-white ground */ .quote-canvas table.wtwraq-request-quote-product-list tbody tr { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0 12px; width: 100%; background-color: #FFFFFF !important; border-radius: 6px; padding: 12px 40px 12px 12px; margin-bottom: 10px; } .quote-canvas table.wtwraq-request-quote-product-list tbody tr > td { padding: 0 !important; border: none !important; background: none !important; } /* Thumbnail — compact, fits the narrow drawer, sits beside the name, no border, always visible */ .quote-canvas td.product-thumbnail { width: 56px !important; flex: 0 0 56px !important; } .quote-canvas .product-thumbnail img { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: none !important; display: block; } /* Name + meta column sits beside the image and grows to fill remaining width */ .quote-canvas td.product-name { width: auto !important; flex: 1 1 0% !important; min-width: 0; line-height: 1.3; } .quote-canvas .product-name a { display: block; color: #1A1612; font-weight: 700; font-size: 14px; text-decoration: none; margin-bottom: 4px; overflow-wrap: break-word; line-height: 1.3; text-align: left; } .quote-canvas .product-name a:hover { color: #79A619; } /* SKU / Thick / Qty / Unit — sits below the name, within the same column, tight line spacing when wrapped */ .quote-canvas .wtwraq-request-quote-sku { display: inline-block; font-size: 11px; font-weight: 400; line-height: 1.3; color: rgba(26,22,18,0.55); margin: 0 10px 0 0; text-align: left !important; } .quote-canvas .wtwraq-request-quote-sku:last-of-type { margin-right: 0; } /* Price — own full-width line under the image + name row, right aligned (intentionally) */ .quote-canvas table.wtwraq-request-quote-product-list tbody tr td.product-price { width: 100% !important; flex: 0 0 100% !important; text-align: right !important; margin-top: 6px; } .quote-canvas .product-price { font-weight: 700; font-size: 14px; color: #1A1612; } /* Remove (×) icon — pinned to the card's top-right corner */ .quote-canvas table.wtwraq-request-quote-product-list tbody tr td.product-remove { position: absolute; top: 10px; right: 10px; width: auto !important; flex: 0 0 auto !important; } .quote-canvas .product-remove a.remove { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #1A1612; background: rgba(26,22,18,0.08); text-decoration: none; font-size: 13px; line-height: 1; transition: background-color .2s ease, color .2s ease; } .quote-canvas .product-remove a.remove:hover { background: #BAFF26; color: #1A1612; } /* Clear list + total — own row, no card background, sits under the list. Divider matches the panel's own off-white background (#F7F4F3) so it's invisible against it. */ .quote-canvas table.wtwraq-request-quote-product-list tbody tr:last-child { background: none !important; padding: 8px 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; border-top: 2px solid #F7F4F3 !important; } .quote-canvas .wtwraq-clear-list-button .button { background: transparent; border: 2px solid rgba(26,22,18,0.15); color: #1A1612; border-radius: 6px; padding: 8px 14px; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 12px; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .quote-canvas .wtwraq-clear-list-button .button:hover { background: #1A1612; border-color: #1A1612; color: #F7F4F3; } .quote-canvas table.wtwraq-request-quote-product-list tbody tr:last-child td { padding: 0 !important; width: auto !important; text-align: left !important; } .quote-canvas table.wtwraq-request-quote-product-list tbody tr:last-child p { margin: 0; display: flex; align-items: center; justify-content: flex-end; font-size: 15px; } .quote-canvas #wtwraq_quote_list_total_amount { float: none !important; margin-left: 12px; font-size: 17px; font-weight: 700; color: #1A1612; } /* Very narrow panels (small phones): tighten padding a touch further */ @media (max-width: 360px) { .quote-canvas table.wtwraq-request-quote-product-list tbody tr { padding: 10px 36px 10px 10px; } .quote-canvas td.product-thumbnail, .quote-canvas .product-thumbnail img { width: 48px !important; height: 48px; } .quote-canvas td.product-thumbnail { flex-basis: 48px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-70eb00d */.elementor-15 .elementor-element.elementor-element-70eb00d a { color: #F7F4F3; font-size: inherit; } .elementor-15 .elementor-element.elementor-element-70eb00d a:hover{ color: #BAFF26; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-07b1e15 */@media (max-width: 1150px) { .elementor-15 .elementor-element.elementor-element-07b1e15 { display: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8e321d8 */.elementor-15 .elementor-element.elementor-element-8e321d8:hover .elementor-button-icon path { fill: #1A1612!important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1663245 */.elementor-15 .elementor-element.elementor-element-1663245:hover .elementor-button-icon path { fill: #1A1612!important; }/* End custom CSS */