.elementor-4568 .elementor-element.elementor-element-9e913df > .elementor-container{min-height:350px;}.elementor-4568 .elementor-element.elementor-element-9e913df > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4568 .elementor-element.elementor-element-9e913df:not(.elementor-motion-effects-element-type-background), .elementor-4568 .elementor-element.elementor-element-9e913df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.twdrainage.co.uk/wp-content/uploads/2024/02/TWD_RGS-351-scaled-e1706792022712.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4568 .elementor-element.elementor-element-9e913df .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4568 .elementor-element.elementor-element-9e913df > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4568 .elementor-element.elementor-element-9e913df{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:60px;}div.elementor-4568 .elementor-element.elementor-element-3cd4847{max-width:initial;flex:1 0 0;min-width:25px;}.elementor-4568 .elementor-element.elementor-element-3cd4847:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4568 .elementor-element.elementor-element-3cd4847 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2372B699;}.elementor-4568 .elementor-element.elementor-element-3cd4847 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4568 .elementor-element.elementor-element-3cd4847 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4568 .elementor-element.elementor-element-e74cae8 img, .elementor-4568 .elementor-element.elementor-element-e74cae8 svg{width:300px;}.elementor-4568 .elementor-element.elementor-element-e74cae8 svg{height:auto;}.elementor-4568 .elementor-element.elementor-element-5422ef1{text-align:center;}.elementor-4568 .elementor-element.elementor-element-5422ef1 .elementor-heading-title{color:var( --e-global-color-el_color_0 );font-family:"PROMPT GOOGLE", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;}.elementor-4568 .elementor-element.elementor-element-5422ef1 > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-4568 .elementor-element.elementor-element-f4fefc4{text-align:center;}.elementor-4568 .elementor-element.elementor-element-14f4d53{--divider-border-style:solid;--divider-color:var( --e-global-color-el_color_7_2 );--divider-border-width:1px;}.elementor-4568 .elementor-element.elementor-element-14f4d53 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-4568 .elementor-element.elementor-element-14f4d53 .elementor-divider{text-align:center;padding-block-start:25px;padding-block-end:25px;}.elementor-4568 .elementor-element.elementor-element-14f4d53 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .dt-css-grid{grid-column-gap:30px;grid-row-gap:30px;--grid-row-gap:30px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .dt-isotope .wf-cell{padding-right:calc(30px/2) !important;padding-left:calc(30px/2) !important;padding-top:calc(30px/2) !important;padding-bottom:calc(30px/2) !important;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .dt-isotope{margin-right:calc(-1*30px/2) !important;margin-left:calc(-1*30px/2) !important;margin-top:calc(-1*30px/2) !important;margin-bottom:calc(-1*30px/2) !important;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .filter{--display-by:none;--display-sort:none;justify-content:center;}.elementor-4568 .elementor-element.elementor-element-7738ee6 article{background-color:#FFFFFF00;}.elementor-4568 .elementor-element.elementor-element-7738ee6{--aspect-ratio:1.5;--position:static;--object-fit:contain;--width:auto;--svg-width:100%;--height:auto;--max-height:100%;--max-width:100%;--box-width:var(--image-size, auto);} .elementor-4568 .elementor-element.elementor-element-7738ee6 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-4568 .elementor-element.elementor-element-7738ee6 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-4568 .elementor-element.elementor-element-7738ee6 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after { transition: all 0.3s; } .elementor-4568 .elementor-element.elementor-element-7738ee6 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:before, .elementor-4568 .elementor-element.elementor-element-7738ee6 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:before, .elementor-4568 .elementor-element.elementor-element-7738ee6 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:before { transition: opacity 0.3s;} .elementor-4568 .elementor-element.elementor-element-7738ee6 .post-thumbnail:hover > .post-thumbnail-rollover:before, .elementor-4568 .elementor-element.elementor-element-7738ee6 .post-thumbnail:not(:hover) > .post-thumbnail-rollover:after {transition-delay: 0.15s;} .elementor-4568 .elementor-element.elementor-element-7738ee6 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-4568 .elementor-element.elementor-element-7738ee6 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-4568 .elementor-element.elementor-element-7738ee6 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background:var( --e-global-color-el_color_6_4 );}.elementor-4568 .elementor-element.elementor-element-7738ee6 .the7-hover-icon{font-size:32px;background:#FFFFFF00;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .the7-hover-icon svg{width:32px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .portfolio-shortcode .the7-hover-icon{color:var( --e-global-color-el_color_0 );}.elementor-4568 .elementor-element.elementor-element-7738ee6 .portfolio-shortcode .the7-hover-icon svg{fill:var( --e-global-color-el_color_0 );color:var( --e-global-color-el_color_0 );}.elementor-4568 .elementor-element.elementor-element-7738ee6 article .post-entry-content{padding:30px 0px 0px 0px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .content-rollover-layout-list .post-entry-wrapper{padding:30px 0px 0px 0px;bottom:-0px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .description-under-image .post-entry-content{align-self:flex-start;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .description-on-hover .post-entry-content .post-entry-body{align-self:flex-start;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .post-entry-content{text-align:left;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .classic-layout-list .post-thumbnail-wrap{text-align:left;}#the7-body .elementor-4568 .elementor-element.elementor-element-7738ee6 article:not(.class-1):not(.keep-custom-css) .ele-entry-title a:hover{color:var( --e-global-color-el_color_1_2 );}.elementor-4568 .elementor-element.elementor-element-7738ee6 .ele-entry-title{margin-bottom:15px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .content-rollover-layout-list.meta-info-off .post-entry-wrapper{bottom:-15px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .entry-meta .meta-item:not(:first-child):before{content:"•";}.elementor-4568 .elementor-element.elementor-element-7738ee6 .entry-meta > a, .elementor-4568 .elementor-element.elementor-element-7738ee6 .entry-meta > span{color:var( --e-global-color-el_color_7_2 );}.elementor-4568 .elementor-element.elementor-element-7738ee6 .entry-meta > a:after, .elementor-4568 .elementor-element.elementor-element-7738ee6 .entry-meta > span:after{background:var( --e-global-color-el_color_7_2 );-webkit-box-shadow:var( --e-global-color-el_color_7_2 );box-shadow:var( --e-global-color-el_color_7_2 );}.elementor-4568 .elementor-element.elementor-element-7738ee6 .entry-meta{margin-bottom:0px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .filter .filter-categories{justify-content:center;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .filter .filter-extras{justify-content:center;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .paginator{justify-content:center;margin-top:60px;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .paginator a{padding:5px 10px 5px 10px;margin:0px 5px 0px 5px;}@media(max-width:1024px) and (min-width:778px){.elementor-4568 .elementor-element.elementor-element-d3af813{width:100%;}}@media(max-width:1024px){.elementor-4568 .elementor-element.elementor-element-5422ef1{width:100%;max-width:100%;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .filter{--display-by:none;--display-sort:none;}}@media(max-width:777px){div.elementor-4568 .elementor-element.elementor-element-3cd4847{max-width:initial;flex:none;min-width:25px;}.elementor-4568 .elementor-element.elementor-element-3cd4847 > .elementor-element-populated{padding:15px 30px 30px 30px;}.elementor-4568 .elementor-element.elementor-element-5422ef1{text-align:center;}.elementor-4568 .elementor-element.elementor-element-7738ee6 .filter{--display-by:none;--display-sort:none;}}.the7_elements-7738ee6.portfolio-shortcode .post-details i { margin: 0px;}.the7_elements-7738ee6.portfolio-shortcode .show-filter-categories .filter-categories { display: flex;}.the7_elements-7738ee6.portfolio-shortcode .hide-filter-categories .filter-categories { display: none;}#main .the7_elements-7738ee6.portfolio-shortcode .filter-extras { display: block;}#main .the7_elements-7738ee6.portfolio-shortcode .filter-extras .filter-by { display: var(--display-by);}#main .the7_elements-7738ee6.portfolio-shortcode .filter-extras .filter-sorting { display: var(--display-sort);}@media screen and (max-width: 1024px) { #main .the7_elements-7738ee6.portfolio-shortcode .filter-categories { display: flex; display: none; } .the7_elements-7738ee6.portfolio-shortcode .show-filter-categories-tablet .filter-categories { display: flex; } .the7_elements-7738ee6.portfolio-shortcode .hide-filter-categories-tablet .filter-categories { display: none; } #main .the7_elements-7738ee6.portfolio-shortcode .filter-extras { display: block; }}@media screen and (max-width: 777px) { #main .the7_elements-7738ee6.portfolio-shortcode .filter-categories { display: flex; display: none; } .the7_elements-7738ee6.portfolio-shortcode .show-filter-categories-mobile .filter-categories { display: flex; } .the7_elements-7738ee6.portfolio-shortcode .hide-filter-categories-mobile .filter-categories { display: none; } #main .the7_elements-7738ee6.portfolio-shortcode .filter-extras { display: block; }}.the7_elements-7738ee6.portfolio-shortcode.content-bg-on.classic-layout-list article { box-shadow: none;}.the7_elements-7738ee6.portfolio-shortcode.description-on-hover article { overflow: hidden;}.the7_elements-7738ee6.portfolio-shortcode article { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-7738ee6.portfolio-shortcode article .post-entry-content { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-7738ee6.portfolio-shortcode:not(.mode-masonry) article:first-of-type,.the7_elements-7738ee6.portfolio-shortcode:not(.mode-masonry) article.visible.first { margin-top: 0;}.the7_elements-7738ee6.portfolio-shortcode.content-bg-on.classic-layout-list article { box-shadow: none;}.the7_elements-7738ee6.portfolio-shortcode.hover-scale article.post:after { background-color: var(--content-bg-color); box-shadow: none;}.the7_elements-7738ee6.portfolio-shortcode.content-bg-on.description-under-image article .post-entry-content { background-color: var(--content-bg-color); box-shadow: none;}.the7_elements-7738ee6.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { grid-template-columns: repeat(auto-fill,minmax(0px,1fr));}.the7_elements-7738ee6.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid,.no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { display: flex; flex-flow: row wrap;}.cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell,.no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell { flex: 1 0 0px; min-width: 0px; max-width: 100%; padding: 30px; box-sizing: border-box;}.the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(3,1fr); grid-template-rows: auto;}.the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 33.333333333333%;}.cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(33.333333333333%) * 2;}@media screen and (max-width: 1439px) { .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(3,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 33.333333333333%; } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(33.333333333333%)*2; }}@media screen and (max-width: 1024px) { .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(2,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 50%; } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(50%)*2; }}@media screen and (max-width: 777px) { .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(1,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 100%; } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(100%)*2; }}@media screen and (min-width: 1141px) { .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(3,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 33.333333333333%; } .cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-7738ee6.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(33.333333333333%)*2; }} /* Start custom CSS for the7_elements, class: .elementor-element-7738ee6 */.elementor-4568 .elementor-element.elementor-element-7738ee6 img { border: 1px solid #afafb0; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'PROMPT GOOGLE'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.twdrainage.co.uk/wp-content/uploads/2023/07/Prompt-Regular.woff') format('woff'); } @font-face { font-family: 'PROMPT GOOGLE'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://www.twdrainage.co.uk/wp-content/uploads/2023/07/Prompt-Bold.woff') format('woff'); } @font-face { font-family: 'PROMPT GOOGLE'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://www.twdrainage.co.uk/wp-content/uploads/2023/07/Prompt-Bold.woff') format('woff'); } /* End Custom Fonts CSS */