/* EXAMPLE HTML of admonitions
 <div class="admonition note" role="alert" aria-labelledby="alert-heading">
   <div class="title" role="heading" aria-level="4">
     <h
   </div>
   <div class="content">
     This is a note admonition
   </div>
 </div>
 */
 
.admonition {
    padding: 1rem;
    margin-bottom: 1.8rem;
    margin-top: 1.8rem;
    border-left: 0.67rem solid transparent;
    border-radius: 0.4rem;
  }
  
.admonition .title {
    margin: 0;
    /* text-transform: uppercase;  */
    border: 1px solid;
    border-style: hidden hidden solid;
    font-weight: bold;
  }
  
.admonition .content {
  /*     padding-left: .75em; */
    padding-right: 0.8rem;
    padding-top: 0.6rem; 
    margin-left: 0;
    border-left: 0;
    border-top: 0;
    min-height: 0;
  }
  
  /* common heading style/size */
.admonition h2,
.admonition h3,
.admonition h4,
.admonition h5 {
    font-weight: bold;
    font-size: 1.1rem;
    display: inline; 
  }


/* Highlights information that users should take into account, even when skimming. Icon &#9432;*/
.note {
    border-color: blue;
    background-color: #f6fcff;
}
.note .title {
    color: blue;
    border-color: blue;
}

/* Optional information to help a user be more successful. */
.tip {
    border-color: green;
    background-color: #FBFFFB;
}
.tip .title {
    color: green;
    border-color: green;
}

/* Crucial information necessary for users to succeed. */
.important {
    border-color: #fff607;
    background-color: #f9f9f7;
}
.important .title {
    color: black;
    border-color: black;
}

/* Critical content demanding immediate user attention due to potential risks. */
.warning {
    border-color: #9D6600;
    background-color: #FFFEF9;
}
.warning .title {
    color: #9D6600;
    border-color: #9D6600;
}

/* Negative potential consequences of an action. */
.caution {
    border-color: red;
    background-color: #fffbfb;
}
.caution .title {
    color: #B30000;
    border-color: red;
}

/* Generic UW-Stevens Point branded admonition for top of guides. */
.uwstp {
    border-color: #512698;
    background-color: #f1edf8;
}
.uwstp .title {
    color: black;
    border-color: #512698;
}