/*--------------------------------------------------------------------------
|  01  Base CSS
--------------------------------------------------------------------------*/
.wsdownmenu html, .wsdownmenu body, .wsdownmenu iframe, .wsdownmenu h1, .wsdownmenu h2, .wsdownmenu h3, .wsdownmenu h4, .wsdownmenu h5, .wsdownmenu h6 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    /*font-family: 'LatoWebBold', sans-serif !important;*/
    /*font-size: 1.000em !important;*/
}

.wsdownmenu textarea {
    /*font-family: 'LatoWebBold', sans-serif !important;*/
    font-family: 'Open Sans', sans-serif !important;
}





/*--------------------------------------------------------------------------
|  02 Desktop CSS
--------------------------------------------------------------------------*/
.wsdownmenu {
    /*font-family: 'LatoWebBold', sans-serif !important;*/
    font-size: 1.000em !important;
    /*font-weight: normal !important;*/
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    background-color: #A81F44 !important;
    max-width: 100%;
    -webkit-border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
}

.wsdownmenu-list li:first-child a {
    -webkit-border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    /*border-left: 1px solid rgba(0,0,0,0.80);*/
    border-left: none !important;
}

.wsdownmenu-list li:last-child a {
    -webkit-border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
    /*border-right: 1px solid rgba(0,0,0,0.80);*/
    border-right: none !important;
}


.wsdownmenu-list > li > a {
    background-color: #A81F44 !important;
    color: #fff !important;
    /*border-right: 1px solid rgba(0,0,0,0.80);*/
    border-right: none !important;
}

    .wsdownmenu-list > li > a:hover {
        background-color: #F9F6EE !important;
        color: #A81F44 !important;
    }

@media only screen and (min-width:769px) and (max-width:959px) {
    .wsdownmenu-list > li > a {
        font-size: 0.813em !important;
        padding: 0 4px;
    }
}

@media only screen and (min-width:960px) and (max-width:1022px) {
    .wsdownmenu-list > li > a {
        font-size: 1.000em !important;
        padding: 0 4px;
    }
}

@media only screen and (min-width:1023px) {
    .wsdownmenu-list > li > a {
        font-size: 1.063em !important;
        padding: 0 10px;
    }
}

@media only screen and (min-width:1240px) {
    /*.wsdownmenu-list > li > a {
        font-size: 1.500em !important;
    }*/

}

li.MobileOnly {
    display: none !important;
}

/*--------------------------------------------------------------------------
|  04 Mobile CSS
--------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    .wsdownmenu {
        background-color: #A81F44 !important;
        border: none !important;
        margin: 0px 0;
        width: 100%;
    }

    .wsdownmenu-animated-arrow {
        color: #fff !important;
        font-size: 1.000em;
    }


    .wsdownmenu-text {
        color: #fff !important;
        font-size: 1.125em !important;
        font-weight: 500 !important;
    }

    .wsdown-mobile > li:first-child > a {
        border-top: solid 1px rgba(225,225,225,0.80)
    }

    .wsdown-mobile > li > a {
        border-left: none !important;
        border-bottom: solid 1px rgba(225,225,225,0.80);
        border-right: none !important;
        font-weight: 400 !important;
        font-size: 1.000em !important;
    }

    .wsdown-mobile > li:last-child > a {
        border-right: none !important;
    }

    .wsdown-mobile > li > a:hover {
        background-color: #F9F6EE !important;
        color: #A81F44 !important;
    }


    .wsdownmenu-animated-arrow {
        color: #fff !important;
    }

        .wsdownmenu-animated-arrow span, .wsdownmenu-animated-arrow span:before, .wsdownmenu-animated-arrow span:after {
            background: #fff !important;
        }

    li.MobileOnly {
        display: inherit !important;
    }
}