/****************/
/* DESKTOP MENU */
/****************/

/* Widen menu to fit Jeffrey's name better */
.sidebar .sidebar-wrap{
  width: 201px !important;
}

/* Add vertical spacing between items */
.sidebar nav li {
  margin: .25em 0;
}
.sidebar nav .category {
  margin: 1em 0;
}

/* Match spacing for non-submenu non-title items */
.sidebar nav>ul>li:not(.category) {
  margin: 1.0625em 0;
}

/* Make submenu titles all-caps + condensed */
.sidebar nav .category > a {
  text-transform: uppercase;
  font-family: TeXGyreHerosCondensed, TeXGyreHeros, sans-serif;
}


/* Add arrow icon + hover underline to external link items */
li.item a[target="_blank"]::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: '\00A0\2192';
}
li.item a[target="_blank"]:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 45em) {
  /***************/
  /* MOBILE MENU */
  /***************/
  
  /* Style title size to be multiple of 16px */
  .sidebar .logo.long-text a {
    font-size: 32px !important;
  }
  /* Make title + hamburger icon fullwidth */
  .sidebar .sidebar-wrap {
    width: 90% !important;
  }
  /* Make content fullwidth */
  .constrained-width-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*******************/
/* CONTENT STYLING */
/*******************/

/* Make headlines all-caps */
h1, h2, h3, h4 {
  text-transform: uppercase;
}

/* Remove bolding on custom page XL headlines */
h2.xl-headline {
  font-weight: normal !important;
}

/* Remove vertical spacing after page title headlines */
#content h2 {
  margin-bottom: 0;
}

/* Make content fullwidth */
.constrained-width-wrapper {
  margin-left: 0 !important;
}
#content .text {
  max-width: 100%;
  font-size: 16px;
}

/* Match vertical spacing between paragraphs and newlines to simplify content authoring */
#content p + p {
  margin-top: 0;
}

/* Snuggle image captions up to their images */
#content .image .image-wrap {
  margin-bottom: 0;
}