/* /Components/Layout/Header.razor.rz.scp.css */
.header[b-8zbm5s5256] {
    background-color: orange;

    border-top: 5px solid black;
    border-bottom: 5px solid black;
}

h1[b-8zbm5s5256] {
    margin: 0;
}

.nav-container[b-8zbm5s5256] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Pushes the title and social links all the way to the edges of the title */
    align-items: center;

    /* Push the items in toward the center */
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;

    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.title[b-8zbm5s5256] {
    margin-left: 0.5rem; /* Push the title to the right slightly */
}

.title-link[b-8zbm5s5256] {
    text-decoration: none; /* Remove underline from link */
    color: black;
}

.logo[b-8zbm5s5256] {
    width: 1.5rem;
    height: 1.5rem;
}

.link-container[b-8zbm5s5256] {
    display: flex; /* Make the items display horizontally */
    align-items: center; /* Vertically align the items */
    gap: .4rem; /* Space between logo and text of link */
}

.social-links[b-8zbm5s5256] {
    display: flex;
    align-items: center;
    margin-right: 0.5rem; /* Push the social links to the left slightly */
}

.social-link[b-8zbm5s5256] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    text-decoration: none;
    color: black;
    font-size: 1.5rem;
}

a[b-8zbm5s5256] {
    transition: color 0.3s ease, transform 0.3s ease;
}

a:hover[b-8zbm5s5256] {
    color: #005fa3;
    transform: scale(1.1);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-rymvu1j602] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-rymvu1j602] {
    flex: 1;
}

#blazor-error-ui[b-rymvu1j602] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-rymvu1j602] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Pages/Admin/AdminHome.razor.rz.scp.css */
/* Use deep to make sure style applies to the child element, InputTextArea.
   This is due to the way blazor performs css isolation. Otherwise, this 
   style would only apply to the AdminHome page and not child components. */
.post-editor[b-mzhxvb4dd5] {
    min-height: 150px; /* Adjust height for multiple lines */
    background-color: white; /* White background */
}

[b-mzhxvb4dd5] input {
    width: 100%; /* Makes it stretch across its container */
    padding: 10px; /* Adds space inside the box */
    font-size: 16px; /* Increases text size */
    border: 1px solid #ccc; /* Adds a subtle border */
    border-radius: 5px; /* Rounds the corners */
}

/* Form Styles */
.validation-message[b-mzhxvb4dd5] {
    color: red;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.form-group[b-mzhxvb4dd5] {
    margin-bottom: 1rem;
}

.form-label[b-mzhxvb4dd5] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.form-control[b-mzhxvb4dd5] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.form-control.invalid[b-mzhxvb4dd5] {
    border-color: #dc3545;
}

.btn-primary[b-mzhxvb4dd5] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

.btn-danger[b-mzhxvb4dd5] {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

/* Alert Styles */
.alert[b-mzhxvb4dd5] {
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.alert-danger[b-mzhxvb4dd5] {
    color: red;
    border: 1px solid #dc3545;
}

.alert-success[b-mzhxvb4dd5] {
    color: green;
    border: 1px solid #28a745;
}

small.hint[b-mzhxvb4dd5] {
    color: #6c757d;
    font-size: 0.875rem;
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error[b-2p3vmrbiun] {
    border-bottom: 1px solid #ccc;
    padding: 15px;
    margin: 1rem 0;

    background-color: orange;
    box-shadow: 10px 10px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* /Components/Posts/BlogPost.razor.rz.scp.css */
.post[b-xhru83pm7s] {
    /* Border around post */
    border-style: solid;
    border-radius: 1rem;
    box-shadow: 10px 10px;

    /* Space around post */
    padding: 15px;
    margin: 1rem 0;

    /* Colors */
    background-color: orange;
}

.post-meta[b-xhru83pm7s] {
    font-size: .9rem;
    font-style: italic;
}

.post-content[b-xhru83pm7s] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Title container */
.post-title[b-xhru83pm7s] {
    display: flex; /* Makes the header and edit button get rendered in a row together */
    justify-content: space-between; /* space-between pushes the title to the left and the button to the right. */
}

/* Edit button style */
button.edit-btn[b-xhru83pm7s] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

button.edit-btn svg[b-xhru83pm7s] {
    transition: transform 0.2s ease-in-out;
}

button.edit-btn:hover svg[b-xhru83pm7s] {
    transform: scale(1.1);
}

/* Style block quotes to look more like markdown-style quotes */
[b-xhru83pm7s] blockquote {
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.2);
    border-left: 4px solid black;
    color: #555;
    font-style: italic;
    border-radius: 4px;
}
/* /Components/Posts/PostList.razor.rz.scp.css */
.post-list-container[b-aifd6dpabb] {
    max-width: 50rem;
    margin: 0 auto;
}