/* /Components/Layout/Header.razor.rz.scp.css */
/* Theme toggle button styling */
.theme-toggle-button[b-8zbm5s5256] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.theme-toggle-button:hover[b-8zbm5s5256] {
    background-color: rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.theme-icon[b-8zbm5s5256] {
    width: 1.5rem;
    height: 1.5rem;
    transition: opacity 0.3s ease;
}

/* Default: light mode - show moon icon */
.sun-icon[b-8zbm5s5256] {
    display: none;
}

.moon-icon[b-8zbm5s5256] {
    display: block;
}

/* Show sun in dark mode */
[data-theme="dark"] .sun-icon[b-8zbm5s5256] {
    display: block;
}

[data-theme="dark"] .moon-icon[b-8zbm5s5256] {
    display: none;
}

/* Show moon in light mode */
[data-theme="light"] .sun-icon[b-8zbm5s5256] {
    display: none;
}

[data-theme="light"] .moon-icon[b-8zbm5s5256] {
    display: block;
}

.header[b-8zbm5s5256] {
    background-color: #d96704;
    border-top: 5px solid black;
    border-bottom: 5px solid black;
}

/* Dark mode header */
[data-theme="dark"] .header[b-8zbm5s5256] {
    background-color: #b35503;
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
}

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;
    gap: 1rem;

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

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

.search-form[b-8zbm5s5256] {
    display: flex;
    align-items: center;
    background-color: white;
    border: 2px solid black;
    border-radius: 0.25rem;
    padding: 0.25rem;
    flex-grow: 1;
    max-width: 20rem;
}

/* Dark mode search form */
[data-theme="dark"] .search-form[b-8zbm5s5256] {
    background-color: #2a2a2a;
    border-color: #e0e0e0;
}

.search-input[b-8zbm5s5256] {
    flex-grow: 1;
    border: none;
    outline: none;
    padding: 0.4rem 0.5rem;
    font-size: 1rem;
    background-color: transparent;
}

.search-input[b-8zbm5s5256]::placeholder {
    color: #999;
}

/* Dark mode search input */
[data-theme="dark"] .search-input[b-8zbm5s5256] {
    color: #f0f0f0;
}

[data-theme="dark"] .search-input[b-8zbm5s5256]::placeholder {
    color: #888;
}

.search-button[b-8zbm5s5256] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    transition: color 0.3s ease, transform 0.3s ease;
}

.search-button:hover[b-8zbm5s5256] {
    color: #005fa3;
    transform: scale(1.1);
}

/* Dark mode search button */
[data-theme="dark"] .search-button[b-8zbm5s5256] {
    color: #f0f0f0;
}

[data-theme="dark"] .search-button:hover[b-8zbm5s5256] {
    color: #4a9eff;
}

.search-icon[b-8zbm5s5256] {
    width: 1.25rem;
    height: 1.25rem;
}

.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;
}

/* Dark mode title link */
[data-theme="dark"] .title-link[b-8zbm5s5256] {
    color: #f0f0f0;
}

.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;
}

/* Dark mode social links */
[data-theme="dark"] .social-link[b-8zbm5s5256] {
    color: #f0f0f0;
}

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

a:hover[b-8zbm5s5256] {
    color: #005fa3;
    transform: scale(1.1);
}

