/* -- -- */
/* -- -- */
/* ------------------------  ---------------------- */
/* ------------------------  ---------------------- */
.navbar{
list-style-type:none;
text-decoration:none;
float:left;
padding:.5rem;
}

.navbarItem, .subNavBarItem{
color:black;
text-decoration:none;
text-align:center;
font-size:2rem;
margin-left:.75rem;
/* border:3px solid black;
border-radius:8px; */
/* color:white; */
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
border-color: black;
margin:.5rem;
padding:.5rem;
display:inline-block;
}

.navbarItem:hover{
cursor:pointer;
}

.subNavBarItem:hover{
cursor:pointer;
}

.navbarItemResponsive:hover{
cursor:pointer;
}

.navbarResponsive{
display:none;
}

.navbarItemResponsive{
display:none;
}

.respDropDown{
display:none;	
}

/* -- WIKI Table of Contents Style -- */

.tocWrapper{
display: inline-block;
margin-top:2rem;
margin-left:2rem;
padding:1rem;
}

.tocLink{
display:block;
font-size:2rem;
font-weight:600;
color:blue;
}

.tocLink:hover{
cursor: pointer;
}

/* ************************************************************************ */
/* ------------------------ MEDIA QUERY BREAK POINT ---------------------- */
/* ************************************************************************ */
@media screen and (min-width: 576px) and (max-width: 992px){
.navbar{
display:none;
}

.navbarItem{
display:none;
}

.navbarResponsive{
display:block;
list-style-type:none;
text-decoration:none;
float:left;
width:100%;
}

.burger{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:2rem;
margin:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
min-width:4rem;
background-color:gray;
}

.navbarItemResponsive{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:1.5rem;
margin:.75rem;
/* border:3px solid black;
border-radius:8px; */
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
}
}

/* -- ******************************************************** -- */
/* -- ********************** MEDIA QUERY ********************* -- */
@media screen and (max-width: 575px){
.navbar{
display:none;
}

.navbarItem{
display:none;
}

.navbarResponsive{
display:block;
list-style-type:none;
text-decoration:none;
float:left;
width:100%;
}

.burger{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:2rem;
margin:.75rem;
border:3px solid black;
border-radius:8px;
padding:.5rem;
min-width:4rem;
background-color:gray;
}

.navbarItemResponsive{
outline:none;
display:block;
color:black;
text-align:center;
text-decoration:none;
font-size:1.5rem;
margin:.75rem;
/* border:3px solid black;
border-radius:8px; */

box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
padding:.5rem;
/*width:100%;*/
}

.tocWrapper{
display: inline-block;
margin-top:1rem;
margin-left:1rem;
padding:1rem;
}

.tocLink{
display:block;
font-size:1.8rem;
font-weight:600;
color:blue;
}

}