body {
    background-color: #FFFFFF
}
  
h1, h2, h3, h4, h5, h6 {
      color: rgb(64,86,107) ;
    }

.menu-button-red {
  display: inline-block;
  padding: 4px ;  
  background: #e76f5e !important;
  color: #ffffff;  
  text-decoration: none; 
  border-radius: 4px;  
  font-size: 16px;  
  font-weight: bold;  
  
}  

.menu-button {
  display: inline-block;
  padding: 4px ;  
  /* background: #e76f5e !important;*/
  color: #ffffff;  
  text-decoration: none; 
  border-radius: 4px;  
  font-size: 16px;  
  font-weight: bold;  
  
}  

.container-header {
    z-index: 10;
/*    background-image: linear-gradient(135deg, white 0%, rgb(192,0,117) 100%);
     background-image: linear-gradient(135deg, rgb(64,86,107) 0%, rgb(255,255,255) 100%);
 */
     background-image: linear-gradient(180deg, rgb(64,86,107) 0%, rgb(255,255,255) 100%);
    background-color: #F0E0E0 !important;
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}

.card-header {
    color: rgb(192,0,117); 
}

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: #DDDDDD;
    font-weight: var(--cassiopeia-font-weight-headings, 700);
    position: relative;
      background-color: rgb(60,80,100) ;
  padding: 4px;  
}

.mod-menu {
  background-color: rgb(60,80,100) ;
  /*padding: 4px  !important;  */
}

.mod-list li {
    padding: .75em 0;
    background-color:  rgb(60,80,100) ;
    color: #DDDDDD;
    font-weight: var(--cassiopeia-font-weight-headings, 700);
}


@media (width >= 992px) {
    .container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)) {
        background-color:   rgb(60,80,100) ;
      border: 2px solid #DDDDDD;
}

.breadcrumb {
    background-color: #FFFFFF;
    margin-bottom: 0;
}  

.px-3 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}


.container-header .navbar-toggler {
    color: rgb(60, 80, 100);
    cursor: pointer;
    border: 3px solid rgb(60, 80, 100);

}

.container-header .container-nav {
       background-color: rgb(60,80,100) ;
}

.container-header .grid-child {
    padding: .5em  0 .5em   0;
}

.container-header nav {
    margin-top: 0; 
}