body {
  color: black; 
}

.entry-content a:hover {
  text-decoration: underline; 
  text-decoration-color: #5993a6; 
}

.entry-content a {
   text-decoration-color: #5993a6; 
}

li::marker {
  color: #5993a6; 
}

.site-content {
    margin: 0 auto;
    max-width: 65rem;  /* slightly narrower for better readability */
    padding: 0 1.5rem;
    width: 100%;
    float: none;  /* prevents floating issues */
    position: relative;  /* ensures proper positioning */
    left: 0;  /* resets any left positioning */
    right: 0;  /* resets any right positioning */
}

/* This helps center inner content if needed */
.entry-content {
    margin: 0 auto;
    width: 100%;
}

.editor-styles-wrapper ul li, 
main ul li {
    margin-bottom: 14px;
}

@media screen and (min-width: 1024px) {
    /* Hide the mobile hamburger button/three dots on desktop screen widths */
    .menu-toggle, 
    .mobile-navigation-toggle, 
    .nav-toggle,
    .hamburger,
    [class*="toggle"] {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {
    /* 1. Nuke the giant black horizontal line cutting across the screen */
    header, .site-header, .header-container {
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* 2. Clear out the broken borders surrounding the navigation wrapper */
    .main-navigation, #site-navigation {
        border: none !important;
        background: transparent !important;
        display: flex !important;
        justify-content: center !important; /* Centers the whole menu block */
        width: 100% !important;
        margin-top: 20px !important; /* Adds professional breathing room below the image */
    }

    /* 3. Force the links into a clean, border-free horizontal row */
    .main-navigation ul, #site-navigation ul {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 35px !important; /* Gives the text links clean, generous breathing room */
        border: none !important;
        padding: 0 !important;
        margin: 0 auto !important;
        list-style: none !important;
    }

    /* 4. Completely eliminate the tiny jagged underlines beneath individual links */
    .main-navigation li, #site-navigation li,
    .main-navigation a, #site-navigation a {
        border: none !important;
        border-bottom: none !important;
        text-decoration: none !important;
        padding: 10px 0 !important;
        background: none !important;
    }
    
    /* 5. Add a subtle, professional hover effect instead of heavy lines */
    .main-navigation a:hover, #site-navigation a:hover {
        opacity: 0.7 !important;
    }
}

/* Erase the parent container of WPBot ghost bubbles */
li:has(.kill-bubble),
div.wp-chatbot-msg:has(.kill-bubble),
div.wp-chat-msg:has(.kill-bubble),
.wp-chatbot-comment-loader:has(.kill-bubble) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}