/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
/* padding: 0px; */
padding: 22px  0 0 0;
font-size:14px;
font-family: 'Roboto', sans-serif;
list-style-type: none;
/*background: #003300;*/
overflow: hidden;
display: inline;
width: 100%;



}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-align:left;
text-decoration: none;
margin: 5px;
padding: 10px 15px; /*padding inside each tab*/
border-right: 1px black; /*right divider between tabs*/
font-size: 17px;
color: #f1f5f8;
font-weight: 600;
transition: .4s;
border-radius: 15px 15px 0 0;
font-family: 'Roboto', sans-serif;



}

.mattblackmenu li a:visited{
    color: white;
}
.mattblackmenu .active{
    color:green;
    background-color: yellow; 
}
.mattblackmenu li:active{
    background: red;
}

.mattblackmenu li a:hover{
 /*background of tabs for hover state */
color: #2e51bb;
background: #f1f5f8;
transition: .4s;
}

.mattblackmenu a.selected{
 /*background of tab with "selected" class assigned to its LI */
border-radius: 15px;

}
.mattblackmenu .active .anchor:nth-child(1){
    border-radius: 15px 15px 0 0;
}
.mattblackmenu .active .anchor:nth-child(2){
    border-radius: 15px 15px 0 0;
}
.mattblackmenu .active .anchor:nth-child(2):hover{
    border-radius: 15px 15px 0 0;
}