a {
  color: #9B0014;
}
a:hover {
  color: #555555;
}
::selection {
  background-color: #9B0014;
  color: #ffffff;
}
::-moz-selection {
  background-color: #9B0014;
  color: #ffffff;
}
.sidebar .active,
.sidebar a.active,
.sidebar .nav-link.active {
  color: #9B0014 !important;
}

/* CALLOUTS */
.callout {
  border-color: #aaa !important;
  border-left: 4px solid #9B0014 !important;
  border-left-color: #9B0014 !important;
  background-color: #f8f8f8;
  border-radius: 8px;
  border-width: 2px !important;
  border-left-width: 6px !important;
  padding: 1rem 1.25rem; 
  margin: 1em 0;
  font-size: 0.95rem;
  line-height: 1.4; 
}
.callout .callout-header {
  background-color: #f8f8f8 !important;
  color: #9B0014;
  font-weight: 600;
  font-size: 17px !important;
  display: flex;
  align-items: center;  
  gap: 0.4em;
  padding: 0.25rem 0; 
}
.callout-icon::before {
  color: #9B0014 !important;
}
.callout:focus-within,
.callout:active {
  outline: none;
  border-left-color: #9B0014 !important;
}

/* Detail Boxes */
details{
 padding: 10px;
 border-radius: 4px;
}
details > summary{
 padding: 3px;
 border-radius: 4px;
}
details > summary > p{
 font-size: 130% !important;
}
details[open]{
  background-color: #f4f4f4;
}
details[open] > summary{
  color: #333333;
}


/* CUSTOM STYLE TYPES */
.abstract {
    font-style: italic;
    font-size: 0.85em;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 40px;     
    margin-right: 40px; 
    text-align: justify;
}
.comment {
    font-style: italic;
    font-size: 0.85em;
    color: #9B0014;
    text-align: justify;
}
.sidebar-item-container {
    margin-top: 20px;
}