/* Change background colors for widgets */
.header-color1 {
    background-color: #7C8C9B;
}

.header-color2 {
    background-color: #d9534f;
}

.header-color3 {
    background-color: #006699;
}

.header-color4 {
    background-color: #80153B;
}

/* Custom widget font color and bottom border */
.header-color1 .widget-header h3 {
    border-bottom-color: #7C8C9B;
    color: #ffffff;
}
.header-color1 .widget-header a {
    border-bottom-color: #7C8C9B;
    color: #ffffff;
}
.header-color2 .widget-header h3 {
    border-bottom-color: #d9534f;
    color: #ffffff;
}
.header-color2 .widget-header a {
    border-bottom-color: #d9534f;
    color: #ffffff;
}

.header-color3 .widget-header h3 {
    border-bottom-color: #006699;
    color: #ffffff;
}
.header-color3 .widget-header a {
    border-bottom-color: #006699;
    color: #ffffff;
}
.header-color4 .widget-header h3 {
    border-bottom-color: #80153B;
    color: #ffffff;
}
.header-color4 .widget-header a {
    border-bottom-color: #80153B;
    color: #ffffff;
}

/* Accordion Menu hover over colors */
/* grey part */
div.accordionHeader.header-color1 a.menuitem:hover {
    background-color: #6c7c8b;
}

/* sand part */
div.accordionHeader.header-color2 a.menuitem:hover {
    background-color: #c9302c;
}

/* navy blue part */
div.accordionHeader.header-color3 a.menuitem:hover {
    background-color: #006699;
}

/* Pink part */
div.accordionHeader.header-color4 a.menuitem:hover {
    background-color: #ff1493;
}

/* Widget Icon Colors */
.header-color1 .nl-icons:before {
    color: white;
}

.header-color2 .nl-icons:before {
    color: white;
}

.header-color3 .nl-icons:before {
    color: white;
}

.header-color4 .nl-icons:before {
    color: white;
}