:root {
    --color-spurs-blue: #00164D;
    --color-spurs-blue-80: #334470;
    --color-spurs-blue-60: #667394;
    --color-spurs-blue-40: #99A1B7;
    --color-spurs-blue-20: #CCD0DB;
    
    --color-lilywhite: #FFFFFF;

    --color-spurs-midnight: #010D2C;
    --color-spurs-midnight-80: #333D56;
    --color-spurs-midnight-60: #666D80;
    --color-spurs-midnight-40: #999EAA;
    --color-spurs-midnight-20: #CCCED4;

    --color-spurs-acid-yellow: #F6FE08;
    --color-spurs-acid-yellow-80: #F7FE39;
    --color-spurs-acid-yellow-60: #F9FE6A;
    --color-spurs-acid-yellow-40: #FbFF9C;
    --color-spurs-acid-yellow-20: #FDFFCD;

    --color-spurs-sea-blue: #01D3D6;
    --color-spurs-sea-blue-80: #33DBDE;
    --color-spurs-sea-blue-60: #66E4E6;
    --color-spurs-sea-blue-40: #99EDEF;
    --color-spurs-sea-blue-20: #CCF6F7;

    --color-spurs-red: #FF515E;
    --color-spurs-red-80: #FF737E;
    --color-spurs-red-60: #FF969E;
    --color-spurs-red-40: #FFB9BE;
    --color-spurs-red-20: #FFDCDF;

    --color-spurs-grey: #A2A2A2;

    --color-input-border: #03174A;
    --color-input-focus-border: #00D3D5;
}

/***************\
    Elements    
\***************/

body {
    background: var(--color-lilywhite);
    color: var(--color-spurs-midnight);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
.p,
a,
.a {
    color: var(--color-spurs-midnight);
}

a:hover,
a:focus {
    color: var(--color-spurs-midnight);
}

/************\
    Buttons    
\************/

/* Normal Button */
.btn,
input[type="button"],
.ui-widget button {
    background-color: var(--color-spurs-blue) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-lilywhite) !important;
}

/* Normal Button Hover */
.btn:hover,
.btn.hover,
input[type="button"]:hover,
input[type="button"].hover,
.ui-widget button:hover,
.ui-widget button.hover {
    background-color: var(--color-spurs-acid-yellow-80) !important;
    border-color: var(--color-spurs-acid-yellow-80);
    color: var(--color-spurs-blue) !important;
}

/* Normal Button Active */
.btn:active,
.btn.active,
input[type="button"]:active,
input[type="button"].active,
.ui-widget button:active,
.ui-widget button.active {
    background-color: var(--color-spurs-acid-yellow-80) !important;
    border-color: var(--color-input-focus-border);
    box-shadow: none;
    color: var(--color-spurs-blue) !important;
}

/* Normal Button Focused */
.btn:focus,
.btn.focus,
input[type="button"]:focus,
input[type="button"].focus,
.ui-widget button:focus,
.ui-widget button.focus {
    border: 1.5px solid var(--color-input-focus-border);
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite); /* To create the double border style */
}

/* Normal Button Disabled */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
input[type="button"].disabled,
input[type="button"][disabled],
fieldset[disabled] input[type="button"],
.ui-widget button.disabled,
.ui-widget button[disabled],
.ui-widget fieldset[disabled] button {
    background-color: var(--color-spurs-blue-20) !important;
    border: 1.5px solid var(--color-spurs-blue-20);
    opacity: 1;
}

/************\
    Inputs    
\************/

/* Text field */
.form-group .form-control {
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue);
}

.form-group label {
    color: var(--color-spurs-midnight);
}

/* Radio & Checkbox Label */
.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
    color: var(--color-spurs-midnight);
}

/* Text Field Placeholder */
::placeholder {
    color: var(--color-spurs-blue) !important;
    opacity: 1;
}

::-moz-placeholder {
    color: var(--color-spurs-blue) !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: var(--color-spurs-blue) !important;
    opacity: 1;
}

:-moz-placeholder {
    color: var(--color-spurs-blue) !important;
    opacity: 1;
}

select {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue) !important;
}

select:disabled,
select[disabled],
select.disabled,
fieldset[disabled] select {
    background-color: var(--color-spurs-blue-20) !important;
    border: 1.5px solid var(--color-spurs-blue-80) !important;
}

/* Radio Button */
input[type="radio"] {
    background-color: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
}

/* Radio Button Focus */
input[type=radio]:focus {
    background-color: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-sea-blue);
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite), inset 0 0 0 3px var(--color-spurs-blue);
}

/* Radio Button Checked */
input[type=radio]:checked {
    background-color: var(--color-spurs-blue);
    border: 1.5px solid var(--color-spurs-blue);
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite);
}

/************\
    Header    
\************/

/* Header */
.elm00316 {
    background: var(--color-spurs-blue);
}

/* Search Bar Container Mobile */
@media screen and (max-width: 700px) {
    #masthead .elm00004 {
        background: var(--color-lilywhite);
    }
}

/* Search Bar Input */
#masthead .elm04Input {
    border: 1px solid var(--color-input-border);
    color: var(--color-spurs-blue);
}

/* Search Bar Input Placeholder */
#masthead .elm04Input::-webkit-input-placeholder,
#masthead .elm04Input::-moz-placeholder,
#masthead .elm04Input:-ms-input-placeholder,
#masthead .elm04Input:-moz-placeholder {
    color: var(--color-spurs-blue);
}

/* Header - Favourite Quantity */
.elm299FavouriteQty {
    background: var(--color-spurs-red);
    color: var(--color-lilywhite);
}

/* Header Tab Hover */
.elm316_highlightedHeader,
.elm316topLevel:hover {
    background: var(--color-spurs-blue);
    border-bottom: 3px solid var(--color-lilywhite);
}

/* Header - Basket Button */
#elm261basket {
    background-color: transparent;
}

/* Header - Basket Quantity */
.elm261BasketQty {
    background: var(--color-spurs-red);
    color: var(--color-lilywhite);
}

.elm316norm:hover,
.elm316norm:active,
.elm316norm:focus {
    color: var(--color-lilywhite);
}

/* Megamenu */
.elm316dropdown {
    box-shadow: 0 5000px 0 5000px #00164d22; /* Creating the overlay */
}

/* Megamenu - Column Header */
.elm316colHeader div {
    color: var(--color-spurs-midnight) !important;
}

/* Megamenu - Column Link */
.elm316colLinks a {
    color: var(--color-spurs-blue);
}

/* Megamenu Featured Column Image */
.elm316dropInner .spImgfeature,
.elm316dropInner .spImgfeature2,
.elm316dropInner .spImgKit,
.elm316dropInner .spImgnike {
    background-color: transparent;
}

/* Megamenu Featured Column Text Container */
.elm316dropInner .spTextbox {
    background-color: transparent;
}

