/*
 * Grid Functions
 * Version: 2.1.0
 */
:root {
  --blog_post_padding: 10%;
}
.cat-nav-links {
  --blog_nav_border_color: var(--jh_darkblue);
}
.cat-nav-links .cat-nav {
  --link_color: var(--blog_nav_border_color);
  --link_hover_text_decoration: none;
}
.cat-nav-links .cat-nav.active {
  color: var(--jh_blue);
}
.posts {
  --link_hover_text_decoration: none;
}
.posts .overlay {
  --transition_property: all;
  --transition_timing_function: ease;
  transition-property: var(--transition_property);
  transition-duration: var(--transition_duration);
  transition-timing-function: var(--transition_timing_function);
  background-color: rgba(0,0,0,0.333);
  padding: var(--blog_post_padding);
}
.posts .overlay:hover,
.posts .overlay:focus {
  background-color: rgba(0,0,0,0.467);
}
.title {
  --h3_color: #fff;
  --h3_font_size: calc(0.2 * 1vw + 20px);
  --link_color: #fff;
  --link_hover_color: #fff;
  --link_hover_text_decoration: none;
  font-weight: normal;
  text-align: center;
}
.read-more {
  margin-top: auto;
  cursor: pointer;
  padding: 12px 24px;
  --button_font_size: 14px;
}