﻿/*---------------------------Accessibility Bar---------------------------------------*/
.accessibilityBar {
    background: #393939;
}

.accessibilityLinks {
    margin-bottom: 0;
}

.accessibility ul {
    text-align: center;
}

.accessibilityLinks li {
    padding: 4px 2px;
}

.accessibilityLinks a,
.accessibilityLinks input {
    color: #fff;
    font-weight: 600;
    padding: 10px 6px;
    text-decoration: none;
}

    .accessibilityLinks a:hover,
    .accessibilityLinks a:focus {
        color: #ff0;
    }

    .accessibilityLinks a:focus,
    .accessibilityLinks input:focus {
        background-color: transparent;
        outline: none;
        text-decoration: none;
    }

    .accessibilityLinks a:focus,
    .accessibilityLinks input:focus {
        background-color: transparent;
        outline: 3px #ff0 solid;
    }



input.highContrastButton {
    color: #fff;
    font-weight: 600;
    margin-top: -1px;
    padding: 6px !important;
}

    input.highContrastButton:hover {
        color: #ff0;
        text-decoration: underline !important;
    }

    input.highContrastButton:focus {
        background-color: #393939;
        color: #ff0;
        outline-color: #ff0;
    }

.accessibility form {
    display: inline;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------Large Mobile View (COL-SM)---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 576px) {

    /*---------------------------Accessibility Bar (COL-SM)---------------------------------------*/
    .accessibility ul {
        text-align: left;
    }

    .accessibility li {
        margin: 0;
        padding: 8px 6px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------Large Mobile View (COL-LG)---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {

    /*---------------------------Accessibility Bar (COL-LG)---------------------------------------*/

    .accessibility li {
        margin: 0;
        padding: 12px 6px;
    }
}