:root {
    --menuBackground: #54008B;
    --menuIconBackground: #54008B;
    --menuText: #fff;
    --menuSelected: #003300;
    --menuSelectedText: #fff;
    --menuBorder: #587815;
    --menuIcon: #fff;
    --menuIconSelected: #fff;
    --loginMenu: #54008B;
    --loginText: #fff;
    --entryMenu: #FAC730;
    --entryMenuText: #000;
    --breadcrumb: #fff;
    --breadcrumbText: #54008B;
    --eventDDL: #54008B;
    --topHeaderBackground: #003300;
    --headerBackground: #003300;
    --headerTopText: #fff;
    --headerText: #fff;
    --stickyHeaderText: #fff;
    --highlight: #fff;
    --highlightText: #54008B;
    --footerLinkText: #fff;
    --footerParaText: #a5a5a5;
    --footerLogoText: #fff;
    --footerHeading: #FAC730;
    --footerBackground: #003300;
    --footerCopyrightLink: #fff;
    --button: #54008B;
    --buttonText: #fff;
    --score-header: #003300;
    --score-header-text: #fff;
    --scorePod: #691370;
    --scorePodText: #fff;
    --drawLine: #54008B;
    --drawSplit: #fff;
    --barBackground: #5a3686;
    --barText: #fff;
    --barHeadingText: #fff;
    --primary: #54008B;
    --sc-primary: #003300;
    --danger: #fe5a0e;
    --warning: #ffae00;
    --bright: #FDE428;
}

.menu:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/bg/wimbledon-open-sidebar.jpg);
    opacity: 0.2;
    z-index: -2;
}

.stickyhead:before, .simpleHeader:before {
    background-image: url(../../images/bg/header-bg.jpg);
    opacity: 0.08;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

section#FooterRow:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(../../images/bg/sponsors-bg.jpg);
    opacity: 0.1;
    background-repeat: no-repeat;
    background-size: cover;
}

.ffoot:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(../../images/bg/wimbledon-footer-bg.jpg);
    opacity: .05;
    /* z-index: auto; */
    background-repeat: no-repeat;
    background-size: cover;
}

body {
    background-color: #fff;
    position: relative;
}

    body:before {
        position: fixed;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: url(../../images/bg/page-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        opacity: 0.02;
    }