/**
 * "Acceso al campus" button.
 *
 * Styles the SMATX "Access campus" item (a.smatx-access-courses) rendered in
 * the theme top-bar menu ("menu-top") as a solid button, using the same palette
 * as the top-bar social icons (#506172, hover #00aec3).
 *
 * The selector adds the menu container (.menu-top-menu-container) to the theme
 * chain so it wins on specificity (0,4,2) over the theme rules (including
 * .top-nav .menu > li:first-child/:last-child > a), without using !important.
 */

.top-nav .menu-top-menu-container {
    text-align: right;
}

.top-nav .menu-top-menu-container .menu > li > a.smatx-access-courses {
    display: inline-block;
    padding: 2px 10px;
    line-height: 1.6em;
    font-size: 14px;
    background-color: #506172;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    margin-top: -3px;
}

.top-nav .menu-top-menu-container .menu > li > a.smatx-access-courses:hover,
.top-nav .menu-top-menu-container .menu > li > a.smatx-access-courses:focus {
    background-color: #00aec3;
    color: #fff;
}

.top-nav .menu-top-menu-container .menu > li > a.smatx-access-courses span {
    color: inherit;
}

/**
 * "Acceso al campus" as the last item of the Vamtam Push Menu root level
 * (mobile). Styled apart from the other menu items to stand out.
 */
.responsive-layout #mp-menu a.smatx-access-courses {
    background-color: #555358;
    color: #fff;
    font-weight: 700;
}

.responsive-layout #mp-menu a.smatx-access-courses:hover,
.responsive-layout #mp-menu a.smatx-access-courses:focus {
    background-color: #00aec3;
    color: #fff;
}