:root {
  --cassiopeia-accent: #1e1e3f;   
  --cassiopeia-bg1:   #1e1e3f;  
  --cassiopeia-bg2:   #16162c;     
  --cassiopeia-bg3:   #0d0d1a;    
  --cassiopeia-highlight: #6B6B6B;    
  --cassiopeia-text:  #fff;    
  --link-color: #101010;
  --link-color-rgb: 34, 79, 170;
  --link-decoration: underline;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66, 64, 119;
  --info-bg-subtle: #7C825A;
  --cassiopeia-color-primary: #59594c;
  --cassiopeia-color-hover: #090c0d;
  --link-color: #090c0d;
  --link-color-rgb: 9, 12, 13;
  --link-decoration: underline;
  --link-hover-color: #f28729;
  --link-hover-color-rgb: 242, 135, 41;
}
body {
  background-color: rgba(0,0,0,.5);
}
.container-header .navbar-brand img {
    width: 5rem;
    min-width: 5rem;
}
.container-header .site-description {
    color:rgb(255,255,255);
    /*background-color: rgba(255,255,255,.1)*/
}
.container-header {
 /*background-color: #59594c;*/
  background-image: linear-gradient(135deg,var(--cassiopeia-color-hover)0%,var(--cassiopeia-color-primary)100%);
 /*background-image: none;*/
}
.container-header .mod-menu {
 color: #fff;
 font-size: 1.5rem;
 flex: unset;
 
}
.container-header .mod-menu>li+li {
margin-left: 5px;
}
.container-search {
margin-top: .5em;
padding: .5em 1em;
}

.container-header .navbar-toggler {
 color: #db504a;
 border: 1px solid #db504a;
}
.container-component {
  margin-top:20px;
  border-radius: 25px;
  background-color: rgba(185,185,185,.8);
  padding: 15px;
}

.grid-child.container-nav {
   position: sticky;
  top:0;
}


html { 
  background: url(../../../../../images/banners/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.container-footer {
  background-color: #59594c;
}

.container-header .container-search {
margin-top: 1.5em;
}
.container-sidebar-right>:first-child {
  margin-top:0em;
}
.brand-logo {
 /* padding-left:100%;
/*display: block;*/
position: absolute;
top: 0px;
right: 1rem;
  }
.navbar-brand {
  width:100%;
  float:right;
}

.footer .grid-child {
  padding:0em !important;
}