/*
 * Bolu Globe site styles, layered on top of the Silicon theme.
 */

/*
 * Brand gradients, taken from the logo: deep blue through to light blue.
 * theme.css already provides .text-gradient-primary (#005878 -> #0086a3 -> #58b8d8) for light backgrounds.
 */

/* For titles on dark backgrounds, where the deep blue end would disappear. */
.text-gradient-primary-light {
  background: linear-gradient(to right, #0086a3, #58b8d8, #9fe0f2);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* For the BoluGlobe wordmark, which sits on light and dark headers and on the sticky navbar. */
.text-gradient-brand {
  background: linear-gradient(to right, #0086a3, #58b8d8);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-primary,
.text-gradient-primary-light,
.text-gradient-brand {
  /* Gradient text is painted per element, so keep descenders and italics inside the box. */
  padding-bottom: 0.05em;
}