/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* MODEST HERO IMAGE SYSTEM */

.modest-hero {
  text-align: center;
}

.modest-hero img {
  width: 100%;
  height: auto;
  max-width: 820px;
  display: block;
  margin: 40px auto 56px auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Mobile refinement */

@media (max-width: 768px) {
  .modest-hero img {
    max-width: 96vw;
    margin: 20px auto 32px auto;
  }
}
.blog-post .hero h1 {
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.85);
/* Fix active menu item visibility */

.hs-menu-wrapper .hs-menu-item.active > a,
.hs-menu-wrapper .hs-menu-item.current-menu-item > a,
.hs-menu-wrapper .hs-menu-item.current_page_item > a,
.hs-menu-wrapper .hs-menu-item.current-menu-ancestor > a {
  color: #2f2a24 !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* Hover ook fixen */
.hs-menu-wrapper .hs-menu-item.active > a:hover,
.hs-menu-wrapper .hs-menu-item.current-menu-item > a:hover {
  color: #2f2a24 !important;
  background: transparent !important;
}.hs-menu-wrapper .hs-menu-item.active > a {
  opacity: 0.7;
}