/* Author pages - specific styling overrides */

.author-signup-hero,
.resources-hero,
.roleplays-hero {
  background: 
    linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(192, 151, 78, 0.8) 100%),
    url('../img/scs_ocean.jpg') no-repeat;
  background-size: cover, cover;
  background-position: center, center;
}

/* Extend ocean background to content areas for signup page */
.author-signup-hero ~ .button_bg ~ .author-content {
  background: 
    linear-gradient(to bottom, transparent 0%, rgba(192, 151, 78, 0.8) 70%, #f9f9f9 100%),
    url('../img/scs_ocean.jpg') no-repeat;
  background-size: cover, cover;
  background-position: center top;
  background-attachment: fixed;
}