/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Switch location of background fill */
#masthead .menu-container.style-color-192864-bg {
    background-color: inherit;
}
#masthead .menu-container .row-menu {
    background-color: #404041;
}

/* Replace fringe that used to be in .border-bottom as fill using CSS border-image */
#masthead .menu-container {
    border-style: solid;
    border-color: rgba(0,0,0,0.01);
    border-width: 0px 0px 13px 0px;
    -moz-border-image: url('../img/fringe-tile-grey.png') 4 5 13 5 repeat repeat;
    -webkit-border-image: url('../img/fringe-tile-grey.png') 4 5 13 5 repeat repeat;
    -o-border-image: url('../img/fringe-tile-grey.png') 4 5 13 5 repeat repeat;
    border-image: url('../img/fringe-tile-grey.png') 4 5 13 5 repeat repeat;
    }


    /* Remove stray scrollbars from mobile menu */
@media (max-width: 959px) {
    .menu-wrapper.menu-sticky .main-menu-container,
    .menu-wrapper.menu-hide-only .main-menu-container {
        overflow: hidden !important;
    }
    .main-menu-container.open-items {
        overflow-y: hidden !important;
}