@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); * { font-family: "Poppins", sans-serif; } :root { --colour-primary: #1b447a; --colour-primary-dark: #1b397a; --colour-secondary: #3379b4; --colour-secondary-dark: #2e6ea8; --colour-tertiary: #cb7e12; --colour-tertiary-dark: #cb7e12; } .text-tertiary { color: var(--colour-tertiary) !important; } .page-component[page-component-id="35"] { background-color: var(--color-gray-100); } .page-component[page-component-id="32"] { padding: 0 20px; border-radius: 8px; background-color: #fff; } .page-component[page-component-id="19"] { padding: 0 20px; } .page-component[page-component-id="19"] .app-carousel { padding-bottom: 50px; } .page-component[page-component-id="19"] .app-carousel__viewport { width: auto; margin-inline: calc(var(--testimonial-bleed, 20px) * -1); padding-inline: var(--testimonial-bleed, 20px); } .page-component[page-component-id="19"] .app-carousel__arrow--prev { left: -18px; } .page-component[page-component-id="19"] .app-carousel__arrow--next { right: -18px; } .page-component[page-component-id="19"] .testimonial { padding: 1.5rem; } .page-component[page-component-id="34"] img { border-radius: 5px 0px 0px 5px; } .page-component[page-component-id="41"] { /* margin-bottom: -40px; */ } .page-component[page-component-id="41"] .group-container { gap: 0px!important; padding-bottom: 0; } .page[page-id="1"] { margin-top: -40px; margin-bottom: -40px; } .page-component[page-component-id="1"] img, .page-component[page-component-id="36"] img, .page-component[page-component-id="37"] img { border-radius: 0!important; } .header-usps .app-carousel__slide { background-color: var(--colour-secondary); color: #fff; border: 1px solid var(--colour-secondary-dark); border-top: 0; border-bottom: 0; padding: var(--spacing); padding-top: calc(var(--spacing) * 1.25); padding-bottom: calc(var(--spacing) * 1.25); } .navbar-root-category[category-id="2056"] { color: var(--color-red-500); } .header-search-input { border: 2px solid var(--color-gray-100); } .header-search-input:focus { --tw-ring-color: var(--colour-tertiary); } .page-component[page-component-id="125"] { background-color: var(--color-gray-100); } .page-component[page-component-id="477"] { background-color: var(--color-gray-100); } .page-component[page-component-id="42"] { padding: 50px; } .page-component[page-component-id="45"] .crm-enquiry-form { padding: 40px; background-color: var(--colour-secondary); } .page-component[page-component-id="45"] > div { height: 100%; } .page[page-id="17"] > .page__grid { gap: 20px; } .page-component[page-component-id="20"] { width: 100%; height: 100%; } .page[page-id="2"] { margin: -40px 0; } .page-component[page-component-id="45"] * { color: white; } .page-component[page-component-id="474"] { background-color: var(--colour-secondary); padding: 35px 50px; display: flex; align-items: center; } .page-component[page-component-id="474"] * { color: white; } .page-component[page-component-id="475"] { margin-right: 20px; } .page-component[page-component-id="476"] { margin-left: 20px; } .page-component[page-component-id="475"] * { font-size: var(--text-sm); } .page-component[page-component-id="472"] > .group-grid { gap: 0px; row-gap: 60px; } .page-component[page-component-id="42"] > .group-grid { padding: 0; } .page-component[page-component-id="113"] { padding: 20px 0; } .page-component[page-component-id="113"] h1 { color: var(--color-secondary); } .page-component[page-component-id="113"] h3 { font-size: var(--text-lg); } .page-component[page-component-id="113"] > *, .page-component[page-component-id="115"] > * { text-align: center; } .page-component[page-component-id="115"] h1 { font-size: var(--text-xl) } .page-component[page-component-id="115"] h3 { font-size: var(--text-lg) } .page-component[page-component-id="481"] > .group-grid { gap: 0px; row-gap: 60px; } .page-component[page-component-id="483"] { background-color: var(--colour-secondary); padding: 35px 50px; display: flex; align-items: center; } .page-component[page-component-id="483"] * { color: white; } .page-component[page-component-id="482"] img { border-radius: 0px; } .page-component[page-component-id="484"] { margin-right: 20px; } .page-component[page-component-id="485"] { margin-left: 20px; } .page-component[page-component-id="486"] { background-color: var(--color-gray-100); } .page[page-id="3"], .page[page-id="4"] { margin: 0 18%; } .page[page-id="3"] div[page-component-type-id="5"], .page[page-id="4"] div[page-component-type-id="5"] { margin-top: 30px; } .page-component[page-component-id="30"] p { color: var(--color-primary); } .page-component[page-component-id="29"] button { width: 100%; } .page-component[page-component-id="486"] { background-color: var(--color-gray-100); } .page-component[page-component-id="34"] img { object-fit: cover; height:100%; } .page-component[page-component-id="14"] { margin-right: 20px } .page-component[page-component-id="14"] p { font-size: var(--text-sm); color: var(--color-primary); } .page-component[page-component-id="18"] { margin-left: 20px } .category-image-card__overlay { background-color: transparent; } .page-component[page-component-id="40"] { background: linear-gradient(180deg, #FFFFFF 83.17%, #E6F4FF 100%); padding-bottom: 100px; } .page-component[page-component-id="31"] button, .page-component[page-component-id="32"] button { background-color: var(--color-gray-100); border: none; color: var(--color-primary); padding: 4px 12px; font-size: var(--text-xs); text-transform: uppercase; } .page-component[page-component-id="33"] p { color: var(--color-primary); margin-bottom: 0; } .page-component[page-component-id="3"] h3 { margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid var(--color-primary) } .page-component[page-component-id="5"] h3, .page-component[page-component-id="945"] h3 { font-size: var(--text-3xl); margin-bottom: -20px; } .page-component[page-component-id="4"] button { border-radius: calc(infinity * 1px) } .page-component[page-component-id="29"] .flex { flex-direction: row-reverse; } .page-component[page-component-id="39"] > .group-container { padding-block: calc(var(--spacing) * 20); } .page-component[page-component-id="488"] { background-color: var(--colour-primary); } .page-component[page-component-id="489"] p { color: #fff; margin: 0; font-size: var(--text-xl); } .page-component[page-component-id="489"] span { font-weight: 600; } .page-component[page-component-id="31"] { position: relative; overflow: scroll; } .page-component[page-component-id="31"] > div { position: absolute; } .page-component[page-component-id="489"] { text-align: center; display: flex; align-items: center; justify-content: center; } .page-component[page-component-id="490"] button { border-radius: calc(infinity * 1px) } .page-component[page-component-id="498"] { background-color: var(--color-gray-100); } .trade-pricing-link { background-repeat: no-repeat; background-position: left center; background-size: 38px 34px; padding-left: 44px; min-height: 38px; display: flex; align-items: center; background-image: url('data:image/svg+xml,'); } .page-component[page-component-id="111"], .page-component[page-component-id="112"] { max-width: 1000px; margin: 40px auto; } .page-component[page-component-id="111"] .hidden, .page-component[page-component-id="112"] .hidden { display: block!important; } .page-component[page-component-id="494"] { background-color: var(--colour-secondary); padding: 35px 50px; display: flex; align-items: center; } .page-component[page-component-id="494"] * { color: white; } .page-component[page-component-id="493"] img { border-radius: 0px; } .page-component[page-component-id="484"] { margin-right: 20px; } .page-component[page-component-id="485"] { margin-left: 20px; } .page-component[page-component-id="15"] img { border-radius: 0!important; } .page-component[page-component-id="486"] { background-color: var(--color-gray-100); } .page-component[page-component-id="519"] { background-color: var(--colour-secondary); padding: 35px 50px; display: flex; align-items: center; } .page-component[page-component-id="519"] * { color: white; } .listing-card-1 .listing-card-1__price { margin: 0 -16px; width: calc(100% + 32px); } .listing-card-row-1__buy-col { flex: 0 0 260px; padding: 16px; } .listing-card-row-1__add-wrap .button[data-colour="green"] { min-height: 0; background: var(--colour-success); border-color: var(--colour-success); color: #fff; border-radius: 9999px; font-family: inherit; font-size: var(--text-base); text-transform: none; } .listing-card-row-1__add-wrap .button[data-colour="green"]:hover:not([disabled]) { background: var(--colour-success-dark); border-color: var(--colour-success-dark); } .listing-card-series-option-stock > .stock-status-extended { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; } .listing-card-series-option-stock .stock-status-extended-desc { align-items: center; } .listing-card-series-option-stock * { font-size: 14px!important; } .listing-carousel { padding-bottom: 50px; } .listing-carousel .carousel__next, .listing-carousel .carousel__prev { width: 45px; height: 45px; border: 1px solid var(--color-secondary); border-radius: 100%; top: 100%; margin-top: 20px; transform: translateX(-50%) } .listing-carousel .carousel__prev svg, .listing-carousel .carousel__next svg { color: var(--colour-secondary); transform: scale(.6) } *[data-stock-status-display-id="14"] { filter: grayscale(100); opacity: .8; .add-to-basket-button .button { display: none; } } .listing-card[data-stock-status-display-id="6"] .add-to-basket-button, .listing-card[data-stock-status-display-id="14"] .add-to-basket-button { display: none; } .listing-carousel .carousel__prev { left: 50%; margin-left: -25px; } .listing-carousel .carousel__next { left: 50%; margin-left: 25px; } .listing-button-catalogue span { position: relative; width: 70px; height: 1px; display: inline-block; } .listing-button-catalogue span::after { content: ''; position: absolute; left: -10px; top: -48px; width: 80px; height: 80px; background-size: contain; background-image: url(https://images.platform2d.com/?uuid=d032d31a-063b-4f76-8c39-f9e072317851&database=mow_1767&width=172&height=139&format=webp&canvas=0&background=fff&watermark=&noimage=&signature=c772d16e640814a247492a2833df44cc); background-repeat: no-repeat; background-position: center 20px; } .listing-type-button { position: relative; padding-left: 32px; } .page-component[page-component-id="942"] { padding: 0 40px; } .page-component[page-component-id="3"] h3 { font-size: 22px!important; } #nav-categories-dropdown .flex .bg-secondary:nth-child(3) { background-color: var(--colour-primary); } .cms-sidebar { border-top: 1px solid white; } .listing-page .stock-status { font-size: 28px; position: relative; left: -4px; } .listing-page .stock-status span { font-size: 16px; } .listing-page[data-stock-status-id="7"] .listing-benefits-outer-container { display: none; } .listing-alternatives-container .border-gray-200 { border-color: var(--colour-secondary); } .header-usp { color: white; } .navbar-basket[data-has-items="true"] .navbar-basket__icon-wrap, .navbar-basket[data-has-items="true"]:hover { border-color: rgb(116, 180, 51); } .navbar-basket[data-has-items="true"] .navbar-basket__qty, .navbar-basket[data-has-items="true"] .navbar-basket__price { color: rgb(116, 180, 51); } .footer-bar span { font-weight: 700; } .page-component[page-component-type-id="17"] { height: 100%; } @media (max-width: 1280px) { .page-component[page-component-id="3"] h3 { flex-direction: column; display: flex; } .page-component[page-component-id="3"] h3 .text-xl { margin-left: 0!important; } .page-component[page-component-id="472"] > .group-grid { display: flex; flex-direction: column; } .page-component[page-component-id="115"] .group-grid { grid-template-columns: repeat(2, minmax(0px, 1fr))!important; } } @media (max-width: 1024px) { .page-component[page-component-id="19"] { --testimonial-bleed: 50px; } .page-component[page-component-id="3"], .page-component[page-component-id="4"], .page-component[page-component-id="28"], .page-component[page-component-id="31"], .page-component[page-component-id="32"] { grid-column-start: 0!important; grid-column-end: span 12!important; } .page-component[page-component-id="31"] { overflow: visible; } .page-component[page-component-id="31"] > div { position: relative; overflow: visible; } .page-component[page-component-id="41"] .group-container { display: flex; flex-direction: column; } .page-component[page-component-id="39"] { padding: 0 30px; } .page-component[page-component-id="39"] .statistic__value { font-size: 28px; } .page-component[page-component-id="39"] .statistic__title { font-size: 18px; } .page-component[page-component-id="14"], .page-component[page-component-id="18"] { grid-column: 2 / span 10!important; margin: 0!important; } .page-component[page-component-id="490"] { grid-column-start: 5!important; grid-column-end: span 4!important; } } @media (max-width: 1023px) { .blog { flex-direction: column } .cms-sidebar { width: 100%; margin-bottom: 30px; } } @media (max-width: 767px) { .listing-card-1 .listing-card-1__price { margin: 0 -8px; width: calc(100% + 16px); } .header-usps { display: none; } .listing-page:not(:has(> .breadcrumbs)) { margin-top: -30px; } .listing-page .image-gallery__thumb-scroll { display: none; } .page-component[page-component-id="38"] { padding: 0; } .page-component[page-component-id="944"] { padding: 0 10px; } .page-component[page-component-id="39"] { padding: 0 15px; } .page-component[page-component-id="6"] { padding-top: 10px; } .page-component[page-component-id="39"] .statistic__value { font-size: 18px; } .page-component[page-component-id="39"] .statistic__title { font-size: 14px; } .page-component[page-component-id="7"] h3 { font-size: 22px!important; } .page-component[page-component-id="39"] > .group-container { padding-block: calc(var(--spacing) * 6); } .group-container { padding-block: 24px; } .page-component[page-component-id="19"] .app-carousel__arrow { display: none; } .page-component[page-component-id="19"] { --testimonial-bleed: 35px; } .page-component[page-component-id="19"] .testimonial { padding: 1.25rem 1rem; } .footer-bar, .newsletter-bar__inner { padding-inline: 16px; } .page-component[page-component-id="40"] { padding-bottom: 40px; } .page-component[page-component-id="34"] > .flex { flex-direction: column; } .page-component[page-component-id="481"] > .group-grid { row-gap: 0px; } .page-component[page-component-id="486"] { margin: 0 -30px; } .page-component[page-component-id="486"] > .group-grid { display: flex; padding: 20px 20px; } .page-component[page-component-id="483"] { padding: 20px 20px; } .page-component[page-component-id="481"] { grid-column-start: start!important; } .page-component[page-component-id="484"] { margin: 20px 20px 0 20px; } .page-component[page-component-id="486"] { grid-column-start: start!important; padding: 0 20px; } .page-component[page-component-id="494"] { grid-column-end: span 12!important; } .page[page-id="3"], .page[page-id="4"] { margin: 0 30px; } } @media (min-width: 42rem) { .category-header-1__media{ width: 300px; } } @media (min-width: 64rem) { .category-header-1__media{ width: 500px; } } @media (max-width: 768px) { .page-component[page-component-id="31"] .blog-article-cards-vertical-scroll__list, .page-component[page-component-id="34"] .blog-article-cards-grid { flex-direction: row; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; } .page-component[page-component-id="31"] .blog-article-card, .page-component[page-component-id="34"] .blog-article-card { flex: 0 0 82%; scroll-snap-align: start; } } .register-page__trade-fields label { color: var(--colour-tertiary); } .page-component[page-component-id="1115"] { width: 100%; background: var(--colour-primary); margin-top: -2.5rem; } .page-component[page-component-id="1115"] > .group-grid { grid-template-columns: 336px minmax(0, 1fr) 310px !important; align-items: stretch; min-height: 267px; gap: 0; padding: 0; } .page-component[page-component-id="1116"] > div { height: 100%; } .page-component[page-component-id="1116"] img.image { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .page-component[page-component-id="1117"] { display: flex; align-items: center; padding: 30px 40px; } .page-component[page-component-id="1117"] .group-stack { width: 100%; max-width: 860px; margin-inline: auto; gap: 21px; } .page-component[page-component-id="1119"] h3 { margin: 0; color: #fff; font-size: 34px; font-weight: 700; line-height: 1.15; letter-spacing: -0.68px; } .page-component[page-component-id="1119"] h3 span { color: var(--colour-tertiary); } .page-component[page-component-id="1119"] p { margin: 17px 0 0; color: #fff; font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.36px; } .page-component[page-component-id="1119"] p strong { font-weight: 600; } .page-component[page-component-id="1125"] .newsletter-signup__row { flex-wrap: nowrap; gap: 27px; } .page-component[page-component-id="1125"] .newsletter-signup__form { flex: 0 1 527px; min-width: 0; } .page-component[page-component-id="1125"] .newsletter-signup__fields { display: flex; flex-wrap: nowrap; overflow: hidden; border-radius: 8px; background: #fff; gap: 0; } .page-component[page-component-id="1125"] .newsletter-signup__field { flex: 1 1 0%; height: 52px; padding: 16px; border: 0; border-radius: 0; background: #fff; color: var(--colour-primary); font-size: 14px; font-weight: 500; letter-spacing: -0.28px; } .page-component[page-component-id="1125"] .newsletter-signup__field::placeholder { color: #a7a7a7; } .page-component[page-component-id="1125"] .newsletter-signup__field--email { border-left: 1px solid var(--colour-primary); } .page-component[page-component-id="1125"] .newsletter-signup__children { flex: 0 0 auto; } .page-component[page-component-id="1125"] .button-component { margin-inline: 0; } .page-component[page-component-id="1125"] .button { height: 52px; padding: 16px 29px; border-radius: 8px; border-color: var(--colour-tertiary); background: var(--colour-tertiary); color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; } .page-component[page-component-id="1125"] .button-component__content::after { content: ""; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); } .page-component[page-component-id="1125"] .newsletter-signup__status, .page-component[page-component-id="1125"] .newsletter-signup__error { font-size: 14px; } .page-component[page-component-id="1125"] .newsletter-signup--success .newsletter-signup__row { display: none; } .page-component[page-component-id="1121"] .group-horizontal-stack { align-items: stretch; gap: 20px; } .page-component[page-component-id="1121"] .group-horizontal-stack__item { flex: 0 0 auto; } .page-component[page-component-id="1121"] .group-horizontal-stack__item + .group-horizontal-stack__item { padding-left: 20px; border-left: 1px solid #fff; } .page-component[page-component-id="1121"] .side-icon-label-html { align-items: center; gap: 8px; padding: 0; border: 0; } .page-component[page-component-id="1121"] .side-icon-label-html__icon-wrap { width: 34px; height: 34px; border-radius: 0; background: none; } .page-component[page-component-id="1121"] .side-icon-label-html__icon { width: 34px; height: 34px; color: #fff; font-size: 34px; } .page-component[page-component-id="1121"] .side-icon-label-html__icon-wrap + div { max-width: 140px; } .page-component[page-component-id="1121"] .side-icon-label-html__heading { margin: 0; color: #fff; font-size: 13px; font-weight: 700; line-height: 14px; } .page-component[page-component-id="1121"] .side-icon-label-html p { margin: 6px 0 0; color: #fff; font-size: 13px; font-weight: 500; line-height: 14px; } .page-component[page-component-id="1118"] { display: flex; align-items: center; justify-content: center; height: 100%; padding: 24px; background: var(--colour-tertiary); text-align: center; } .page-component[page-component-id="1118"] > div { padding-top: 14px; } .page-component[page-component-id="1118"] h3 { margin: 0; color: #fff; font-size: 107px; font-weight: 700; line-height: 0.78; letter-spacing: -2.1411px; } .page-component[page-component-id="1118"] h4 { margin: 14px 0 0; color: #fff; font-size: 54.7px; font-weight: 700; line-height: 0.85; letter-spacing: -1.0938px; } .page-component[page-component-id="1118"] p { margin: 14px 0 0; color: #fff; font-size: 18px; font-weight: 400; line-height: 1; letter-spacing: -0.36px; } .banners__dots { display: none!important; } @media (max-width: 1560px) { .page-component[page-component-id="1115"] > .group-grid { grid-template-columns: 260px minmax(0, 1fr) 250px !important; } .page-component[page-component-id="1117"] { padding: 30px 24px; } .page-component[page-component-id="1118"] h3 { font-size: 88px; } .page-component[page-component-id="1118"] h4 { font-size: 44px; } } @media (max-width: 1432px) { .page-component[page-component-id="1119"] h3 { font-size: 28px; } } @media (max-width: 1280px) { .page-component[page-component-id="1115"] > .group-grid { grid-template-columns: minmax(0, 1fr) 240px !important; } .page-component[page-component-id="1116"] { display: none; } .page-component[page-component-id="1117"] { padding: 24px; } .page-component[page-component-id="1118"] h3 { font-size: 60px; } .page-component[page-component-id="1118"] h4 { font-size: 31px; } .page-component[page-component-id="1118"] p { font-size: 15px; } } @media (max-width: 1024px) { .page-component[page-component-id="1115"] > .group-grid { grid-template-columns: minmax(0, 1fr) 190px !important; } .page-component[page-component-id="1117"] { padding: 20px 16px; } .page-component[page-component-id="1119"] h3 { font-size: 24px; } .page-component[page-component-id="1118"] { padding: 16px; } .page-component[page-component-id="1118"] h3 { font-size: 46px; } .page-component[page-component-id="1118"] h4 { font-size: 24px; } .page-component[page-component-id="1118"] p { font-size: 13px; } .page-component[page-component-id="1121"] .side-icon-label-html__icon-wrap + div { max-width: 108px; } } @media (max-width: 800px) { .page-component[page-component-id="1115"] > .group-grid { grid-template-columns: minmax(0, 1fr) !important; min-height: 0; } .page-component[page-component-id="1118"] { height: auto; padding: 10px 16px; } .page-component[page-component-id="1118"] > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 2px 10px; padding-top: 0; } .page-component[page-component-id="1118"] h3, .page-component[page-component-id="1118"] h4 { margin: 0; font-size: 30px; line-height: 1.1; letter-spacing: -0.6px; } .page-component[page-component-id="1118"] p { margin: 0; font-size: 13px; } .page-component[page-component-id="1121"] .side-icon-label-html__icon-wrap + div { max-width: 140px; } } @media (max-width: 767px) { .page-component[page-component-id="1115"] { margin-top: -24px; } .page__grid[style*="repeat(12,"], .blog-article-page__grid[style*="repeat(12,"] { grid-template-columns: 16px repeat(10, minmax(0, 1fr)) 16px !important; } .page[page-id="17"] > .page__grid { column-gap: 0; } .page[page-id="3"], .page[page-id="4"] { margin: 0 16px; } .page__grid > .page-component[page-component-type-id="25"] { grid-column: 2 / span 10; } .group-grid > .page-component[page-component-type-id="25"], .page-component[page-component-id="511"] > .group-grid > .page-component { grid-column: 1 / -1; } .page-component[page-component-id="27"] { grid-column: 1 / -1; padding-inline: 16px; } .page-component[page-component-id="111"], .page-component[page-component-id="112"] { grid-column: 2 / span 10; margin-block: 24px; } .page-component[page-component-id="111"] .image-map__main, .page-component[page-component-id="112"] .image-map__main { flex: 1 1 auto; } .page-component[page-component-id="111"] .image-map__image, .page-component[page-component-id="112"] .image-map__image { width: 100%; } .page-component[page-component-id="110"] { grid-column: 2 / span 10; } .page-component[page-component-id="865"] .page-component[page-component-type-id="5"] { padding-inline: 16px; } .page-component[page-component-id="474"], .page-component[page-component-id="494"], .page-component[page-component-id="519"] { padding: 24px 16px; } .page-component[page-component-id="475"], .page-component[page-component-id="476"] { margin: 0; } .page-component[page-component-id="472"] > .group-grid { row-gap: 24px; } .page-component[page-component-id="527"] { padding-inline: 16px; } .page-component[page-component-id="484"] { margin: 20px 16px 0; } .page-component[page-component-id="485"] { margin: 0 16px; } .page-component[page-component-id="481"], .page-component[page-component-id="486"] { grid-column: 1 / -1 !important; } .page-component[page-component-id="486"] { margin: 0; padding: 0; } .page-component[page-component-id="486"] > .group-grid { padding: 20px 16px; } .page-component[page-component-id="42"] { padding: 24px 16px; } .page-component[page-component-id="45"] .crm-enquiry-form { padding: 24px 16px; } .page-component[page-component-id="2"] .category-cards { padding-block: 24px; } .page-component[page-component-id="1119"] h3 { font-size: 22px; } .category-card__preview { display: none; } .page-component[page-component-id="1119"] p { font-size: 16px; } .page-component[page-component-id="1125"] .newsletter-signup__row { flex-wrap: wrap; gap: 12px; } .page-component[page-component-id="1125"] .newsletter-signup__form, .page-component[page-component-id="1125"] .newsletter-signup__children, .page-component[page-component-id="1125"] .button-component, .page-component[page-component-id="1125"] .button { width: 100%; flex-basis: 100%; } .page-component[page-component-id="1121"] .group-horizontal-stack { flex-direction: column; align-items: flex-start; gap: 16px; width: fit-content; margin-inline: auto; } .page-component[page-component-id="1121"] .group-horizontal-stack__item + .group-horizontal-stack__item { padding-left: 0; border-left: 0; } } @media (max-width: 767px) { .listing-group__grid, .listing-group__skeleton-grid { grid-template-columns: 1fr; } .listing-group__grid .listing-card-1__image { max-width: 220px; margin: 0.5rem auto; } } .category-header-1__media .image-map__main { overflow: hidden; } .category-subcategories .category-card { display: flex; flex-direction: column; height: 100%; padding: 12px 12px 16px; background-color: var(--colour-surface); border: 1px solid var(--colour-border); border-radius: 8px; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .category-subcategories .category-card:hover { border-color: var(--colour-secondary); text-decoration: none; transform: translateY(-2px); } .category-subcategories .category-card__name { margin-top: 12px; margin-bottom: 4px; line-height: 1.3; } .category-subcategories .category-card:hover .category-card__name { text-decoration: none; color: var(--colour-secondary); } .category-subcategories .category-card__preview { font-size: 12px; color: var(--colour-ink-muted); } @media (min-width: 1280px) { .category-subcategories__grid { gap: 16px; } } .category-page__featured .listing-card-3 { display: flex; flex-direction: column; height: 100%; padding: 12px 12px 16px; background-color: color-mix(in srgb, var(--colour-secondary) 6%, var(--colour-surface)); border: 1px solid color-mix(in srgb, var(--colour-secondary) 25%, transparent); border-top: 3px solid var(--colour-secondary); border-radius: 8px; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .category-page__featured .listing-card-3 .image { border-radius: 6px; overflow: hidden; } .category-page__featured .listing-card-3:hover { border-color: var(--colour-secondary); text-decoration: none; transform: translateY(-2px); } .category-page__featured .listing-card-3__title { margin-top: 12px; margin-bottom: 4px; line-height: 1.3; } .category-page__featured .listing-card-3:hover .listing-card-3__title { text-decoration: none; color: var(--colour-secondary); } .category-page__featured .listing-card-3__subtitle { font-size: 12px; color: var(--colour-ink-muted); } @media (min-width: 768px) { .category-page__featured { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; } } .category-page__featured { margin-top: 16px; } @media (max-width: 767px) { .category-header-1__media:has(.image-map) { display: none; } } .logo-sub-mobile { display: none; } @media (max-width: 767px) { .navbar-layout-1__logo { max-width: 240px; } } .page-component[page-component-id="1134"] { padding: 0 25px; } .page-component[page-component-id="1134"] .button { width: 100%; padding: 18px 18px 18px 24px; border: 1px solid var(--colour-secondary); border-radius: 24px; background-color: var(--colour-surface); color: var(--colour-primary); font-weight: 600; text-align: left; margin-top: 20px; } .page-component[page-component-id="1134"] .button-component__content { align-items: center; justify-content: space-between; gap: 16px; } .page-component[page-component-id="1134"] .button-component__content::after { content: ""; flex-shrink: 0; width: 40px; height: 40px; border-radius: 9999px; background: var(--colour-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat; } .page-component table { font-size: revert; line-height: revert; } .page-component thead, .page-component tbody tr:nth-child(even) { background: revert; } .page-component th, .page-component td { padding: 0; border-bottom: 0; vertical-align: revert; } .page-component th { text-align: revert; font-weight: revert; white-space: revert; } .listing-card-row-2__actions, .listing-card-row-2__detail { display: none; } .listing-card-row-2__buy-col > div:has(> .listing-card-row-2__add-wrap) { flex: 1; display: flex; flex-direction: column; } .listing-card-row-2__add-wrap { margin-top: auto; padding-top: 0.75rem; } .listing-card-row-2__add .button__content { font-size: 0; } .listing-card-row-2__add .button__content::after { content: "View Series"; font-size: var(--text-base); } .listing-card-row-2__buy-col .price { display: none; }

Plumb & Play kit Spares

Subscribe to emails to unlock your FREE GIFT