/* Megamenu Featured Column Title */
.elm316dropInner .spTextbox h2 a {
    color: var(--color-spurs-midnight);
}

/* Hamburger Menu - Open Button */
.btn-hamburger {
    background: var(--color-lilywhite);
    color: var(--color-spurs-blue) !important;
}

/* Hamburger Menu - Open Button Bars */
.hmbrgr-one span {
    background: var(--color-spurs-blue) !important;
}

/* Hamburger Menu - Close Button Bars */
.expand span {
    background: var(--color-spurs-blue) !important;
}

/* Hamburger Menu - Container */
#menu {
    box-shadow: 5000px 0 0 5000px #00164d22; /* Creating the overlay */
}

/* Hamburger Menu - Menu Header */
#menuHead {
    background: var(--color-lilywhite);
}

/* Hamburger Menu - Links */
.elm317norm {
    color: var(--color-spurs-blue) !important;
}

/* Hamburger Menu - Links Hover */
.elm317norm:hover {
    background: var(--color-lilywhite) !important;
    color: var(--color-spurs-blue) !important;
}

/* Hamburger Menu - Branch Header Container */
.elm317branchHeader {
    background-color: var(--color-lilywhite);
}

/* Hamburger Menu - Branch Header */
.elm317branchHeader span {
    color: var(--color-spurs-blue);
}

/* Hamburger Menu - SubBranch Header */
.elm317subBranchTitle > div {
    background: var(--color-lilywhite);
    color: var(--color-spurs-blue);
}

/* Hamburger Menu - SubBranch Link */
.elm317subBranchLink a {
    color: var(--color-spurs-blue);
}

/* Hamburger Menu - Featured Row Image */
.elm316component .spImgfeature,
.elm316component .spImgfeature2,
.elm316component .spImgKit,
.elm316component .spImgnike {
    background-color: transparent;
}

/* Hamburger Menu - Featured Row Text */
.elm316component .spTextbox {
    background-color: transparent;
}

/* Hamburger Menu - Featured Column Title */
.elm316component .spTextbox h2 a {
    color: var(--color-spurs-midnight);
}

/* Hamburger Menu - Account Button */
.accountLink,
.accountLink:hover {
    background: var(--color-spurs-blue);
}

/* Hamburger Menu - Favourites Button */
#menuBody .faveLink {
    background: var(--color-spurs-blue-40);
}

/* Hamburger Menu - Favourites Button Text */
#menuBody .faveLink:after {
    color: var(--color-spurs-blue);
}

/*****************\
    Popout Cart    
\*****************/

.elm00112 {
    background: var(--color-lilywhite);
}

/* Popout Cart Title */
.elm112title h3 {
    color: var(--color-spurs-blue);
}

/* Popout Cart Product Title */
.elm112productTitle a {
    color: var(--color-spurs-blue);
}

/* Popout Cart Product Dimension Description */
.elm112dimDesc {
    color: var(--color-spurs-midnight);
}

/* Popout Cart Product Prices */
.elm112Price .wasprice,
.elm112Price .thenprice,
.elm112Price .nowprice {
    color: var(--color-spurs-midnight);
}

/* Popout Cart Product Quantity Select */
.elm112dropdown {
    background-color: var(--color-spurs-blue-20) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
}

/* Popout Cart Product Quantity Select Disabled */
.elm112dropdown:disabled,
.elm112dropdown[disabled],
.elm112dropdown.disabled,
fieldset[disabled] .elm112dropdown {
    background-color: var(--color-spurs-blue-40) !important;
    border: 1.5px solid var(--color-spurs-blue-80) !important;
}

/* Popout Cart Total */
.elm112total {
    color: var(--color-spurs-blue);
}

/* Popout Cart Checkout Button */
.elm112buttons a.btn {
    border: 1.5px solid var(--color-spurs-blue) !important;
}

/* Popout Cart Checkout Button Hover */
.elm112buttons a.btn:hover {
    border-color: var(--color-spurs-acid-yellow-80) !important;
}

/* Popout Cart Checkout Button Active */
.elm112buttons a.btn:active {
    border-color: var(--color-input-focus-border) !important;
}

/* Popout Cart Checkout Button Focus */
.elm112buttons a.btn:focus {
    border-color: var(--color-input-focus-border) !important;
}

/**************************\
    Free Shipping Banner    
\**************************/

#FreeShippingBanner {
    background-color: var(--color-spurs-midnight) !important;
    color: var(--color-lilywhite) !important;
}

/******************\
    Search Modal    
\******************/

/* Header */
.nxt-ac-main .nxt-ac-header {
    background: var(--color-spurs-blue) !important;
    color: var(--color-lilywhite);
}

/* Popular Searches Item Text */
.nxt-ac-item .nxt-item-txt {
    color: var(--color-spurs-midnight) !important;
}

/* Popular Searches Item Selected */
.nxt-ac-main .nxt-ac-selected {
    background: var(--color-spurs-blue-20) !important;
}

/***********\
    Modal    
\***********/

/* Modal Overlay */
.globale_overlay {
    background-color: var(--color-spurs-midnight) !important;
}

/* Modal Container */
.gePopupsContainer {
    border: 4px solid var(--color-spurs-blue) !important;
}

/* Modal Header Container */
.gePopupsContainer .CustomSwitcherPopup .headerContainer {
    background: var(--color-spurs-blue) !important;
}

/* Modal Header */
.gePopupsContainer .glTitle {
    color: var(--color-spurs-blue);
}

/* Modal Content */
.gePopupsContainer .glMainContent {
    color: var(--color-spurs-midnight) !important;
}

/* Modal Select Label */
.gePopupsContainer .dropDownRow .caption {
    color: var(--color-spurs-blue) !important;
}

/* Modal Select Label */
.gePopupsContainer select {
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue) !important;
}

/* Modal Select Label - Needed to override local styles */
#globale_popup .gePopupsContainer select,
#globale_csc_popup .gePopupsContainer select {
    background-color: var(--color-lilywhite) !important;
}

/* Modal Save Button (But has the class Cancel) */
.gePopupsContainer .CustomSwitcherPopup .glCancelBtn,
.gePopupsContainer .CustomWelcomePopup .backToShop {
    background: var(--color-spurs-blue) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-lilywhite) !important;
}

/* Modal Save Button (But has the class Cancel) Hover */
.gePopupsContainer .CustomSwitcherPopup .glCancelBtn:hover,
.gePopupsContainer .CustomWelcomePopup .backToShop:hover {
    background: var(--color-spurs-acid-yellow-80) !important;
    border: 1.5px solid var(--color-spurs-acid-yellow-80) !important;
    color: var(--color-spurs-blue) !important;
}

