/* Additional styles for article sections */
.article-sections-container {
  width: 100%;
}

article .gh-content {
  margin-bottom: 30px;
}

/* First section after the header gets a bit more top margin */
article .article-header + .article-sections-container .gh-content:first-child,
article .article-header + .gh-content,
article
  .feature-image-section
  + .article-sections-container
  .gh-content:first-child,
article .feature-image-section + .gh-content {
  margin-top: 30px;
}

/* Feature image section styling */
.feature-image-section {
  margin-top: 30px;
}

.feature-image-section .article-image {
  margin: 0;
  padding: 0;
}

.feature-image-section .article-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

/* Fix for nested gh-canvas */
article .gh-content .gh-canvas {
  display: block;
  width: 100%;
}

/* Sections containing only images */
article .gh-content:only-child .kg-image-card,
article .gh-content:only-child .kg-gallery-card,
article .gh-content:only-child .kg-video-card {
  margin: 0;
}

/* Center images in their own section */
article .gh-content:only-child .kg-image-card img.kg-image {
  margin: 0 auto;
  display: block;
}

/* Remove excess padding from image-only sections */
article .gh-content:only-child figure {
  margin-top: 0;
  margin-bottom: 0;
}