.navbar {
    background-color: #C14507 !important;
}

/* HEADER LAYOUT FIX */
.navbar,
.header,
.site-header {
  display: flex;
  align-items: center;   /* vertical alignment */
}

/* SITE TITLE (LeAna for Oakland School Board) */
.navbar-brand,
.site-title,
header .title {
  font-size: 2.0rem;   /* increase size */
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  align-items: center;
}

#profileHeader .navbar-brand {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.1;
    white-space: nowrap;
}

.navbar-brand img {
    height: 120px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin-right: 15px;
}

.navbar-brand {
    font-size: 1.7rem;
    font-weight: 700;
}

.navbar .donate-nav-btn,
.navbar .donate-nav-btn:hover,
.navbar .donate-nav-btn:visited {
    color: #ffffff !important;
}

.donate-nav-btn {
    background: #2E353D;
    color: white !important;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-weight: 700;
    text-decoration: none;
    margin-right: 1rem;
}

.donate-nav-btn:hover {
    background: #000;
    color: white !important;
}

.language-bar {
    text-align: right;
    padding: 0.25rem 1rem;
    font-size: 0.9rem;
    background: transparent;
}

.language-bar a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.language-bar a:hover {
    text-decoration: underline;
}

/* Vertically center everything in navbar */
.navbar-nav {
    align-items: center;
}

/* Center nav links */
.navbar-nav .nav-item {
    display: flex;
    align-items: center;
}

/* Center search box with links */
#search {
    width: 220px;
    height: 38px;
}

/* Ensure the search container aligns with nav items */
.navbar-nav .form-control {
    margin-top: 0;
    margin-bottom: 0;
}

#search,
.search,
.searchbar,
.navbar-search {
    display: none !important;
}

#hero .subtitle {
    font-size: 2rem;
    font-weight: 600;
}

#hero h1 {
    font-size: 5rem;
    font-weight: 800;
}

#hero h2 {
    font-size: 3rem;
    line-height: 1.2;
}

.hero-title {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.1;
}

.hero-description {
  font-size: 1.5rem;
  line-height: 1.4;
}

#hero {
    min-height: 70vh !important;
    padding-bottom: 2rem !important;
}

.hero-bottom-svg,
.hero-bottom-svg svg {
    display: none !important;
}

#projects {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.hero-donate-container {
    margin: 0 !important;
}

.hero-donate-container {
    text-align: center;
    margin: 2rem 0 3rem 0;
	padding: 2rem 0 3rem;
}

.donate-hero-btn {
    background-color: #C14507;
    color: white !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    padding: 0.9rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
}

.donate-hero-btn:hover {
    background-color: #a33a05;
    color: white !important;
}

.campaign-photo-container {
    text-align: center;
    margin: 2rem auto;
    max-width: 1000px;
}

.campaign-photo {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}

#about h3,
#projects h3,
#achievements h3 {
    font-weight: 700 !important;
}

#about {
    margin-top: 0 !important;
    padding-top: 1rem !important;
}

#about,
#about * {
    font-family: 'Alata', sans-serif !important;
}

#projects,
#projects * {
    font-family: 'Alata', sans-serif !important;
}

#achievements,
#achievements * {
    font-family: 'Alata', sans-serif !important;
}