/* Modal Save Button (But has the class Cancel) Active */
.gePopupsContainer .CustomSwitcherPopup .glCancelBtn:active,
.gePopupsContainer .CustomWelcomePopup .backToShop:active {
    background: var(--color-spurs-acid-yellow-80) !important;
    border: 1.5px solid var(--color-input-focus-border) !important;
    color: var(--color-spurs-blue) !important;
}

/* Modal Save Button (But has the class Cancel) Focus */
.gePopupsContainer .CustomSwitcherPopup .glCancelBtn:focus,
.gePopupsContainer .CustomWelcomePopup .backToShop:focus {
    border: 1.5px solid var(--color-input-focus-border) !important;
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite) !important; /* To create the double border style */
}

/* Modal Cancel Button */
.gePopupsContainer .CustomSwitcherPopup .Backtoshop,
.gePopupsContainer .CustomWelcomePopup .changeShipping {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue) !important;
}

/* Modal Cancel Button Hover */
.gePopupsContainer .CustomSwitcherPopup .Backtoshop:hover,
.gePopupsContainer .CustomWelcomePopup .changeShipping:hover {
    background-color: var(--color-spurs-blue) !important;
    color: var(--color-lilywhite) !important;
}

/* Modal Cancel Button Active */
.gePopupsContainer .CustomSwitcherPopup .Backtoshop:active,
.gePopupsContainer .CustomWelcomePopup .changeShipping:active {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue) !important;
}

/* Modal Cancel Button Focus */
.gePopupsContainer .CustomSwitcherPopup .Backtoshop:focus,
.gePopupsContainer .CustomWelcomePopup .changeShipping:focus {
    border: 1.5px solid var(--color-spurs-sea-blue) !important;
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue) !important; /* To create the double border style */
}

/************\
    Widget    
\************/

.ui-widget-content {
    color: var(--color-spurs-midnight) !important;
}

/**************\
    Slideout    
\**************/

/* Slideout Close Button */
.ui-dialog .ui-dialog-titlebar-close {
    background-color: transparent !important;
}

/* Slideout Close Button Hover */
.ui-dialog .ui-dialog-titlebar-close:hover {
    background-color: transparent !important;
}

/**********\
    Page    
\**********/

/* Container */
#container {
    background: var(--color-lilywhite);
}

.bodyPAG00041 #MainL {
    background: var(--color-lilywhite) !important;
}

/***************\
    Home Page    
\***************/

/*************\
    6 Block    
\*************/

.COM00250 .catHeader {
    background: transparent;
}

.COM00250 .catHeader h2 {
    color: var(--color-spurs-midnight) !important;
}

/***************\
    Image Row    
\***************/

/* Image Row - Text */
#dy_Homepage_Navigation_Block_1_Image .dytmpl-section .dytmpl-section-text {
    color: var(--color-lilywhite) !important;
}

/* Image Row - Button */
#dy_Homepage_Navigation_Block_1_Image .dytmpl-section .dytmpl-section-button {
    background: var(--color-spurs-blue) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-lilywhite) !important;
}

/* Image Row - Button Hover */
#dy_Homepage_Navigation_Block_1_Image .dytmpl-section .dytmpl-section-button:hover {
    background: var(--color-spurs-acid-yellow-80) !important;
    border: 1.5px solid var(--color-spurs-acid-yellow-80) !important;
    color: var(--color-spurs-blue) !important;
}

/* Image Row - Button Active */
#dy_Homepage_Navigation_Block_1_Image .dytmpl-section .dytmpl-section-button:active {
    background: var(--color-spurs-acid-yellow-80) !important;
    border: 1.5px solid var(--color-input-focus-border) !important;
    color: var(--color-spurs-blue) !important;
}

/* Image Row - Button Focus */
#dy_Homepage_Navigation_Block_1_Image .dytmpl-section .dytmpl-section-button:focus {
    border: 1.5px solid var(--color-input-focus-border) !important;
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite) !important; /* To create the double border style */
}

/****************************\
    Tabbed Recommendations    
\****************************/

/* Tabbed Recommendations - Tab */
button.tablinks_13378273 {
    color: var(--color-spurs-blue) !important;
}

/* Tabbed Recommendations - Tab Hover/Active */
button.tablinks_13378273:hover,
button.tablinks_13378273.active {
    border-bottom: 2px solid var(--color-spurs-sea-blue) !important;
    color: var(--color-spurs-sea-blue) !important;
}

/* Tabbed Recommendations - Product Card Title */
.tabbed_recs_product_name_13378273 {
    color: var(--color-spurs-midnight);
}

/* Tabbed Recommendations - Product Card Price */
.tabbed_recs_product_price_13378273 {
    color: var(--color-spurs-midnight);
}

/*****************\
    Kit Builder    
\*****************/

/* Kit Builder - Container */
#elm303wrapper {
    background: var(--color-spurs-grey);
}

.elm303title h3 {
    color: var(--color-spurs-blue);
}

/* Kit Builder - Fullscreen Button */
#fullscreenBtn {
    background: var(--color-spurs-blue);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Kit Builder - Fullscreen Button Mobile */
@media (max-width: 769px) {
    #fullscreenBtn {
        background: transparent !important;
    }
}

/* Kit Builder - Fullscreen Button Hover */
#fullscreenBtn:hover,
#fullscreenBtn.hover {
    background: var(--color-spurs-acid-yellow-80);
    color: var(--color-spurs-blue);
}

/* Kit Builder - Fullscreen Button Hover Mobile */
@media (max-width: 769px) {
    #fullscreenBtn:hover,
    #fullscreenBtn.hover {
        background: transparent !important;
        color: var(--color-lilywhite) !important;
    }
}

/* Kit Builder - Fullscreen Button Active */
#fullscreenBtn:active,
#fullscreenBtn.active {
    background: var(--color-spurs-acid-yellow-80);
    border: 1.5px solid var(--color-input-focus-border);
    color: var(--color-spurs-blue);
}

/* Kit Builder - Fullscreen Button Active Mobile */
@media (max-width: 769px) {
    #fullscreenBtn:active,
    #fullscreenBtn.active {
        background: transparent;
        border: 1.5px solid var(--color-input-focus-border);
        color: var(--color-lilywhite) !important;
    }
}

/* Kit Builder - Fullscreen Button Focused */
#fullscreenBtn:focus,
#fullscreenBtn.focus {
    border: 1.5px solid var(--color-input-focus-border);
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite); /* To create the double border style */
}

/* Kit Builder - Fullscreen Button Focus Mobile */
@media (max-width: 769px) {
    #fullscreenBtn:focus,
    #fullscreenBtn.focus {
        border: none;
        box-shadow: none;
    }
}

/* Kit Builder - Fullscreen Button Disabled */
#fullscreenBtn.disabled,
#fullscreenBtn[disabled],
fieldset[disabled] #fullscreenBtn {
    background: var(--color-spurs-blue-20) !important;
    opacity: 1;
}