/* Dark mode link hover */
[data-theme="dark"] a:hover[b-8zbm5s5256] {
    color: #4a9eff;
}
/* /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/Blogroll.razor.rz.scp.css */
.blogroll-container[b-nwmgtdpcwa] {
    max-width: 50rem;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.blogroll-container h1[b-nwmgtdpcwa] {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #333;
}

/* Dark mode blogroll heading */
[data-theme="dark"] .blogroll-container h1[b-nwmgtdpcwa] {
    color: #f0f0f0;
}

.blogroll-intro[b-nwmgtdpcwa] {
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: palegoldenrod;
    border-style: solid;
    border-radius: 1rem;
    box-shadow: 10px 10px;
}

/* Dark mode blogroll intro */
[data-theme="dark"] .blogroll-intro[b-nwmgtdpcwa] {
    background-color: #6b5d28;
    border-color: #e0e0e0;
    box-shadow: 10px 10px rgba(224, 224, 224, 0.3);
}

.blogroll-intro p[b-nwmgtdpcwa] {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 0.75rem;
}

/* Dark mode blogroll intro text */
[data-theme="dark"] .blogroll-intro p[b-nwmgtdpcwa] {
    color: #e0e0e0;
}

.opml-download[b-nwmgtdpcwa] {
    font-size: 0.95rem;
}

.opml-download a[b-nwmgtdpcwa] {
    color: #005fa3;
    text-decoration: none;
    font-weight: 500;
}

.opml-download a:hover[b-nwmgtdpcwa] {
    text-decoration: underline;
}

/* Dark mode OPML link */
[data-theme="dark"] .opml-download a[b-nwmgtdpcwa] {
    color: #4a9eff;
}

.blogroll-list[b-nwmgtdpcwa] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.category[b-nwmgtdpcwa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: lavender;
    border-style: solid;
    border-radius: 1rem;
    box-shadow: 10px 10px;
}

/* Dark mode category */
[data-theme="dark"] .category[b-nwmgtdpcwa] {
    background-color: #4a3a5a;
    border-color: #e0e0e0;
    box-shadow: 10px 10px rgba(224, 224, 224, 0.3);
}

.category h2[b-nwmgtdpcwa] {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
    color: #333;
    border-bottom: 2px solid;
    padding-bottom: 0.5rem;
}

/* Dark mode category heading */
[data-theme="dark"] .category h2[b-nwmgtdpcwa] {
    color: #f0f0f0;
    border-bottom-color: #e0e0e0;
}

.category ul[b-nwmgtdpcwa] {
    list-style-type: disc;
    padding-left: 2rem;
    margin: 0;
}

.category li[b-nwmgtdpcwa] {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.category li a[b-nwmgtdpcwa] {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

.category li a:hover[b-nwmgtdpcwa] {
    color: #005fa3;
    text-decoration: underline;
}

/* Dark mode category links */
[data-theme="dark"] .category li a[b-nwmgtdpcwa] {
    color: #f0f0f0;
}

[data-theme="dark"] .category li a:hover[b-nwmgtdpcwa] {
    color: #4a9eff;
}

/* /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 */
.page-links-container[b-er96nqt9eq] {
    max-width: 50rem;
    margin: 1.5rem auto;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
}

.page-links[b-er96nqt9eq] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem;
    background-color: lightskyblue;
    border-style: solid;
    border-radius: 1rem;
    box-shadow: 10px 10px;
}

/* Dark mode page links */
[data-theme="dark"] .page-links[b-er96nqt9eq] {
    background-color: #2b5278;
    border-color: #e0e0e0;
    box-shadow: 10px 10px rgba(224, 224, 224, 0.3);
}

.page-link[b-er96nqt9eq] {
    color: #333;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.page-link:hover[b-er96nqt9eq] {
    color: #005fa3;
}

/* Dark mode page link */
[data-theme="dark"] .page-link[b-er96nqt9eq] {
    color: #f0f0f0;
}

[data-theme="dark"] .page-link:hover[b-er96nqt9eq] {
    color: #4a9eff;
}

/* /Components/Pages/Search.razor.rz.scp.css */
.search-page[b-hwsl5vrx79] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.search-header[b-hwsl5vrx79] {
    margin-bottom: 2rem;
}

.search-header h2[b-hwsl5vrx79] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #333;
}

/* Dark mode search header */
[data-theme="dark"] .search-header h2[b-hwsl5vrx79] {
    color: #f0f0f0;
}

.search-query[b-hwsl5vrx79] {
    font-size: 1.1rem;
    color: #666;
    margin: 0.5rem 0;
}

.search-query strong[b-hwsl5vrx79] {
    color: #333;
}

/* Dark mode search query */
[data-theme="dark"] .search-query[b-hwsl5vrx79] {
    color: #b0b0b0;
}

[data-theme="dark"] .search-query strong[b-hwsl5vrx79] {
    color: #f0f0f0;
}

.loading[b-hwsl5vrx79] {
    text-align: center;
    padding: 3rem 0;
    color: #666;
    font-size: 1.1rem;
}

/* Dark mode loading */
[data-theme="dark"] .loading[b-hwsl5vrx79] {
    color: #b0b0b0;
}

.search-results[b-hwsl5vrx79] {
    margin-top: 2rem;
}

.results-count[b-hwsl5vrx79] {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

/* Dark mode results count */
[data-theme="dark"] .results-count[b-hwsl5vrx79] {
    color: #b0b0b0;
    border-bottom-color: #555;
}

.no-results[b-hwsl5vrx79],
.no-query[b-hwsl5vrx79] {
    text-align: center;
    padding: 3rem 1rem;
    color: #666;
}

.no-results p[b-hwsl5vrx79],
.no-query p[b-hwsl5vrx79] {
    font-size: 1.1rem;
    margin: 0.5rem 0;
}

.no-results p:first-child[b-hwsl5vrx79] {
    font-weight: 600;
    color: #333;
}

/* Dark mode no results */
[data-theme="dark"] .no-query[b-hwsl5vrx79],
[data-theme="dark"] .no-results[b-hwsl5vrx79] {
    color: #b0b0b0;
}

[data-theme="dark"] .no-results p:first-child[b-hwsl5vrx79] {
    color: #f0f0f0;
}

/* /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: #d96704;
}

/* Dark mode post */
[data-theme="dark"] .post[b-xhru83pm7s] {
    background-color: #b35503;
    border-color: #e0e0e0;
    box-shadow: 10px 10px rgba(224, 224, 224, 0.3);
}

.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. */
}

/* Title link styling */
.post-title h2 a[b-xhru83pm7s] {
    color: inherit;
    text-decoration: none;
}

.post-title h2 a:hover[b-xhru83pm7s] {
    text-decoration: underline;
}

/* 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;
}

/* Dark mode blockquote */
[data-theme="dark"] .post[b-xhru83pm7s]  blockquote {
    background-color: rgba(0, 0, 0, 0.2);
    border-left-color: #e0e0e0;
    color: #ccc;
}
/* /Components/Posts/PostList.razor.rz.scp.css */
.post-list-container[b-aifd6dpabb] {
    max-width: 50rem;
    margin: 0 auto;
}