/* =========================================================
   WOODSON COUNTY - GRIDBOX CUSTOM CSS
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Open+Sans:wght@600;700&display=swap');

/* ---------------------------------------------------------
   DESKTOP HEADER / NAVIGATION
   --------------------------------------------------------- */

@media (min-width: 1025px) {

    .woodson-nav .nav > li > a {
    padding-left: 20px !important;
    padding-right: 20px !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 2px !important;
}

    .woodson-nav .nav > li > a {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .woodson-nav .nav > li + li::before {
        content: "|";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #9e9e9e;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
    }


    /* Larger Woodson County logo */

    .woodson-logo {
        width: 240px !important;
        max-width: none !important;
        overflow: visible !important;
    }

    .woodson-logo img {
        width: 240px !important;
        max-width: none !important;
        height: auto !important;
    }
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.woodson-hero {
    min-height: 180px !important;
    background-image: url('/main/images/gridbox/woodson-county-header0.jpg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
/* Gray divider - actual imported underscore paragraph */
#item-17913023843 .content-text > p:nth-of-type(5) {
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;

    margin: 28px 0 !important;

    border-top: 1px solid #999999 !important;

    width: 133.333% !important;
    max-width: none !important;

    white-space: nowrap !important;
    overflow: visible !important;

    position: relative;
    z-index: 0;
}
/* Courthouse sidebar base */
#item-1791317768717 {
    position: relative !important;
    z-index: 2 !important;
    background-color: #fafafa !important;
}

/* Address, Contact Information, phone, extensions */
#item-1791317768717 .custom > p,
#item-1791317768717 .custom > p span {
    font-size: 16px !important;
    line-height: 26px !important;
}
/* Original Genius-style courthouse heading */

#item-1791317768717 h3 {
    background-color: #b50404 !important;
    color: #ffffff !important;

    text-transform: uppercase !important;
    letter-spacing: 4px !important;

    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 21px !important;

    text-align: center !important;

    padding: 20px !important;
    margin: 0 0 20px 0 !important;
}
/* ---------------------------------------------------------
   RED DIVIDERS
   Reproduce original typed-hyphen separator
   --------------------------------------------------------- */

#item-17913023843 .content-text > p:has(
    > strong > span[style*="font-size: 12.0pt"][style*="color: #c00000"]:not(:empty)
) {
    width: 88% !important;
    max-width: 88% !important;

    height: 18px !important;
    line-height: 18px !important;

    margin: 28px 0 36px 0 !important;

    white-space: nowrap !important;
    overflow: hidden !important;

    border: 0 !important;
}

/* Restore original visible hyphens */
#item-17913023843 .content-text > p:has(
    > strong > span[style*="font-size: 12.0pt"][style*="color: #c00000"]:not(:empty)
) strong,
#item-17913023843 .content-text > p:has(
    > strong > span[style*="font-size: 12.0pt"][style*="color: #c00000"]:not(:empty)
) span {
    display: inline !important;

    font-family: Abel, sans-serif !important;
    font-size: 16px !important;   /* original 12pt */
    line-height: 18px !important;
    font-weight: 700 !important;

    color: #c00000 !important;
}
@media (min-width: 1025px) {
    .woodson-logo {
        width: 240px !important;
        max-width: none !important;
    }

    .woodson-logo img {
        width: 240px !important;
        max-width: none !important;
        height: auto !important;
    }
}
/* Announcements heading - remove stray divider */
#item-17913023843 .content-text > p:nth-of-type(11) {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: #ffffff !important;
    margin-top: 12px !important;
    margin-bottom: 30px !important;
}
#item-1791317768717 {
    font-size: 13px !important;
    line-height: 20px !important;
}
/* Fixed complete header section */
.woodson-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;

    z-index: 99999 !important;
    background-color: #ffffff !important;

    padding-left: 20% !important;
    padding-right: 0% !important;
    box-sizing: border-box !important;
}

/* Make room for fixed header */
.woodson-hero {
    margin-top: 95px !important;
}
/* First red announcement block */
#item-17913023843 .content-text > p:nth-of-type(11) span,
#item-17913023843 .content-text > p:nth-of-type(12) span,
#item-17913023843 .content-text > p:nth-of-type(13) span {
    font-family: Abel, sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
}
/* Woodson footer: typography and alignment */
footer.footer .woodson-original-footer {
    width: 100%;
    text-align: center !important;
}

footer.footer .woodson-original-footer p,
footer.footer .woodson-original-footer a {
    font-family: "Abel", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #aaaaaa !important;
    text-decoration: none;
}

footer.footer .woodson-original-footer p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Copyright and design credits */
footer.footer .woodson-original-footer p:first-child,
footer.footer .woodson-original-footer p:first-child a {
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
}

/* Preserve visible feedback on links */
footer.footer .woodson-original-footer a:hover,
footer.footer .woodson-original-footer a:focus-visible {
    color: #ffffff !important;
    text-decoration: underline;
}
/* Restore the Job Opportunities heading */
#item-17913023843 .content-text span[style*="24pt"][style*="#c00000"] {
    font-family: Verdana, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: #c00000 !important;
}
/* Give the Job Opportunities heading enough vertical space */
#item-17913023843 .content-text > p:has(
    > strong > span[style*="24pt"][style*="#c00000"]
) {
    font-size: 32px !important;
    line-height: 1.2 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
/* Remove the blank spacer immediately below Job Opportunities */
#item-17913023843 .content-text > p:has(
    > strong > span[style*="24pt"][style*="#c00000"]
) + p:not([class]):not([style]):not(:has(*)) {
    display: none !important;
}
/* Restore the original Woodson Quick Links panel */
#mod-custom203 {
    background: #fafafa !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* Red title bar */