/* Kit Builder - Alert */
#textAlert {
    background: var(--color-spurs-red-20);
    border: 1.5px solid var(--color-spurs-red);
    color: var(--color-spurs-red);
}

/* Kit Builder - Badge Select */
.dd-select {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue) !important;
}

/* Kit Builder - Badge Label */
#selBadge label {
    color: var(--color-spurs-blue) !important;
}

#elm303wasPrice .wasprice,
#elm303thenPrice .thenprice,
#elm303nowPrice .nowprice {
    color: var(--color-spurs-blue);
}

/* Kit Builder - Purchase Button */
#purchaseBtn {
    background: var(--color-spurs-acid-yellow) !important;
    border: 1.5px solid var(--color-spurs-acid-yellow);
    color: var(--color-spurs-blue) !important;
}

/* Kit Builder - Purchase Button Hover */
#purchaseBtn:hover,
#purchaseBtn.hover {
    opacity: 0.8;
}

/* Kit Builder - Purchase Button Active */
#purchaseBtn:active,
#purchaseBtn.active {
    opacity: 0.7;
}

/* Kit Builder - Purchase Button Focused */
#purchaseBtn:focus,
#purchaseBtn.focus {
    border: 1.5px solid var(--color-input-focus-border);
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite); /* To create the double border style */
}

/* Kit Builder - Purchase Button Disabled */
#purchaseBtn.disabled,
#purchaseBtn[disabled],
fieldset[disabled] #purchaseBtn {
    background: var(--color-spurs-acid-yellow-20) !important;
    opacity: 1;
}

/*************\
    USP Bar    
\*************/

#USPbar {
    background-color: var(--color-spurs-blue-20);
}

/********************\
    Product Images    
\********************/

#elm289CarNav,
#elm288CarNav,
#elm344CarNav {
    background: var(--color-lilywhite);
}

/*************************\
    Product Information    
\*************************/

/* Product Title */
h1.elm288_title,
h1.elm289_title,
h1.elm344_title {
    color: var(--color-spurs-blue);
}

/* Product Title Favourite Button */
.elm288titleContainer .favouriteBtn,
.elm289titleContainer .favouriteBtn,
.elm344titleContainer .favouriteBtn {
    background-color: transparent !important;
}

/* Product Title Favourite Button Hover */
.elm288titleContainer .favouriteBtn:hover,
.elm289titleContainer .favouriteBtn:hover,
.elm344titleContainer .favouriteBtn:hover {
    background-color: transparent !important;
}

/* Product Title Favourite Button Active */
.elm288titleContainer .favouriteBtn:active,
.elm289titleContainer .favouriteBtn:active,
.elm344titleContainer .favouriteBtn:active {
    background-color: transparent !important;
}

/* Product Title Favourite Button Focus */
.elm288titleContainer .favouriteBtn:focus,
.elm289titleContainer .favouriteBtn:focus,
.elm344titleContainer .favouriteBtn:focus {
    background-color: transparent !important;
}

/* Product Was Price */
.wasprice {
    color: var(--color-spurs-blue-40);
}

/* Product Then Price */
.thenprice {
    color: var(--color-spurs-blue-40);
}

/* Product Price */
#elm288_pricing,
#elm289_pricing,
#elm344_pricing {
    color: var(--color-spurs-blue);
}

/* Product Size Guide */
#sizeGuide {
    background: transparent !important;
}

/* Product Options - Size Label */
#elm288dimensions .form-group label,
#elm289dimensions .form-group label,
#elm344dimensions .form-group label {
    color: var(--color-spurs-midnight);
}

/* Product Options - Sizes */
.elm288DivDim,
.elm289DivDim,
.elm344DivDim {
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-midnight);
}

/* Product Options - Sizes Disabled */
.elm288DivDim[data-levelno="3"],
.elm289DivDim[data-levelno="3"],
.elm344DivDim[data-levelno="3"] {
    background: linear-gradient(to right bottom, 
        var(--color-spurs-blue-20) calc(50% - .75px), 
        var(--color-spurs-blue) calc(50%), 
        var(--color-spurs-blue-20) calc(50% + .75px)
    );
}

.elm288Dim1Selected,
.elm288Dim2Selected,
.elm289Dim1Selected,
.elm289Dim2Selected,
.elm344Dim1Selected,
.elm344Dim2Selected {
    background: var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Product Options - Personalisation Label */
.elm288persContainer .form-group label,
.elm289persContainer .form-group label,
.elm344persContainer .form-group label {
    color: var(--color-spurs-midnight);
}

/* Product Options - Personalisation Error */
.elm344error div {
    color: var(--color-spurs-red);
}

/* Product Options - Personalisation Option */
#elm288personalisation .ui-state-default,
#elm289personalisation .ui-state-default,
#elm344personalisation .ui-state-default {
    background: var(--color-lilywhite);
    border: 1px solid var(--color-spurs-blue) !important;
}

/* Product Options - Personalisation Option Label */
#elm288personalisation .ui-state-default a,
#elm289personalisation .ui-state-default a,
#elm344personalisation .ui-state-default a {
    color: var(--color-spurs-blue);
}

/* Product Options - Personalisation Option Selected */
#elm288personalisation .ui-state-active,
#elm289personalisation .ui-state-active,
#elm344personalisation .ui-state-active {
    background: var(--color-spurs-blue);
}

/* Product Options - Personalisation Option Label Selected */
#elm288personalisation .ui-state-active a,
#elm289personalisation .ui-state-active a,
#elm344personalisation .ui-state-active a {
    color: var(--color-lilywhite);
}

/* Product Options - Personalisation Options Message */
.elm288selectDimMessage,
.elm289selectDimMessage,
.elm344selectDimMessage {
    color: var(--color-spurs-red);
}

/* Product Options - Quantity Label */
#elm288buyContainer .form-group label,
#elm289buyContainer .form-group label,
#elm344buyContainer .form-group label {
    color: var(--color-spurs-midnight);
}

/* Product Quantity Input Container */
.elm288_qtybtns,
.elm289_qtybtns,
.elm344_qtybtns {
    border: 1.5px solid var(--color-spurs-blue);
}

/* Product Quantity Input Minus Button */
.elm288QtyMinusBtn,
.elm289QtyMinusBtn,
.elm344QtyMinusBtn {
    color: var(--color-spurs-blue);
}

/* Product Quantity Input Value */
.elm288QtyDisplay,
.elm289QtyDisplay,
.elm344QtyDisplay {
    color: var(--color-spurs-blue);
}

/* Product Quantity Input Plus Button */
.elm288QtyPlusBtn,
.elm289QtyPlusBtn,
.elm344QtyPlusBtn {
    color: var(--color-spurs-blue);
}

