/* Prevent header/menu from being hidden by theme JS */
.header,
#header-post,
#nav,
#menu {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Style blockquotes that start with [!tip], [!note], etc. */
blockquote {
    position: relative;
    padding: 1em 1em 1em 2.5em;
    margin: 1em 0;
    border-left: 4px solid #aaa;
    background: #f9f9f9;
  }
  
  /* Callout: Tip */
  blockquote > p:first-child {
    position: relative;
  }
  
  /* Tip */
  blockquote > p:first-child:before {
    content: "";
  }
  blockquote > p:first-child {
    /* General style for all callouts */
    font-weight: normal;
  }
  
  /* Color for tips */
  blockquote > p:first-child:has(strong):has(span.callout-tip-title) {
    /* Not well supported yet, so use JS for better effect if needed */
  }
  
  /* Hide the [!tip] part and style the title */
  blockquote > p:first-child {
    /* Use JS to detect and style [!tip] */
  }

  .callout {
    border-left: 4px solid #4caf50;
    background: #f9f9f9;
    padding: 1em 1em 1em 2.5em;
    margin: 1em 0;
    position: relative;
  }
  .callout-title {
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .callout-tip { border-color: #4caf50; }
  .callout-note { border-color: #2196f3; }
  .callout-warning { border-color: #ff9800; }
  .callout-danger { border-color: #f44336; }