:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #fff;


--base-text-color: #000;


--footer-color: #4f0077;



--footer-text-color: #fff;

--button-color: #98139c;


--button-hover-color: #000;


--button-text-color: #fff;


--header-color: #fff;


--header-text-color: #000;


--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

@font-face {
    font-family: 'adelle_sans';
    src: url('https://shop.demo.advaniauk.nettailer.com/fileupload/AdelleSans.woff2') format('woff2'),
         url('https://shop.demo.advaniauk.nettailer.com/fileupload/AdelleSans.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'adelle_sans';
    src: url('https://shop.demo.advaniauk.nettailer.com/fileupload/AdelleSans-Bold.woff2') format('woff2'),
         url('https://shop.demo.advaniauk.nettailer.com/fileupload/AdelleSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'adelle';
    src: url('https://shop.demo.advaniauk.nettailer.com/fileupload/Adelle-Regular.woff2') format('woff2'),
         url('https://shop.demo.advaniauk.nettailer.com/fileupload/Adelle-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'adelle';
    src: url('https://shop.demo.advaniauk.nettailer.com/fileupload/Adelle-Bold.woff2') format('woff2'),
         url('https://shop.demo.advaniauk.nettailer.com/fileupload/Adelle-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ---------------------------------------------------------
   GLOBAL TYPOGRAPHY
--------------------------------------------------------- */

body {
    font-family: 'adelle_sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'adelle', sans-serif;
}


/* ---------------------------------------------------------
   MAIN NAVIGATION
--------------------------------------------------------- */

.menu-bar {
    background-color: #f0dcf0 !important;
    font-family: 'adelle', sans-serif;
}

.menu-bar-desktop-categories-menu {
    background-color: #caaacd !important;
}

.menu-bar-desktop-categories-menu-item:hover,
.menu-bar-desktop-categories-menu-item.active {
    background-color: #98139c !important;
}

.menu-bar-desktop-products-menu-label,
.menu-bar-desktop-products-menu-label:hover {
    border-bottom: 1px solid #cb0084 !important;
    color: #cb0084 !important;
}

.menu-bar-item {
    margin-right: 0;
}

a.menu-bar-item-label {
    padding: 0 15px;
    font-weight: 400;
}

.menu-bar-menu-pages a {
    padding-right: 0;
}

.menu-bar-item-label:hover,
.menu-bar-item-label:focus {
    background-color: #caaacd !important;
}


/* ---------------------------------------------------------
   SEARCH
--------------------------------------------------------- */

.product-search-input-container {
    border: 1px solid #4f0077 !important;
    padding: 0 !important;
    border-radius: 3px;
}

.product-search-input-container
.product-search-action.product-search-button {
    color: #fff !important;
    padding: 5px 15px !important;
    background-color: #7d007c !important;
}


/* ---------------------------------------------------------
   GENERAL CONTENT / PRODUCTS
--------------------------------------------------------- */

.section {
    margin-bottom: 30px;
}

.promoted-products {
    padding: 0 !important;
    margin: 0 auto !important;
}

.promotion-item {
    padding: 20px 20px 10px 20px !important;
    border: 1px solid #4f0077 !important;
}

.promotion-item:not(.document) h5 {
    font-size: 1.2em !important;
}

.promotion-price.price {
    font-size: 16px !important;
}

.promotion-item a,
.promotion-price.price {
    color: #303030 !important;
}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}


/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

@media screen and (min-width: 640px) {
    .header-wrapper.fixed {
        z-index: 10000 !important;
        background-color: #ffffff !important;
    }
}

.header-wrapper.fixed .row.header .logo-container a {
    background: url(https://www.advania.co.uk/wp-content/uploads/2023/09/AdvaniaUK-logo-scroll.svg) left center no-repeat;
    min-height: 43px;
}

.header-wrapper.fixed .row.header .logo-container img[src$=".svg"] {
    display: none;
}


/* ---------------------------------------------------------
   FOOTER
--------------------------------------------------------- */

.footer .footer-wrapper .content-footer-wrapper li h3 {
    margin-bottom: 20px;
}

.footer .footer-wrapper .content-footer-wrapper li:first-child h3 {
    display: none;
}

.footer .footer-wrapper .content-footer-wrapper li a {
    font-size: .88rem;
    margin-bottom: 15px;
    position: relative;
    outline: none;
}

/*
.footer .footer-wrapper .content-footer-wrapper li:not(:first-child):not(:last-child) a:before {
    content: '›';
    font-size: 18px;
    line-height: 16px;
    margin-right: 3px;
}
*/

.b-footer-contact__phone {
    font-size: 1.5rem;
    margin: 25px 0 10px;
}

.b-socials-media__icons a {
    font-size: 22px !important;
    margin-right: 15px;
    outline: none;
}

.b-footer__item_contact img {
    width: 150px;
}


/* ---------------------------------------------------------
   HOMEPAGE
   Remove space between navigation and homepage banner
--------------------------------------------------------- */

@media screen and (min-width: 640px) {

    .first-page-content {
        margin-top: -25px !important;
    }

    .first-page-content .banners {
        margin-top: 0 !important;
    }
}


/* ---------------------------------------------------------
   TOP SELLERS HEADING
--------------------------------------------------------- */

.first-page-content
.TOP_SELLERS
.promoted-products__inner-wrapper > h2 {
    font-family: 'adelle', Georgia, serif !important;
    font-size: clamp(28px, 2.2vw, 40px) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    color: #303030 !important;
    margin: 0 0 16px !important;
}


/* ---------------------------------------------------------
   DESKTOP STICKY NAVIGATION
   JS measures Nettailer's real fixed-header height and
   writes it to --adv-fixed-header-height.
--------------------------------------------------------- */

@media screen and (min-width: 640px) {

    .menu-wrapper {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        width: 100% !important;
        height: 60px !important;
        background-color: #f0dcf0 !important;
    }

    html.adv-header-is-fixed .menu-wrapper {
        top: var(--adv-fixed-header-height, 0px) !important;
    }

    .menu-wrapper.menu-fixed,
    .menu-wrapper.menu-fixed-height {
        height: 60px !important;
    }

    .menu-bar {
        position: relative !important;
        z-index: 9999 !important;
        width: 100% !important;
        background-color: #f0dcf0 !important;
    }

    .es-product-list,
    #es-result,
    .first-page-content {
        position: relative;
        z-index: 1;
    }
}


/* ---------------------------------------------------------
   REMOVE MOUSE-CLICK FOCUS BORDER

   Keyboard focus remains available via :focus-visible.
--------------------------------------------------------- */

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
.menu-bar-item-label:focus:not(:focus-visible),
.menu-bar-desktop-categories-menu-item:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   DESKTOP PRODUCT NAVIGATION
   Reduce visual hover sensitivity.
--------------------------------------------------------- */

@media screen and (min-width: 640px) {

    .menu-bar-desktop-categories-menu-item.active {
        background-color: #98139c !important;
    }

    .menu-bar-desktop-categories-menu-item:not(.active):hover {
        background-color: #c39fc6 !important;
    }
}


/* ---------------------------------------------------------
   PRODUCT LISTING – STICKY LEFT SIDEBAR

   Keeps Categories + Filters together while product
   results scroll on the right.
--------------------------------------------------------- */

@media screen and (min-width: 850px) {

    .es-product-list > .columns.small-12.medium-3 {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 150px !important;
        align-self: flex-start !important;
        height: fit-content !important;
        z-index: 20;
    }

    /*
       Keep Nettailer's Categories + Filters in their
       normal internal positioning. The parent column
       above is the element that becomes sticky.
    */
    .es-product-list .es-filters-wrapper {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}