/* Product Added to Basket Message */
.elm288AddedMsg,
.elm289AddedMsg,
.elm344AddedMsg {
    background: var(--color-spurs-acid-yellow);
    border: 1.5px solid var(--color-spurs-midnight);
    color: var(--color-spurs-midnight);
}

/* Product Added to Basket Link */
.elm288AddedBtn,
.elm289AddedBtn,
.elm344AddedBtn {
    color: var(--color-spurs-midnight);
}

/* Product Description */
#elm288Description,
.elm288Description,
#elm289Description,
.elm289Description,
#elm344Description,
.elm344Description {
    color: var(--color-spurs-midnight);
}

/* Product Description - Delivery Button */
.elm288delBtn,
.elm289delBtn,
.elm344delBtn {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Delivery Button Hover */
.elm288delBtn:hover,
.elm289delBtn:hover,
.elm344delBtn:hover {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Delivery Button Active */
.elm288delBtn:active,
.elm289delBtn:active,
.elm344delBtn:active {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Delivery Button Focus */
.elm288delBtn:focus,
.elm289delBtn:focus,
.elm344delBtn:focus {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description */
#elm288Description p,
.elm288Description p,
#elm289Description p,
.elm289Description p,
#elm344Description p,
.elm344Description p {
    color: var(--color-spurs-midnight);
}

/* Product Description - Code */
#elm288_code,
.elm289code,
#elm344_code,
.elm288_codelabel,
.elm289_codelabel,
.elm344_codelabel {
    color: var(--color-spurs-midnight);
}

/* Product Description - UF Fields? */
.uf-FieldWrap,
.uf-FieldHead,
.uf-FieldData {
    color: var(--color-spurs-midnight);
}

/* Product Description - Sustainability */
#sustainLink .uf-FieldHead,
.sustainLink .uf-FieldHead {
    color: var(--color-spurs-red);
}

/* Product Description - Read More Button */
.elm288readMore,
.elm289readMore,
.elm344readMore {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Read More Button Hover */
.elm288readMore:hover,
.elm289readMore:hover,
.elm344readMore:hover {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Read More Button Active */
.elm288readMore:active,
.elm289readMore:active,
.elm344readMore:active {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Read More Button Focus */
.elm288readMore:focus,
.elm289readMore:focus,
.elm344readMore:focus {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Ask A Question */
#yotpoAsk,
#yotpoAsk span {
    color: var(--color-spurs-midnight);
}

/* Product Description - Description Button Mobile */
#elm288descBtn,
#elm289descBtn,
#elm344descBtn {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Ask A Question Button Mobile */
#yotpoAsk2,
#yotpoAsk2 span {
    color: var(--color-spurs-midnight) !important;
}

/* Product Description - Delivery Button Mobile */
#mobDelReturnBtn {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/*****************\
    Zoom Modal    
\*****************/

/* Zoom Title */
.elm288zoomTitle h1,
.elm289zoomTitle h1,
.elm344zoomTitle h1 {
    color: var(--color-spurs-midnight);
}

.elm288zoomClose,
.elm289zoomClose,
.elm344zoomClose {
    background-color: transparent !important;
}

.elm288zoomClose:hover,
.elm289zoomClose:hover,
.elm344zoomClose:hover {
    background-color: transparent !important;
}

.elm288zoomClose:active,
.elm289zoomClose:active,
.elm344zoomClose:active {
    background-color: transparent !important;
}

/************************\
    Delivery & Returns    
\************************/

/* Delivery Accordian Header */
#accordion h3 {
    background: var(--color-lilywhite) !important;
    color: var(--color-spurs-midnight) !important;
}

/* Delivery Accordian Table */
#accordion table {
    color: var(--color-spurs-midnight);
}

/****************\
    Size Guide    
\****************/

#sizingGuide .menu_section ul {
    background: var(--color-lilywhite);
}

.mensNikebtn,
.womensshortsbtn,
.mensjoggersbtn,
.mensshortsbtn,
.womensNikebtn,
.kidsNikebtn,
.lkNikebtn,
.babyNikebtn,
.menstopsbtn,
.mensjoggersbtn,
.womenstopsbtn,
.menscyclingbtn,
.womenscyclingbtn {
    background: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
    color: var(--color-spurs-blue) !important;
}

.mensNikebtn.Active,
.womensshortsbtn.Active,
.mensjoggersbtn.Active,
.mensshortsbtn.Active,
.womensNikebtn.Active,
.kidsNikebtn.Active,
.lkNikebtn.Active,
.babyNikebtn.Active,
.menstopsbtn.Active,
.mensjoggersbtn.Active,
.womenstopsbtn.Active,
.menscyclingbtn.Active,
.womenscyclingbtn.Active,
.mensNikebtn:hover,
.womensshortsbtn:hover,
.mensjoggersbtn:hover,
.mensshortsbtn:hover,
.womensNikebtn:hover,
.kidsNikebtn:hover,
.lkNikebtn:hover,
.babyNikebtn:hover,
.menstopsbtn:hover,
.mensjoggersbtn:hover,
.womenstopsbtn:hover,
.menscyclingbtn:hover,
.womenscyclingbtn:hover,
.mensNikebtn:focus,
.womensshortsbtn:focus,
.mensjoggersbtn:focus,
.mensshortsbtn:focus,
.womensNikebtn:focus,
.kidsNikebtn:focus,
.lkNikebtn:focus,
.babyNikebtn:focus,
.menstopsbtn:focus,
.mensjoggersbtn:focus,
.womenstopsbtn:focus,
.menscyclingbtn:focus,
.womenscyclingbtn:focus {
    background-color: var(--color-spurs-acid-yellow) !important;
}

#sizingGuide .nav-pills > li > a {
    background: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

#sizingGuide .nav-pills > li.active > a,
#sizingGuide .nav-pills > li > a:hover,
#sizingGuide .nav-pills > li > a:focus {
    background-color: var(--color-spurs-acid-yellow) !important;
}

/***********************\
    You May Also Like    
\***********************/

/* You May Also Like - Container */
.module.COM00173 {
    background: var(--color-lilywhite);
}

/* You May Also Like */
#elm288_relatedProds,
#elm289_relatedProds {
    background: var(--color-lilywhite);
}

/* You May Also Like Mobile */
@media (max-width: 767px) {
    #elm288_relatedProds,
    #elm289_relatedProds {
        background: var(--color-lilywhite);
    }
}

/* You May Also Like - Product Card Title */
.elmrelDesc a {
    color: var(--color-spurs-midnight);
}

/* You May Also Like - Product Card Price */
.elmrelPriceWrapper .elmrelPrice {
    color: var(--color-spurs-midnight);
}

/*****************\
    Quick Info     
\*****************/

/* Quick Info */
#quickInfoDialog {
    background: var(--color-lilywhite);
}

/* Quick Info Title */
.qiProdTitle {
    color: var(--color-spurs-blue);
}

