:root {
    --insight-orange: #F66F00;
}

/* Hero Section */
.hero-section {
    position: relative;
    height: calc(100vh - 112px);
    /* Adjust this to match your top stripe + navbar height */
    background-image: url('photos/mekelle.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.hero-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.hero-title {
    color: var(--insight-orange);
}

.hero-subtitle {
    color: white;
    margin-top: -1rem;
}

.hero-text {
    color: rgb(200, 200, 200);
}

.contribute-card {
    border: 1.5px solid #E0E0E0;
    background-color: #F7F7F7;
}

.contribute-card-icon>svg {
    aspect-ratio: 1;
    height: 30px;
    object-fit: contain;
    margin-bottom: 15px;
}

.contribute-button {
    background-color: var(--insight-orange);
    border: none;
}

.contribute-button:hover {
    background-color: #e65c00;
}

.contribute-button:active {
    background-color: #e65c00 !important;
    transform: scale(0.975);
}

.mission-statement {
    line-height: 2rem;
}

.title-row {
    border-left: 6px solid var(--insight-orange);
    display: flex;
    align-items: flex-end;
    gap: 5px;
}

.title-icon>svg {
    aspect-ratio: 1;
    height: 100%;
    padding: 10px;
    object-fit: contain;
}

.mission-card-container {
    background-color: #F7F7F7;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1.5px solid #E0E0E0;
}

.mission-card-icon > svg {
    height: 75px;
    aspect-ratio: 1;
}

.mission-card-stat-number {
    color: var(--insight-orange);
}

.join-message-hidden {
    display: none;
}

.join-message-visible {
    display: flex!important;
}