/* ===== HEADER ===== */

.logo-customized img {
  max-width: 800px;
  height: auto;
  margin-left: 0px;
  margin-top: 25px;
}

h2.logo-customized {
  font-size: 1.5em !important;
}

/* Catalog header styling */
#app-header {
  padding: 0;
  height: 120px;
  background-color: #fff;
}

#app-header h2 {
  color: #6c4b78;
}

/* Header container layout */
#app-header .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 15px;
}

/* Header logo override (optional) */
#app-header .logo a {
  /* Left blank intentionally */
}

/* ===== HOME PAGE ===== */

/* Desktop header image */
#home-page .feature-region {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url('https://www.caroleeshank.com/wp-content/uploads/2025/06/header-scaled.png');
  border-top: solid 20px #5c4064;
}

/* Header title */
#vcu-online-catalog-header {
  font-family: 'Roboto', sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 1px 1px 2px black;
  padding-left: 10px !important;
}

/* Feature area layout */
#home-page #feature div {
  max-width: 1100px;
  padding-top: 50px;
  margin: auto;
  color: #63446e;
  font-weight: 900 !important;
}

/* H3 styling inside feature area */
#home-page #feature h3 {
  text-align: left;
  font-size: 3rem;
  margin-top: -20px;
  line-height: 0.5;
}

/* H4 styling inside feature area */
#home-page #feature h4 {
  text-align: left;
  font-size: 1.9em;
}

/* ===== MOBILE STYLES ===== */
@media screen and (max-width: 767px) {
  h2.logo-customized {
    font-size: 1.2em !important;
  }

  #vcu-online-catalog-header {
    font-size: 3.5rem;
    padding-left: 5px !important;
  }

  #home-page .feature-region {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('https://www.caroleeshank.com/wp-content/uploads/2025/06/headermobile.png') !important;
  }
}