/* Quick Info Price */
.qinowprice {
    color: var(--color-spurs-blue);
}

/* Quick Info Link */
.qiProdLink a {
    color: var(--color-spurs-blue) !important;
}

/* Quick Info Input Labels */
.qiDim1Container label,
.qiDim2Container label,
.qiQtyDim label {
    color: var(--color-spurs-blue);
}

/* Quick Info Input Select */
.qiDim1Container select,
.qiDim2Container select,
#qiQuantity {
    border: 1.5px solid var(--color-spurs-blue) !important;
}

/*********************\
    Delivery Banner    
\*********************/

/* Delivery Banner */
.deliveryBanner {
    background: var(--color-spurs-sea-blue);
}

/* Delivery Banner - Text */
.deliveryBanner p {
    color: var(--color-spurs-blue);
}

/***************************\
    Recently Viewed Items    
\***************************/

/* Recently Viewed Items - Title */
.elm291ViewedItems h4 {
    color: var(--color-spurs-blue);
}

/****************\
    Breadcrumb    
\****************/

/* Breadcrumb - Wrapper */
.elm00003 {
    color: var(--color-spurs-blue);
    background: var(--color-lilywhite);
}

/* Breadcrumb - Text */
.elm03BreadCrumb a {
    background: var(--color-lilywhite);
}

/***************\
    UI Dialog    
\***************/

/* UI Dialog - Title */

.ui-dialog .ui-dialog-title {
    color: var(--color-spurs-blue);
}

/*************************\
    Product Player Page    
\*************************/

/********************\
    Player Profile    
\********************/

/* Player Text */
#profile-player-text h1 {
    color: var(--color-spurs-blue) !important;
}

/* Player Text */
#profile-player-text h4,
#profile-player-text p {
    color: var(--color-spurs-midnight) !important;
}

/*****************************\
    Shop By Player Carousel    
\*****************************/

.COM00146 > div {
    background: var(--color-spurs-midnight) !important;
}

.gallery2 {
    background: transparent !important;
}

/* Shop By Player Carousel Title */
#profile-player-shop h1 {
    color: var(--color-lilywhite) !important;
}

#profile-player-shop h1 span {
    border-bottom: 5px solid var(--color-spurs-sea-blue) !important;
}

/*******************\
    Cookie Banner    
\*******************/

.cookieControl {
    background: var(--color-spurs-midnight);
    color: var(--color-lilywhite);
}

/* Cookie Banner - Yes Button */
.cookieCtlButtons.yes {
    background: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue) !important;
}

/****************\
    Collection    
\****************/

#elm206outWrapper {
    background: var(--color-lilywhite);
}

/************************\
    Collection Buttons    
\************************/

/* Collection Buttons - Filter Button */
.elm206FilterDialogBtn {
    background: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Filter Button Hover */
.elm206FilterDialogBtn:hover {
    background-color: var(--color-spurs-blue) !important;
    color: var(--color-lilywhite);
}

/* Collection Buttons - Filter Button Active */
.elm206FilterDialogBtn:active {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Filter Button Focus */
.elm206FilterDialogBtn:focus {
    border: 1.5px solid var(--color-spurs-sea-blue);
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue); /* To create the double border style */
}

/* Collection Buttons - Sort Button */
#facetedSort {
    background: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Sort Button Hover */
#facetedSort:hover {
    background-color: var(--color-spurs-blue) !important;
    color: var(--color-lilywhite) !important;
}

/* Collection Buttons - Sort Button Active */
#facetedSort:active {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Sort Button Focus */
#facetedSort:focus {
    border: 1.5px solid var(--color-spurs-sea-blue) !important;
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue); /* To create the double border style */
}

