/* =========================================================
   GCS PORTFOLIO PAGE BASE
   Page-level styles only. Nav, page title, footer, and gallery grid
   are controlled by their own external CSS files.
   ========================================================= */

:root{
  --gcs-link:#555;
  --gcs-link-hover:#848484;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  color:#000;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:100%;
  line-height:1.4;
}

/* Global links. Nav/footer files can override inside their own scope. */
a{
  color:var(--gcs-link);
  text-decoration:none;
}

a:hover{
  color:var(--gcs-link-hover);
  text-decoration:none;
}

a:visited,
a:active{
  color:var(--gcs-link);
}

/* Divider spacing used above and below the gallery. */
.featurette-divider{
  margin:2rem 0;
}

/* Optional SEO intro block. Safe to leave unused/commented in HTML. */
.seo-intro{
  color:#777;
  font-style:italic;
  max-width:900px;
  margin:15px auto 0;
  transition:all .3s ease;
}

.seo-intro.collapsed{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.seo-toggle{
  font-size:0.9rem;
  color:#666;
  text-decoration:none;
  margin-top:5px;
}

.seo-toggle:hover{
  color:#000;
  text-decoration:none;
}