/* =====================================================================
   custom.css — YOUR file, not Claude's.
   Loaded AFTER theme.css on every page, so anything you put here wins
   over theme.css automatically (same CSS specificity, later file wins).
   Claude will not edit or overwrite this file in future batches unless
   you explicitly ask for a change here. Add your own overrides below.
   ===================================================================== */

.footer-badges img{
  max-width: 200px;
  max-height: 60px;
}

.home-hero-bg{
  width: 100%;
}
.auth-card 
{margin: 0px 0 86px 8%;}
.dash-event-card.lg .thumb{
  width: 220px;
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after
{
  position:relative;
}
.icon-field > label {
    left: 35px !important;
}
.contact-hero {
    min-height: 478px;
}
/* Blog post detail -- styles the raw HTML a Quill editor produces (Areas/Admin's rich-text
   Content field), since it's rendered via @Html.Raw with no CSS classes of its own to hook into
   otherwise. Kept minimal/generic rather than trying to fully re-theme every possible Quill
   output element. */
/* Neutralizes inline color/background-color that Quill carries over when an admin pastes
   formatted text into the Content editor from Word/Google Docs/another web page (our toolbar
   has no color or background buttons -- nobody sets these on purpose, they're leftover clipboard
   baggage). Without this, a pasted paragraph can render as a stray white highlight box with
   near-black text against this page's black background. Background has no legitimate use inside
   blog content, so it's reset everywhere; color falls back to the surrounding ".text-dim"
   wrapper's color except where this file already assigns its own (headings/blockquote/links),
   which are !important below so an inline style on those specific tags can't win over them
   either -- an inline style attribute otherwise beats any external CSS selector regardless of
   specificity, !important is the only way to override it from here. */
.blog-post-content,
.blog-post-content * {
    background-color: transparent !important;
}
.blog-post-content p,
.blog-post-content span,
.blog-post-content li,
.blog-post-content div,
.blog-post-content td,
.blog-post-content th,
.blog-post-content strong,
.blog-post-content b,
.blog-post-content em,
.blog-post-content i,
.blog-post-content u {
    color: inherit !important;
}
.blog-post-content h1,
.blog-post-content h2,
.blog-post-content h3 {
    color: #fff !important;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
}
.blog-post-content p {
    line-height: 1.8;
    margin-bottom: 1.25rem;
}
.blog-post-content ul,
.blog-post-content ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}
.blog-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1rem 0;
}
.blog-post-content blockquote {
    border-left: 3px solid var(--accent, #ff5a1f);
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: #fff !important;
    font-style: italic;
}
.blog-post-content a {
    color: var(--accent, #ff5a1f) !important;
}