.topbar .col a {
color: white;
text-decoration: none;
font-size: 14px;
}
.topbar .col.col-lg-6 a {
text-decoration: underline;
}
.headerMenu__nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-right: 1px solid white;
}
.headerMenu__nav__item,
.headerMenu__nav > .menu-item {
padding: 15px 0 15px 10px;
border-left: 1px solid white;
font-size: 12px;
flex: 1;
list-style: none;
}
.headerMenu__nav > .menu-item a {
color: white;
text-decoration: none;
}
.header__actions {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
justify-content: flex-end;
}
.header__actions svg {
width: 40px;
height: 40px;
}
.header__actions__basket {
position: relative;
}
.header__actions .basketCount {
position: absolute;
top: -15px;
right: -15px;
background: var(--color-blue);
color: white;
padding: 6px 12px;
border-radius: 80px;
font-size: 12px;
}
.header form {
position: relative;
}
.header form input {
border: 1px solid #ccc;
width: 100%;
box-shadow: none;
padding: 6px 12px;
padding-right: 30px;
border-radius: 4px;
}
.header form input::placeholder {
color: #999;
}
.header form .icon {
position: absolute;
height: 20px;
width: 20px;
background-size: contain;
display: block;
right: 10px;
top: 50%;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z" fill="var(--primary-colour)"/></svg>');
}
:root {
--color-yellow: #FAB51D;
--color-blue: #0084CD;
--color-grey: #D9D9D9;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Poppins", sans-serif;
}
.bg-yellow {
background-color: var(--color-yellow);
color: white;
}
.section {
padding: 50px 0;
}
.button,
.woocommerce .button {
display: inline-block !important;
padding: 15px 45px !important;
border-radius: 4px !important;
text-decoration: none !important;
}
.button-yellow,
.woocommerce .button-yellow {
background: var(--color-yellow) !important;
color: black !important;
}
.button-blue,
.woocommerce .button-blue {
background: var(--color-blue) !important;
color: white !important;
}
.background-yellow {
background-color: var(--color-yellow);
}
.background-blue {
background-color: var(--color-blue);
color: white;
}
.background-grey {
background-color: var(--color-grey);
color: black;
}
footer .container {
padding-top: 50px;
margin-top: 30px;
border-top: 2px solid var(--color-blue);
}
footer .footer__top nav ul {
margin: 0;
padding: 0;
list-style: none;
}
footer .footer__top nav ul li {
margin-bottom: 12px;
}
footer .footer__top nav ul li a {
text-decoration: none;
color: black;
}
footer .footer__top h3 {
color: var(--color-blue);
margin-bottom: 25px;
}
footer .footer__bottom {
margin-top: 70px;
}
footer .footer__bottom a {
color: black;
}
.pageHeader {
padding-top: 80px;
}
.pageHeader .col {
padding-left: 30px;
padding-bottom: 20px;
padding-top: 20px;
border-left: 2px solid white;
}
.news-card {
text-decoration: none;
}
.news-card__image {
aspect-ratio: 4/3;
margin-bottom: 12px;
}
.news-card__image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.news-card__content {
color: black;
}
.news-card__content__title {
font-size: 1.3rem;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.news-card__content__text {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}
.featuredImage {
margin-bottom: 60px;
aspect-ratio: 16/9;
}
.featuredImage img {
object-fit: cover;
width: 100%;
height: 100%;
}
.pageHeader__single__meta {
margin-top: 18px;
}
.pageHeader__single__meta > div {
opacity: 0.8;
}
.pageHeader__single__meta svg {
width: 18px;
height: 18px;
margin-right: 8px;
fill: white;
}
.map iframe {
width: 100%;
border: none;
aspect-ratio: 16/9;
}
.contentImage {
background-size: 50%;
background-repeat: no-repeat;
}
.contentImage__content {
padding: 80px 50px;
}
.contentImage__content .button {
margin-top: 40px;
}
.meetTheTeam__card {
position: relative;
aspect-ratio: 36/48;
padding: 0;
display: flex;
flex-direction: column;
justify-content: end;
}
.meetTheTeam__card__img {
object-fit: cover;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.meetTheTeam__card__content {
z-index: 1;
position: inherit;
margin: 22px;
padding: 15px 22px;
background: white;
color: black;
}
.meetTheTeam__card__content p {
display: none;
}
.meetTheTeam__card:hover .meetTheTeam__card__content p {
display: block;
}
.tabs__headers {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.tabs__headers__item {
flex: 1;
padding: 14px 20px;
background: #D9D9D9;
border-radius: 8px 8px 0 0;
margin: 0;
}
.tabs__headers__item.active {
background: var(--color-blue);
color: white;
}
.tabs__items {
padding: 32px 32px 16px 32px;
background: var(--color-blue);
border-radius: 0 0 8px 8px;
color: white;
}
.productInfo h1 {
margin-top: 20px;
margin-bottom: 20px;
}
.productInfo__pricing {
display: flex;
flex-direction: row;
gap: 12px;
margin-bottom: 12px;
font-size: 18px;
}
.productInfo__pricing__now {
font-weight: 500;
}
.productInfo__pricing__was {
color: #848484;
text-decoration: line-through;
}
.productInfo__actions__quantity {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 32px;
}
.productInfo__actions__quantity input {
width: fit-content;
padding: 8px 16px;
border: 1px solid var(--color-blue) !important;
}
.productInfo__actions__quantity label {
font-weight: bold;
}
.productInfo__image__slider {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-top: 12px;
}
.productInfo__image__slider__item {
flex: 1 1 130px;
}
.productInfo__image__slider__item.active {
opacity: 0.8;
}
.productInfo__image__slider__item img {
object-fit: cover;
height: 100%;
width: 100%;
}
.productInfo__image__main img {
object-fit: contain;
width: 100%;
height: 100%;
}
.productSpecification {
display: flex;
flex-direction: row;
align-items: center;
gap: 32px;
flex-wrap: wrap;
margin-top: 32px;
}
.productSpecification__item {
width: calc(33% - 20px);
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.productSpecification__item__icon {
display: block;
height: 28px;
width: 28px;
}
.productSpecification__item__icon svg {
fill: white;
opacity: 0.8;
}
.productTableView__items__single__data {
display: flex;
flex-direction: row;
gap: 60px;
font-style: italic;
}
.productTableView__items__single__name {
font-weight: 600;
}
.productTableView__items__single__actions {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.productTableView__items__single__actions input {
width: 50px;
text-align: center;
padding: 8px;
border: 1px solid var(--color-blue);
}
.productCatArchive__filters {
padding: 20px;
height: fit-content;
}
.productCatArchive__filters__header {
font-size: 18px;
font-weight: 600;
padding-bottom: 20px;
border-bottom: 2px solid white;
}
.productCatArchive__filters__group {
margin-bottom: 20px;
margin-top: 20px;
}
.productCatArchive__filters__group__title {
font-size: 16px;
font-weight: 600;
padding-bottom: 10px;
}
.productCatArchive__filters__group__item {
margin-bottom: 4px;
}
.productCatArchive__filters__group__item--active, .productCatArchive__filters__group__item:hover {
font-weight: bold;
color: var(--color-blue);
}
.productCatArchive__items > .row {
--bs-gutter-y: 1.5rem;
}
.productCard__image {
aspect-ratio: 1/1;
}
.productCard__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.productCard__info {
padding: 16px 20px;
background: var(--color-grey);
}
.productCard__info__actions {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
.productCard__info__actions__heart {
aspect-ratio: 1;
width: 46px;
height: 46px;
padding: 10px;
background: var(--color-blue);
border-radius: 8px;
}
.productCard__info__actions__heart svg {
fill: white;
}
.productCard__info__actions__heart:hover {
cursor: pointer;
}
.productCard__info__actions__view {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: -webkit-fill-available;
background: var(--color-yellow);
height: -webkit-fill-available;
border-radius: 8px;
font-weight: 600;
color: black;
text-decoration: none;
}
.productCard__info__actions__view:hover {
cursor: pointer;
}.headerMenu__nav__item {
font-size: 13px;
}
.pageHeader {
padding-top: 50px;
}
.pageHeader .col {
border: none;
padding-left: 0;
}
.wp-block-woocommerce-empty-cart-block {
padding: 35px 0;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
display: none !important;
}
a.wc-block-components-product-name {
color: inherit;
text-decoration: none;
font-weight: bold;
}
.wc-block-components-product-metadata {
display: none;
}
.wc-block-cart__submit-button,
.wc-block-components-totals-coupon__button,
.wc-block-components-checkout-place-order-button,
.woocommerce .woocommerce-Button.button {
display: inline-block;
padding: 15px 45px;
border-radius: 4px;
text-decoration: none;
background: var(--color-blue);
color: white;
border: none;
min-width: none !important;
}
.woocommerce-MyAccount-navigation-link a {
color: inherit;
text-decoration: none;
}
.woocommerce-MyAccount-navigation-link {
margin-bottom: 16px;
}
.woocommerce-MyAccount-navigation-link.is-active a {
font-weight: bold;
}
.woocommerce-MyAccount-navigation-link.is-active a:before {
content: '>';
}
.woocommerce-account .addresses .title {
margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
float: none;
}
.popularProducts__product__list {
display: flex;
flex-direction: row;
align-items: start;
justify-content: space-around;
gap: 26px;
}
.popularProducts__product {
flex: 2;
border: 2px solid var(--color-blue); border-radius: 8px;
overflow: hidden;
}
.popularProducts__product__side {
flex: 1;
}
.popularProducts__product__category {
background: var(--color-blue);
padding: 8px 16px;
border-radius: 0 0 8px 8px;
color: white;
font-weight: 500;
text-transform: uppercase;
}
.popularProducts__product__title {
padding: 16px;
color: var(--color-blue);
font-size: 1.25rem;
}
.popularProducts__product__image {
margin: 0 16px;
aspect-ratio: 1;
}
.popularProducts__product__image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.popularProducts__product__button {
padding: 16px;
}
.popularProducts__product__button a {
width: 100%;
text-align: center;
}
.contact .forminator-ui {
background: #EFEFEF;
padding: 20px !important;
border-radius: 8px;
overflow: hidden;
}
.contact .forminator-ui label {
font-size: 1em !important;
color: black;
margin-bottom: 0.5rem !important;
}
.contact .forminator-ui .select2-selection {
background: white !important;
}
.contact .forminator-ui .forminator-button-submit {
padding: 15px 40px !important;
background: var(--color-yellow) !important;
}
section.hero {
position: relative;
}
.hero__background {
position: absolute;
z-index: -1;
width: 100%;
height: -webkit-fill-available;
filter: brightness(0.4);
}
.hero__background  img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero .container {
padding-top: 10em;
padding-bottom: 10em;
}
.hero__tags {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 20px;
}
span.hero-tag {
border: 1px solid white;
border-radius: 50px;
padding: 4px 14px;
font-size: 0.8em;
color: white;
}
.hero__title {
color: white;
margin-bottom: 32px;
}
.hero__title h1 {
font-size: 3em;
}
.productCatSlider .splide__slide {
background: var(--color-yellow);
padding: 15px 48px;
text-align: center;
font-weight: bold;
border-radius: 8px;
}
button.splide__arrow.splide__arrow--prev {
left: -35px;
background: transparent;
}
button.splide__arrow.splide__arrow--next {
right: -35px;
background: transparent;
}
.productInfo__image__slider__item {
max-width: 130px;
}
.mega-menu-description {
display: none !important;
}
.pageHeader__description__wrapper {
position: relative;
}
p.pageHeader__description__toggle { bottom: 0;
left: 0;
background: var(--color-blue);
width: fit-content;
text-align: center;
margin: 0; border-radius: 8px;
padding: 8px 16px;
overflow: hidden;
}
p.pageHeader__description__toggle a {
color: white;
text-decoration: none !important;
}
.productCatSlider .splide__slide {
display: flex;
align-items: center;
}
.productCard__image {
box-shadow: 0 0 5px 2px #0000000a;
}
section ul {
list-style: disc;
}
.woocommerce-pagination .page-numbers {
margin-top: 35px;
}
.woocommerce nav.woocommerce-pagination ul {
margin-top: 45px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--color-blue);
color: white;
}
.subcatCards__row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
.subcatCards__row__col {
flex: 0 1 calc(25% - 25px);
}
.subcatCard__title {
padding: 8px 16px;
background: var(--color-blue);
color: white;
flex: 1;
}
a.subcatCard {
border: 2px solid var(--color-blue);
box-shadow: 0 0 10px 10px #eee;
display: flex;
flex-direction: column;
border-radius: 20px;
overflow: hidden;
height: 100%;
}
.subcatCard__image {
aspect-ratio: 1;
position: relative;
padding: 20px;
}
.subcatCard__image img {
object-fit: contain;
}
.productCard__info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.col.col-lg-3.col-6.productCard {
display: flex;
flex-direction: column;
}
.productCard__image {
display: flex;
}
@media screen and (max-width: 991px) {
.contentImage .row {
gap: 32px;
}
.section {
padding-top: 25px;
padding-bottom: 25px;
}
.headerMenu__nav {
justify-content: flex-end;
}
.subcatCards__row__col {
flex:1 1 calc(25% - 25px);
}
section.section.productInfo .container > .row {
gap: 32px;
}
.tabs__items {
padding: 32px 20px 20px 20px;
}
ul#mega-menu-main-menu {
background: var(--color-blue) !important;
}
}
@media screen and (max-width: 767px) {
#mega-menu-wrap-main-menu .mega-menu-toggle {
background-color: transparent;
border-color: transparent !important;
}
.row.ranges__cards {
width: 100vw;
margin: auto;
}
.ranges__cards__item {
margin-bottom: 12px;
}
.hero__title h1 {
font-size: 1.3em;
}
.hero__tags {
flex-direction: column;
gap: 10px;
}
.popularProducts__product__list {
flex-direction: column;
}
.hero .container {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pageHeader .col {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}
.subcatCards__row__col {
flex: 100%;
}
.header__logo img {max-height: 50px;height: auto;}
.productCatArchive__filters__group.toggled {
height: 0;
margin: 0;
overflow: hidden;
}
.productCatArchive__filters__header.toggled {
padding: 0;
border: none;
}
.productCatArchive__filters__header::after {
content: 'V';
}
.productCatArchive__filters .productCatArchive__filters__header {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
justify-content: space-between;
}
.productCatArchive__filters .productCatArchive__filters__header.toggled:after {
transform:rotate(-90deg);
}
.productCatArchive {
padding-top: 0;
}
}
a.productSpecification__item {
font-size: 18px;
}
.productSpecification__item__name {
text-decoration:underline;
}
.productSpecification__item__icon svg {
fill: red;
}