@charset "UTF-8";

:root {
  --cassiopeia-color-primary: #68b0ab;
  --cassiopeia-color-link: #30638d;
  --link-color: #30638d;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: #696d7d;
  --link-hover-color: #68b0ab;
  --link-hover-color-rgb: 149, 75, 86;
}

h1 {
    color:var(--cassiopeia-color-primary);
    letter-spacing: 0.5px;
    font-weight: normal;
}

h2{
    
    color:var(--cassiopeia-color-hover);
    font-weight: normal;
    letter-spacing: 0.5px;
    font-family: "Noto Sans Mono", monospace;
    font-size: 20px;
    margin-top: 20px;
}

h3, h4, h5 {
    color:var(--cassiopeia-color-primary);
    font-weight: bold;
    letter-spacing: 0.5px;
    font-family: "Noto Sans Mono", monospace;
    font-size: 16px;
}

.txt-logo {
    display: none;
}

.txt-logo {
    display: inline;    
    font-family: "Noto Sans Mono", monospace;
    
}

.img-logo {
    display: none;
}


.brand-logo {
    text-decoration: none;
}

.card-header {
    background-color: var(--cassiopeia-color-primary);
    color:white;
    font-weight: normal;
    letter-spacing: 0.5px;
    font-family: "Noto Sans Mono", monospace;
}

@media only screen and (max-width: 600px) {


.brand-logo {
    text-decoration: none;
}

.header .navbar-brand {
    margin:auto;
}

.txt-logo {
    display: inline;    
    font-family: "Noto Sans Mono", monospace;
    
}

.img-logo {
    display: none;
}

.card-body:nth-child(1) {
    padding: 0;
}

.mod-menu {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.mod-menu a {
    color: black;    
    letter-spacing: 0.5px;
}



.mod-menu .parent .nav-item:active {   
    
   background-color: var( --cassiopeia-color-primary);
}

.mod-menu .parent .nav-item:active a {   
    
   color: white;
}

.nav-item {
    line-height: 35px;
}

.nav-item.default {
    /* background-color:  #8FC0A9; */
    background-color: #68b0ab;
}

.nav-item.default a {
    margin-left: 10px;
}

.nav-item.deeper.parent {
    /* background-color: var(--cassiopeia-color-primary); */
    background-color: #8fc0a9;
    padding-left: 0px;
    padding-bottom: 0;
}

.nav-header {
    padding: 10px;
}

.mod-list li .mod-menu__sub {
    padding-left: 0px;
    text-indent: 10px;
}

.mod-menu__sub .nav-item {
    padding-left: 10px;
}

.mod-menu__sub .nav-item:nth-child(odd) {
  /* background-color: #67AAF9; */
  background-color: #c8d5b9;
}

.mod-menu__sub .nav-item:nth-child(even) {
  /* background-color: #9BBDF9; */
  background-color: #faf3dd;
}

.mod-menu .current.active {
    background-color: #696d7d;
}

.mod-menu .current.active a{
    color: white;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.75px;

}

.mod-menu .current.active a::before{
    content: '> ';

}

  
}