/* ------------------------------------------------
   TYPOGRAPHY BASE
------------------------------------------------ */

body,
.content,
.entry-content {
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.6;
}



/* ------------------------------------------------
   MOBILE FONT IMPROVEMENTS
------------------------------------------------ */

@media (max-width:768px) {

  body,
  .content,
  .entry-content {
    font-size: .55rem !important;
  }

  .post-title,
  .entry-title {
    font-size: 1rem !important;
  }

  nav {
	padding-top: 2px !important;
    padding-bottom: 2px !important;
    width: 100%;
    max-width: 100%;
  }

  nav ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  nav li {
    width: 100%;
  }

  nav a {
    display: block;
    padding: 12px 12px;
  }

}



/* ------------------------------------------------
   DESKTOP POST ROW SPACING
------------------------------------------------ */

.post,
article,
.entry {
  margin-bottom: .1rem !important;
}



/* ------------------------------------------------
   CATEGORY TAG SPACING
------------------------------------------------ */

.category,
.cat-links,
.post-category,
.entry-meta {

  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin-top: 2px !important;

  font-size: .85em;
  line-height: 1.2;

}



/* ------------------------------------------------
   GENERAL TITLE SPACING
------------------------------------------------ */

.post-title,
.entry-title {
  margin-bottom: .25em;
}



/* ------------------------------------------------
   NAV RHYTHM
------------------------------------------------ */

nav li {
  margin-bottom: 4px;
}



/* ------------------------------------------------
   IMAGE POLISH
------------------------------------------------ */

img {
  max-width:100%;
  height:auto;
}