#mod-custom203 > h3 {
    margin: 0 0 20px !important;
    padding: 20px !important;
    background: #b50404 !important;
    color: #ffffff !important;
    font: 600 16px/24px "Open Sans", sans-serif !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

/* List spacing and removal of bullets */
#mod-custom203 > ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 20px !important;
}

#mod-custom203 > ul > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Thin dividers between links */
#mod-custom203 > ul > li + li {
    border-top: 1px solid #eeeeee !important;
}

/* Original link typography */
#mod-custom203 > ul > li > a {
    display: block !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    font: 400 18px/28px "Abel", sans-serif !important;
    color: #7a0202 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
}

#mod-custom203 > ul > li > a:hover,
#mod-custom203 > ul > li > a:focus-visible {
    color: #b50404 !important;
}
/* Restore the employer description's original font */
#item-17913023843 .content-text > p:has(> span[style*="14pt"][style*="Verdana"]):not(:has(a)),
#item-17913023843 .content-text > p:has(> span[style*="14pt"][style*="Verdana"]):not(:has(a)) > span {
    font: 400 14pt/normal Verdana, sans-serif !important;
}

/* Restore "Applications can be emailed to" */
#item-17913023843 .content-text
p:has(a[href$="/FILLABLE_Job_Application.pdf"]) > span {
    font: 400 24px/1.15 "Abel", sans-serif !important;
    color: #444444 !important;
}

/* Restore both PDF application links */
#item-17913023843 .content-text a:is(
    [href$="/FILLABLE_Job_Application.pdf"],
    [href$="/fillable_Shop-Road_App.pdf"]
),
#item-17913023843 .content-text a:is(
    [href$="/FILLABLE_Job_Application.pdf"],
    [href$="/fillable_Shop-Road_App.pdf"]
) > span {
    font: 500 18px/28px Verdana, sans-serif !important;
    color: #7a0202 !important;
    text-decoration: none !important;
}

/* Restore the email link */
#item-17913023843 .content-text
a[href="mailto:clerk@woodsoncounty.net"] {
    font: 400 18px/28px "Abel", sans-serif !important;
    color: #7a0202 !important;
    text-decoration: none !important;
}

/* ---------------------------------------------------------
   WOODSON COUNTY TAXES
   Scope these rules to the 2025 levy section.
   --------------------------------------------------------- */

/* Taxes heading: original bold Verdana, with room for its line box */
#item-17913023843 .content-text > p.MsoNormal:has(
    + p + p.Default + p a[href$="/2025_Levy_Sheet.pdf"]
),
#item-17913023843 .content-text > p.MsoNormal:has(
    + p + p.Default + p a[href$="/2025_Levy_Sheet.pdf"]
) > strong > span {
    font: 700 32px/1.2 Verdana, sans-serif !important;
    color: #444444 !important;
}

#item-17913023843 .content-text > p.MsoNormal:has(
    + p + p.Default + p a[href$="/2025_Levy_Sheet.pdf"]
) {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    text-align: center !important;
}

/* Levy label and its independently sized PDF link */
#item-17913023843 .content-text > p:has(a[href$="/2025_Levy_Sheet.pdf"]),
#item-17913023843 .content-text > p:has(a[href$="/2025_Levy_Sheet.pdf"]) > span {
    font: 400 22pt/28px "Abel", sans-serif !important;
    color: #444444 !important;
}

#item-17913023843 .content-text a[href$="/2025_Levy_Sheet.pdf"] {
    font: 500 18px/28px "Abel", sans-serif !important;
    color: #7a0202 !important;
    text-decoration: none !important;
}

/* Tax explanation, following the levy link and its empty link paragraph */
#item-17913023843 .content-text > p:has(a[href$="/2025_Levy_Sheet.pdf"]) + p + p.MsoNormal,
#item-17913023843 .content-text > p:has(a[href$="/2025_Levy_Sheet.pdf"]) + p + p.MsoNormal > span {
    font: 400 16px/28px Verdana, sans-serif !important;
    color: #444444 !important;
}

/* ---------------------------------------------------------
   UPCOMING HEARINGS
   Preserve the existing blank area and its two real dividers.
   --------------------------------------------------------- */

#item-17913023843 .content-text > h5:has(
    > span[style*="24pt"][style*="color: red"]
),
#item-17913023843 .content-text > h5:has(
    > span[style*="24pt"][style*="color: red"]
) > span[style*="24pt"][style*="color: red"] {
    font: 700 32px/36px "Open Sans", sans-serif !important;
    letter-spacing: 4px !important;
    color: red !important;
    text-align: center !important;
}

#item-17913023843 .content-text > h5:has(
    > span[style*="24pt"][style*="color: red"]
) {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
/* County Partners — restore original link styling */

/* RevitalizeYC */
#item-17913023843 .content-text
a[href="https://www.revitalizeyc.com/"] {
    font: 500 18px/28px "Abel", sans-serif !important;
    color: #7a0202 !important;
    text-decoration: none !important;
}

/* Woodson County Chamber of Commerce */
#item-17913023843 .content-text
a[href="https://woodsoncountychamber.org/"],
#item-17913023843 .content-text
a[href="https://woodsoncountychamber.org/"] > span {
    font: 500 18px/28px Verdana, sans-serif !important;
    color: #7a0202 !important;
    text-decoration: none !important;
}