.oasis-footer {
    display: flex;
    /* align-items: flex-start;
    justify-content: space-between;*/
    background: #336699;
    color: white;
    padding: .5rem .5rem .5rem .5rem;
    border-bottom: 1px solid white;
    font-family: 'Segoe UI', Arial, sans-serif;
    min-height: 20px;
    font-size:12px;
    margin-top:12px;
}

    /* Make header content a flex row so logo + title sit side-by-side */
.oasis-header .header-content {
    display: flex; /* Key: flex row */
    align-items: center; /* Vertically center the title with the logo */
    gap: 1rem; /* Space between logo and title (adjust as needed) */
    flex-wrap: nowrap; /* Prevent wrapping on small screens */
    /*padding: 0.5rem 1rem;*/ /* Optional: nice padding inside header */
    background: #336699; /* Optional: match your existing header bg if needed */
    color: white; /* Assuming title text should be white */
    border-bottom: 1px solid white;
}

/* Keep logo size consistent */
.oasis-logo {
    height: 60px; /* Adjust to match your original logo height */
    width: auto;
    display: block;
}

    /* Style the page title (comes from Index.cshtml) */
.page-title-wrapper {
    color: #00E947;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

/* If your PageTitle section contains an <h1> or <div>, style it directly */
.page-title-wrapper h1,
.page-title-wrapper div {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: inherit;
}
/* The container for the fancy title */
.fancy-title {
    font-size: 2rem; /* Base size for the title */
    font-weight: bold;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.4); 
    margin: 0;
    padding: 0;
    line-height: 1.2;
    display: inline-block; /* Keeps it tight next to logo */
}

/* Big first letters (drop caps) */
.drop-cap {
    font-size: 1.5rem; /* 45% bigger than base */
    line-height: 0.8;
}

.header-logo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.header-center {
    padding-top: 0;
    text-align: center;
    line-height: .9;
    margin-left: -30px;
}
.header-title {
    margin: 0;
    color: #f2f5f8;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.92px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .15);
    white-space: nowrap;
    font-stretch: semi-condensed;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 0, 0, 0.4);
}
.header-subtitle {
    margin: 4px 0 0;
    font-size: 10pt;
    color: #f5f5f5;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
    white-space: nowrap;
}
.header-tagline {
    margin: 4px 0 0;
    font-size: 8pt;
    font-style: italic;
    color: #f0f0f0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
    white-space: nowrap;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--white);
}
.oasis-logo1
{
    height: 60px;
    width: auto;
    display: block;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,.6));
}
.errorpage{
    background: white;
    text-align: center;
}
