/**
 * Link placement and hover behavior.
 */

.anchorjs-link {
  color: inherit;
  text-decoration: none !important; // do not underline
}

@media (max-width: 768px) {
  // do not display AnchorJS icon on less than 768px view point
  .anchorjs-link {
    display: none;
  }
}

*:hover > .anchorjs-link {
  opacity: .75;
  // To fade links as they appear, change transition-property from 'color' to 'all'
  transition: color .16s linear;
}

*:hover > .anchorjs-link:hover,
.anchorjs-link:focus {
  text-decoration: none !important; // do not underline
  opacity: 1;
}

h2[id], h3[id], h4[id], a[name] { 
  padding-top: 50px; 
  margin-top: -50px; 
}