/*Meny på mottagningssidorna som visas på sidan*/
.con-universal-bace-menu_container{
    border: solid 3px #d6d6d6;
    border-width: 3px 0;
    display: block;
    padding: .2em 0 .1em;
}
.con-universal-bace-menu_center{
    text-align: center;
}

.con-universal-bace-menu_container ul, .con-universal-bace-menu_container li {
    margin: 0;
    padding: 0;
    list-style: none;
    
}

.con-universal-bace-menu_container li{
    display: inline;
}

/* Menyn*/
.con-universal-bace-menu_item{
    text-decoration: none;
    font-size: 85%;
    padding: .1em .2em;
    margin: .2em .8em;
    text-transform: uppercase;
    color: #858585;
    white-space: nowrap;
    display: inline-block;
    border-bottom:solid 3px transparent;
    position: relative;
    font-weight: bold;
}
/* Linje under */
.con-universal-bace-menu_item::after {
    content:"";
    background-color: transparent;
    height: 2px;
    width: 50%;
    position: absolute;
    bottom: -.2em;
    left:25%;
    transition: all 0.2s ease-in-out;
}
/* Linje under vid hover*/
.con-universal-bace-menu_item:hover::after{
    content:"";
    background-color: #5a5a5a;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -.2em;
    left:0;
    transition: all 0.2s ease-in-out;
}
/* Menyn vid hover*/
.con-universal-bace-menu_item:hover{
    color: #5a5a5a;
    transition: all 0.2s ease-in-out;
}


/*Sidor som är i brödsmulan*/
.con-universal-bace-menu_item.breadcrumb{
    color:#5a5a5a;
}

/* Markering av menyn om man är längre ner i strukturen */
.con-universal-bace-menu_item.breadcrumb::after {
    content:"";
    background-color: #5a5a5a;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -.2em;
    left:0;
    transition: all 0.2s ease-in-out;
}

/*Surfplatta*/
@media screen and (max-width: 900px) {
    .con-universal-bace-menu_item{font-size: 70%;}
}
/*Bred mobil*/
@media screen and (max-width: 600px) {
    .con-universal-bace-menu_item{font-size: 80%; display: block; }
}

/*Mobilläget*/
@media screen and (max-width: 480px) {
    .con-universal-bace-menu_item{font-size: 60%; display: block; font-weight: normal;}
}