body {
    background-color: black;
    color: #ccc;
}

.nostyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: goldenrod;
}

a:hover a:focus {
    color: hotpink; 
    font-weight: bolder;
}

.article a:hover, .article a:focus {
    color: hotpink; 
    font-weight: bolder;
}

.acc-btn {
    background-color: black;
    cursor: pointer;
    color: goldenrod;
    border: none;
    text-align: left;
    outline: none;
    font-family: 'calibri', sans-serif;
    font-size:  1.2rem;
    height: fit-content;
    min-height: 2rem;
    max-height: 3rem;
}

.hrlinks {
    border: 0;
    border-bottom: 1px double #ccc;
    background: #999;
}

.accordion, .accordion-button:not(.collapsed) {
    --bs-accordion-color: #ccc;
    --bs-accordion-bg: black;
    --bs-accordion-active-color: goldenrod;
    background-color: black;
    color: goldenrod;
    font-weight: bolder;
}

.accordion:hover, .accordion:focus { 
    font-weight: bolder;
} 

.accordion {
    --bs-accordion-btn-icon: none;
    --bs-accordion-btn-active-icon: none;
}
.accordion-body {
    padding: 0 5;
}
.accordion-item {
    border: 0;

}

.accordion-button::after {
    content: "\2193";
    background-image: none;
}

 .items a { 
    font-weight: initial;
    color: goldenrod;
    text-decoration: none;
    font-size: 1.2em;
 }

 .items a:hover, a:focus {
    color: hotpink;     
    font-weight: bolder;
 }

 .navbar {
    background-color: black;
    padding-left: 10px;
 }

.navbar-container {
    background-color: black;
}

 .title a {
    color: white;
    font-size: 1.75rem;

 }

.heading {
        vertical-align: middle;
}
.title a:hover {
    color: goldenrod;
    text-decoration: none;
 }

.headings {
    font-size: 1.5rem;
    font-weight: 300;
    color: white;
    text-indent: 5px;
}

.header a { 
    font-family: 'calibri', sans-serif;    
    font-weight: initial;
    color: goldenrod;
    text-decoration: none;
}

.header {
    padding-left: 1.2em;
    padding-right: 1.2em;
    font-size: 1.2em;

}

.header a:hover, a:focus {
    color: hotpink;     
    font-weight: bolder;
}

.container-xs {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.main {
    padding-left: 2rem;
}

.dropdownbtn {
    .share-btn .btn {display: block;}
    }

#sidebar-wrapper {
        margin-left: -11rem;    
}

@media (min-width: 320px) {
    body.sb-sidenav-toggled #wrapper #sidebar-wrapper  {
        min-width: 100%; 
    #sidebar-wrapper {
        margin-left: -11rem;
    }
    .container-xs {
        max-width: 300px;
    }

}

@media (min-width: 576px) {
    body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
      margin-left: -16rem;
    }

#sidebar-wrapper {
        margin-left: 0;  
    }
    .share-btn .btn {display: none;}
    .navbar-toggler {display: none;}
    
}

#page-content-wrapper {
    min-width: 75vw;
}

.smi {
  opacity: 0.7; 
}
.smi:hover { 
  opacity: 1; 
}

#backtotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 1.5rem;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  border-radius: 100%;
  background-color: #ccc;
  color: black;  
}

#backtotop:hover {
  background-color: #555;
}

ul.inlinemenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
}

ul.inlinemenu li {
    padding: 10px;
}

.dropdownbtn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    --bs-btn-padding-y: 0;
}

.dropdown {
    background-color: inherit;
}

.dropdownbtn::after {
    display: none;
}

.modal-content {
    background-color: #ccc;
    color: black;
}