/* Collection Buttons - Image Type Button */
.elm206ImgTypeBtn {
    background: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Image Type Button Hover */
.elm206ImgTypeBtn:hover {
    background-color: var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Collection Buttons - Image Type Button Active */
.elm206ImgTypeBtn:active {
    background-color: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Image Type Button Focus */
.elm206ImgTypeBtn:focus {
    border: 1.5px solid var(--color-spurs-sea-blue);
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue) !important; /* To create the double border style */
}

/* Collection Buttons - Image Type Button Selected */
.elm206ImgTypeBtnSelected {
    background: var(--color-spurs-blue);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Collection Buttons - Image Type Button Selected Hover */
.elm206ImgTypeBtnSelected:hover {
    background-color: var(--color-spurs-blue) !important;
}

/* Collection Buttons - Image Type Button Selected Active */
.elm206ImgTypeBtnSelected:active {
    background-color: var(--color-spurs-blue) !important;
    color: var(--color-lilywhite);
}

/* Collection Buttons - Image Type Button Selected Focus */
.elm206ImgTypeBtnSelected:focus {
    border: 1.5px solid var(--color-spurs-sea-blue);
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue); /* To create the double border style */
}

/* Collection Buttons - Fast Filters */
.dy_topnav_link_swipe_container {
    background: var(--color-lilywhite);
}

/* Collection Buttons - Fast Filters */
a.dy_topnav_link_swipe {
    background: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Collection Buttons - Fast Filters Hover */
a.dy_topnav_link_swipe:hover {
    background: var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Collection Buttons - Fast Filters Focus */
a.dy_topnav_link_swipe:focus {
    border: 1.5px solid var(--color-input-focus-border);
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue); /* To create the double border style */
}

/*****************************\
    Collection Filter Panel    
\*****************************/

.e206PriceSlider {
    color: var(--color-spurs-midnight);
}

/* Price Filter Handle */
#respPrice .noUi-handle {
    border: 1.5px solid var(--color-spurs-midnight);
    background: var(--color-spurs-blue);
}

/* Filter Value */
.elm206FilterProfile {
    background-color: var(--color-lilywhite);
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

.elm206FilterProfile[id=" checked"] {
    background-color: var(--color-spurs-acid-yellow);
}

/* Modal Cancel Button Hover */
.e206checkwrap .elm206FilterProfile:hover {
    background-color: var(--color-spurs-acid-yellow-20);
}

/* Filter Value Selected */
.e206checkwrap .elm206GroupTicked {
    background-color: var(--color-spurs-acid-yellow) !important;
}

/*****************************\
    Collection Product Grid    
\*****************************/

/* Collection Product Grid */
#elm206facetedSearch,
.elm206facetedSearch,
.elm206ProductBegins {
    background: var(--color-lilywhite) !important;
}

/* Collection Product Grid Mobile */
@media (max-width: 767px) {
    #elm206facetedSearch,
    .elm206facetedSearch,
    .elm206ProductBegins {
        background: var(--color-lilywhite);
    }
}

/* Collection Product Card */
.elm206product {
    border: none;
}

/* Collection Product Card Description */
.elm206Desc a {
    color: var(--color-spurs-midnight) !important;
}

/* Collection Product Card Then Price */
.elm206PriceVal {
    color: var(--color-spurs-midnight-40);
}

/* Collection Product Card Price */
.elm206PriceVal.elm206Price {
    color: var(--color-spurs-midnight) !important;
}

/* Collection Product Card Price Mobile */
@media (max-width: 767px) {
    .elm206PriceVal.elm206Price {
        color: var(--color-spurs-midnight) !important;
    }
}

/* Collection Product Grid Show More Button */
.elm206ShowMoreInput {
    background: var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Collection Best Seller Badge */
.elm206BPOS {
    background: var(--color-spurs-acid-yellow) !important;
    color: var(--color-spurs-midnight) !important;
}

/**********\
    Cart    
\**********/

/* Cart Header */
.elm340Head {
    background: var(--color-lilywhite);
}

/* Cart Product Card */
.elm340product {
    border: 1.5px solid var(--color-spurs-midnight);
}

/* Cart Product Card Remove Button */
.elm340product .elm340delete,
.elm340product .elm340delete:hover,
.elm340product .elm340delete:focus,
.elm340product .elm340delete:active {
    background-color: transparent !important;
    border: none !important;
}

/* Cart Product Card Product Title */
.elm340productTitle a {
    color: var(--color-spurs-midnight);
}

/* Cart Product Card Product Code */
.elm340pno {
    color: var(--color-spurs-midnight);
}

/* Cart Product Card Product Price & Quantity */
.elm340priceQty {
    color: var(--color-spurs-midnight);
}

/* Cart Product Card Product Edit Button */
.elm340persBtn {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Cart Product Card Product Edit Button Hover */
.elm340persBtn:hover {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Cart Product Card Product Edit Button Active */
.elm340persBtn:active {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Cart Product Card Product Edit Button Focus */
.elm340persBtn:focus {
    background-color: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Cart Product Card Quantity Button */
.elm340qtyBtns .elm340qtyBtn {
    background-color: var(--color-lilywhite) !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Product Card Quantity Button Hover */
.elm340qtyBtns .elm340qtyBtn:hover {
    background-color: var(--color-lilywhite) !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Product Card Quantity Down Button */
.elm340qtyBtns .elm340qtyBtnDown {
    border: 1.5px solid var(--color-spurs-blue) !important;
    border-right: none !important;
}

/* Cart Product Card Quantity Up Button */
.elm340qtyBtns .elm340qtyBtnUp {
    border: 1.5px solid var(--color-spurs-blue) !important;
    border-left: none !important;
}

/* Cart Product Card Product Before Price */
.elm340prodBefore,
.elm340prodBefore label {
    color: var(--color-spurs-midnight);
}

/* Cart Product Card Product After Price */
.elm340prodSubTot {
    color: var(--color-spurs-red);
}

/* Cart Continue Shopping Button */
#backShopping {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Continue Shopping Button Hover */
#backShopping:hover {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Continue Shopping Button Active */
#backShopping:active {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Continue Shopping Button Focus */
#backShopping:focus {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart RHS Section */
.elm340total {
    background: var(--color-lilywhite) !important;
}

.elm340totalInner {
    background: var(--color-lilywhite) !important;
}

/* Cart Summary Total Price */
.elm340_totalLabel {
    color: var(--color-spurs-red);
}

/* Cart Checkout Button */
.elm340checkoutGTMBtn .btn {
    background-color: var(--color-spurs-blue) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-lilywhite) !important;
}

/* Cart Checkout Button Hover */
.elm340checkoutGTMBtn .btn:hover {
    background-color: var(--color-spurs-acid-yellow-80) !important;
    border-color: var(--color-spurs-acid-yellow-80);
    color: var(--color-spurs-blue) !important;
}

/* Cart Checkout Button Active */
.elm340checkoutGTMBtn .btn:active {
    background-color: var(--color-spurs-acid-yellow-80) !important;
    border-color: var(--color-input-focus-border);
    box-shadow: none;
    color: var(--color-spurs-blue) !important;
}

/* Cart Checkout Button Focus */
.elm340checkoutGTMBtn .btn:focus {
    border: 1.5px solid var(--color-input-focus-border);
    box-shadow: inset 0 0 0 1.5px var(--color-lilywhite); /* To create the double border style */
}

/* Cart Age Restricted Message */
#elm340ageRestricted {
    background: transparent;
}

/* Cart Age Restricted Message Alert */
#elm340ageRestricted.elm340ageRestrictAlert {
    background: var(--color-spurs-red-20) !important;
    border: 1.5px solid var(--color-spurs-red);
}

/* Cart Promo Code Title */
.elm340codelabel {
    background: transparent !important;
    color: var(--color-spurs-midnight) !important;
}

/* Cart Promo Code Apply Button */
.elm340sourceBtn {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Promo Code Apply Button Hover */
.elm340sourceBtn:hover {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Promo Code Apply Button Active */
.elm340sourceBtn:active {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Promo Code Apply Button Focus */
.elm340sourceBtn:focus {
    background-color: transparent !important;
    color: var(--color-spurs-blue) !important;
}

/* Cart Postage Options */
.elm340delMethContainer {
    background: var(--color-spurs-blue-20);
}

/* Cart Postage Options Title */
.elm340delMethTitle {
    color: var(--color-spurs-midnight);
}

/****************************\
    Basket Recommendations    
\****************************/

.module.COM00035 {
    background: transparent;
}

/* Basket Recommendations */
.basket-recs {
    background: transparent;
}

/* Basket Recommendations Product Description */
.basket-recs .rec_name {
    color: var(--color-spurs-midnight) !important;
}

/* Basket Recommendations Product Price */
.basket-recs .rec_price {
    color: var(--color-spurs-midnight) !important;
}

/**************\
    Checkout    
\**************/

/* Checkout Error Message */
.site-inline-error {
    color: var(--color-spurs-red);
}

select[name="pcList"] {
    border: 1.5px solid var(--color-spurs-blue) !important;
}

.elm330delEdit button {
    background-color: var(--color-spurs-blue);
    border: 1.5px solid var(--color-spurs-blue);
}

/* Checkout Delivery Options Title */
.elm330DelOpt h5 {
    color: var(--color-spurs-midnight);
}

/* Checkout Delivery Options Details Container */
.elm330Add,
.elm330Pickup,
.elm330HomePhone {
    color: var(--color-spurs-blue);
}

/* Checkout PayPal Button */
#elm330PayContainerId .elm330PayPalImg {
    background-color: transparent !important;
}

.elm330Modal {
    background: var(--color-spurs-blue-40);
}

.elm330OrderSummaryOpen {
    background: var(--color-spurs-midnight);
    color: var(--color-lilywhite);
}

/**************\
    Wishlist    
\**************/

/* Wishlist Header */
.elm293headWrap {
    background: var(--color-lilywhite);
}

/* Wishlist Title */
.elm293headWrap h1 {
    color: var(--color-spurs-midnight);
}

/* Wishlist Item Count */
.elm293ItemCount {
    background: var(--color-lilywhite);
    color: var(--color-spurs-midnight);
}

/* Wishlist Sort Button */
#elm293sort {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Wishlist Sort Button Hover */
#elm293sort:hover {
    background-color: var(--color-spurs-blue) !important;
    color: var(--color-lilywhite) !important;
}

/* Wishlist Sort Button Active */
#elm293sort:active {
    background-color: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue);
}

/* Wishlist Sort Button Focus */
#elm293sort:focus {
    border: 1.5px solid var(--color-spurs-sea-blue) !important;
    box-shadow: inset 0 0 0 1.5px var(--color-spurs-blue); /* To create the double border style */
}

/* Wishlist Product Title */
.elm293productTitle a {
    color: var(--color-spurs-midnight) !important;
}

/* Wishlist Product Was Price */
.elm293wasPrice {
    color: var(--color-spurs-midnight-40);
}

/* Wishlist Product Price */
.elm293Price {
    color: var(--color-spurs-midnight);
}

/* Wishlist Product Dimensions */
.elm293dimensions {
    color: var(--color-spurs-midnight);
}

/* Wishlist Product Delete Button */
.elm293delBtn .btn {
    background-color: transparent !important;
}

/* Wishlist Product Delete Button */
.elm293delBtn .btn:hover,
.elm293delBtn .btn:active,
.elm293delBtn .btn:focus {
    background-color: transparent !important;
}

/*********\
    404    
\*********/

.container404 {
    background: var(--color-lilywhite);
}

.container404 h1 {
    color: var(--color-spurs-midnight);
}

/****************\
    First Team    
\****************/

/* First Team Hero Title */
#collection-hero-container div h1 {
    color: var(--color-lilywhite) !important;
}

/* First Team Hero Player Card Number */
.collection-grid-item-textbox-number h1 {
    color: var(--color-spurs-blue) !important;
}

/*****************\
    Search Page    
\*****************/

/* Search Page Title Container */
.elm206titleContainer {
    background: var(--color-lilywhite);
}

/* Search Page Title */
.elm206h2 {
    background: transparent;
    color: var(--color-spurs-midnight);
}

/* Search Page Pagination */
.nxt-pagination-list {
    border-left-color: var(--color-spurs-blue) !important;
}

/* Search Page Pagination Item */
.nxt-pagination-list li {
    background: var(--color-spurs-blue) !important;
    border: 1.5px solid var(--color-spurs-blue) !important;
}

/* Search Page Pagination Item Active */
.nxt-pagination-list .nxt-current {
    background: var(--color-lilywhite) !important;
}

/* Search Page Pagination */
.nxt-pagination-list li a {
    color: var(--color-lilywhite);
}

/***************************\
    Single Pages - Header    

    COM00013 Contact Us
    COM00017 Terms and Conditions
    COM00024 Privacy Policy
    COM00025 Click and Collect
    COM00034 Newsletter
    COM00220 Tickets
    elm00031 Account
    elm00035 Account Address
    elm00171 Store Locator
    elm00243 Shop Details
    elm00304 Order Tracker
\***************************/

/* Title Container */
.headWrap,
.elm31headWrap,
.elm35h2,
.elm171headWrap,
.elm243headWrap,
.elm304headWrap {
    background: transparent;
}

/* Title */
.headWrap h1,
.elm31headWrap h1,
.elm35h2 h1,
.elm171headWrap h1,
.elm243headWrap h1,
.elm304headWrap h1 {
    color: var(--color-spurs-blue);
}

/******************\
    Address Page    
\******************/

.elm35maindetails h3 {
    color: var(--color-spurs-midnight);
}

/****************\
    Contact Us    
\****************/

/* Contact Us Containers */
.contactpage .trackorder,
.contactpage .ordered,
.contactpage .ordering {
    background: var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/*******************\
    Order Tracker    
\*******************/

/* Order Tracker Forgotten Button Container */
.elm304order_tracker .elm304forgotten_order .btn {    
    background-color: var(--color-spurs-blue);
    color: var(--color-lilywhite);
}

/* Alert Container */
.alert-danger {
    background-image: none;
    background-color: var(--color-spurs-red-20);
    border: 1.5px solid var(--color-spurs-red);
    color: var(--color-spurs-red);
}

/* Order Tracker Order Details Product Card Title */
.elm304productTitle h3 {
    color: var(--color-spurs-midnight) !important;
}

/* Order Tracker Order Details Product Card Price */
.elm304price {
    color: var(--color-spurs-midnight);
}

/*******************\
    Store Locator    
\*******************/

/* Store Locator Area List Item Title */
.elm171storefinder .list-divider {
    color: var(--color-spurs-blue) !important;
}

/* Store Locator Area Link */
.elm171storefinder .elm171_area a {
    color: var(--color-spurs-midnight);
}

/* Store Locator Postcode Input Button */
.elm171storefinder .elm171postcodebox .elm171buttoninput {
    background-color: transparent !important;
}

/*************\
    Tickets    
\*************/

.staticBody {
    background: transparent;
    color: var(--color-spurs-midnight);
}

/************\
    Footer    
\************/

#siteInfo {
    background: var(--color-spurs-blue);
}

.topFooter h3,
.topFooter a {
    color: var(--color-lilywhite);
}

.topFooter ul li a:hover {
    color: var(--color-lilywhite) !important;
}

.bottomFooter p,
.bottomFooter a {
    color: var(--color-lilywhite);
}

/* Footer - Payment Icons */
.footerCards li {
    background: var(--color-lilywhite);
}

/* Footer - Copyright */
.copyright {
    color: var(--color-lilywhite);
}

/***************\
    Accordion    
\***************/

/* Accordion Section Title */
.ui-accordion .ui-accordion-header {
    background: var(--color-spurs-blue-20) !important;
    color: var(--color-spurs-midnight) !important;
}

/**********************\
    Size Guide Modal    
\**********************/

/* Table Header */
.sizeTable th {
    background: var(--color-spurs-blue);
}

/* Dimension Button Container */
.measurebuttons {
    background: transparent !important;
}

/* Dimension Buttons */
.measurebuttons div {
    background: var(--color-lilywhite) !important;
    border: 1.5px solid var(--color-spurs-blue);
    color: var(--color-spurs-blue) !important;
}

.measurebuttons div.Active,
.measurebuttons div:hover,
.measurebuttons div:focus {
    background-color: var(--color-spurs-acid-yellow) !important;
}

/* Needed for the Nike section */
.sizeTable td[colspan="3"],
.sizeTable td[colspan="4"],
.sizeTable td[colspan="5"],
.sizeTable td[colspan="6"] {
    background: transparent !important;
    color: var(--color-spurs-midnight) !important;
}