/*
 * Global
 *
 */

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&family=Oswald:wght@400&display=swap");



/*
 * Header
 *
 */

body::before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 90px;

  background-color: #003594;
  background-image: url("https://www.csub.edu/_resources/images/csub-logo-header.svg");
  background-repeat: no-repeat;
  background-position: left 30px center;
  background-size: 180px 50px;

  border-bottom: 10px solid #ffc72c;
  
  font-family: "Open Sans", Arial, sans-serif; 
  font-weight: 400;
}

@media (max-width: 600px) {
   body::before {
      height: 110px;
      background-position: left 15px center;
      background-size: min(150px, calc(100% - 30px)) auto;
      border-width: 12px;
   }
}

@media (max-width: 320px) {
   body::before {
      background-size: min(125px, calc(100% - 24px)) auto;
      background-position: left 12px center;
   }
}
}

.masthead > h3 > a:link {
	  font-family: Oswald;
}





/*
 * Footer
 *
 */

body::after {
  content:
    "CALIFORNIA STATE UNIVERSITY, BAKERSFIELD\A"
    "\A"
    "9001 Stockdale Highway\A"
    "Bakersfield, CA 93311\A"
    "(661) 654-CSUB\A"
    "\A"
    "━━━━━━━━━━━━━━━━━━━━━━━\A"
    "\A"
    "© California State University, Bakersfield";

  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: clamp(2rem, 5vw, 4.5rem)
           clamp(1.25rem, 8vw, 7rem)
           2rem;

  color: #fff;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.035) 0,
      rgba(255, 255, 255, 0) 45%
    ),
    #003594;

  border-top: 0.45rem solid #ffc72c;

  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  text-align: left;
}

/* Narrow-screen adjustments */
@media (max-width: 40rem) {
  body::after {
    padding: 2.25rem 1.25rem 1.5rem;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}

/* Respect Windows high-contrast and other forced-color modes */
@media (forced-colors: active) {
  body::after {
    border-top: 0.45rem solid CanvasText;
    color: CanvasText;
    background: Canvas;
  }
}

/* Avoid printing a large decorative footer */
@media print {
  body::after {
    padding: 1rem 0;
    color: #000;
    background: transparent;
    border-top: 1px solid #000;
    font-size: 9pt;
  }
}