/* ==========================================================================
   GCS PAGE TITLES
   Reusable responsive heading styles
========================================================================== */
.gcs-page-title{
  text-align:center;
  margin-bottom:0.4rem;
  color:#212121;
}

.gcs-page-title h1{
  font-size:clamp(1.2rem, 2.2vw, 1.9rem);
  line-height:1.15;
  letter-spacing:0.02em;
  margin:0;
  color:#212121;
}

/* Small phones */
@media (max-width:575.98px){
  .gcs-page-title h1{
    font-size:1.15rem;
    line-height:1.2;
  }
}

/* Tablets */
@media (min-width:768px){
  .gcs-page-title h1{
    font-size:1.55rem;
  }
}

/* Large desktop */
@media (min-width:1440px){
  .gcs-page-title h1{
    font-size:1.8rem;
  }
}

/* =========================
   SEO INTRO
========================= */

.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;
}