/**
 * @file
 * Styles for menus in Bartik.
 */

/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu {
    margin: 0;
    padding: 0 0 0.25em 1em;
}

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu {
    margin: 0;
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #fff;
}

/* SIDEBAR INFO MENU */
#block-info ul.menu {
    background: #F8F8F8;
    padding: 0 !important;
}

#block-info ul.menu .menu-item {
    list-style: none !important;
    float: left;
    width: 100%;
    border-bottom: 3px solid #fff;
    margin: 0;
    padding: 0;
    /*-webkit-transition: all 0.35s;*/
    /*-o-transition: all 0.35s;*/
    /*transition: all 0.35s;*/
    /*-moz-transition: all 0.35s;*/
    /*-ms-transition: all 0.35s;*/
}

#block-info ul.menu a {
    padding: 15px 30px;
    display: block;
    overflow: hidden;
    /*-webkit-transition: all 0.35s;*/
    /*-o-transition: all 0.35s;*/
    /*transition: all 0.35s;*/
    /*-moz-transition: all 0.35s;*/
    /*-ms-transition: all 0.35s;*/
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
}

#block-info ul.menu a:hover {
    /* yellow */
    background: #fab31b;
    color: #fff;
}

#block-info ul.menu a.is-active {
    /* yellow */
    background: #fab31b;
    color: #fff;
}