PageSourceSearch

https://dixieclerk.com/

html dixieclerk.com collected 2026-10-02 20:29:54 UTC 150,490 bytes, 2,453 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5  <meta charset="UTF-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <link rel="manifest" href="/app.webmanifest">
8
9      <link rel="preload" fetchpriority="high" href="https://dixie-clerk.s3.amazonaws.com/uploads/2025/08/26103505/dixie-hero-e1755194337430.webp" as="image" >
10        <link rel="preload" fetchpriority="high" href="https://dixie-clerk.s3.amazonaws.com/uploads/2025/08/26104253/Dixie-home-page-compressed.webp" as="image" >
11  
12  <link rel="stylesheet" async href="https://use.typekit.net/gsg2nxz.css">
13  
14
15  
16  
17  
17<script>
18    window.dataLayer = window.dataLayer || [];
19    function gtag(){ dataLayer.push(arguments); }
20  </script>
20
21
22  <title>Dixie County Clerk of Court &amp; Comptroller | Barbara Higginbotham</title>
23<meta name='robots' content='max-image-preview:large' />
24<style id="wp-img-auto-sizes-contain-inline-css">
25img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
26/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
27</style>
28<style id="classic-theme-styles-inline-css">
29/*! This file is auto-generated */
30.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
31/*# sourceURL=/wp-includes/css/classic-themes.min.css */
32</style>
33
34<style id="global-styles-inline-css">
35:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
35--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
35.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
36/*# sourceURL=global-styles-inline-css */
37</style>
38
39<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://dixieclerk.com/wordpress/xmlrpc.php?rsd" />
40<link rel='shortlink' href='https://dixieclerk.com/' />
41<!-- SEO meta tags powered by SmartCrawl https://wpmudev.com/project/smartcrawl-wordpress-seo/ -->
42<link rel="canonical" href="https://dixieclerk.com/" />
43<meta name="description" content="The Clerk of the Circuit Court is an elected office established according to the Florida Constitution for the purpose of serving the citizens of each county as a public trustee." />
44<script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/dixieclerk.com\/wordpress\/#schema-publishing-organization","url":"https:\/\/dixieclerk.com\/wordpress","name":"Dixie County Clerk of Court &amp; Comptroller","description":""},{"@type":"WebSite","@id":"https:\/\/dixieclerk.com\/wordpress\/#schema-website","url":"https:\/\/dixieclerk.com\/wordpress","name":"Dixie County Clerk of Court","encoding":"UTF-8","potentialAction":{"@type":"SearchAction","target":"https:\/\/dixieclerk.com\/search\/{search_term_string}\/","query-input":"required name=search_term_string"}},{"@type":"Person","@id":"https:\/\/dixieclerk.com\/author\/kma_web_gurus\/#schema-author","name":"KMA","url":"https:\/\/dixieclerk.com\/author\/kma_web_gurus\/"}]}</script>
44
45<meta property="og:type" content="website" />
46<meta property="og:url" content="https://dixieclerk.com/" />
47<meta property="og:title" content="Dixie County Clerk of Court &amp; Comptroller | Barbara Higginbotham" />
48<meta property="og:description" content="The Clerk of the Circuit Court is an elected office established according to the Florida Constitution for the purpose of serving the citizens of each county as a public trustee." />
49<meta property="og:image" content="https://dixieclerk.com/uploads/2025/07/Dixie-about.webp" />
50<meta property="og:image:width" content="596" />
51<meta property="og:image:height" content="364" />
52<meta name="twitter:card" content="summary_large_image" />
53<meta name="twitter:title" content="Dixie County Clerk of Court &amp; Comptroller | Barbara Higginbotham" />
54<meta name="twitter:description" content="The Clerk of the Circuit Court is an elected office established according to the Florida Constitution for the purpose of serving the citizens of each county as a public trustee." />
55<meta name="twitter:image" content="https://dixieclerk.com/uploads/2025/07/Dixie-about.webp" />
56<!-- /SEO -->
57
58
59  <link href="/styles/app.css?id=727e2bc3026c6c3ef0e597dfde885cbc" async rel="stylesheet">
60
61  
62      
62<script>
vendor: 343 bytes, lines 62-66
62(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
63    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
64    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
65    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
66    })(window,document,'script','dataLayer','
66GTM-5F5SG9PH
vendor: 3 bytes, line 66
66');
66</script>
66
67  
68  
69</head>
70<style>
71  [v-cloak] {
72    display: none
73  }
74</style>
75
76<body class="home wp-singular page-template-default page page-id-6 wp-theme-kmatailwind">
vendor: 78 bytes, lines 76-79
76
77
78  
79      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
79GTM-5F5SG9PH
vendor: 98 bytes, lines 79-84
79"
80    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
81  
82  
83  
84  
84<div id="app" >
85    <main class="w-full font-sans text-base antialiased" aria-label="Main Application Container" role="main" >
86      <a href="#content" class="absolute -top-40 focus:top-2 left-2 h-auto w-auto px-4 py-2 bg-white border rounded text-gray-900 font-bold focus:border-4 z-[100]" >Skip to content</a>
87
88      <header class="transition-transform transform duration-700 w-full fixed z-50 dark">
89
90  <div class="">
91
92    <div class="absolute z-0 w-full h-48 bg-gradient-to-b from-primary-darker"
93      v-bind:class="{
94          'flex': scrollPosition <= 0,
95          'hidden': scrollPosition > 0
96      }">
97    </div>
98
99    <div class="relative z-20 w-full">
100      <div class="relative transition-all duration-700 sm:flex justify-between items-center lg:px-8"
101        v-bind:class="{
102            'h-28 sm:h-32 lg:h-40 bg-primary sm:bg-transparent': scrollPosition <= 0,
103            'bg-primary-dark/80 backdrop-blur': scrollPosition > 0,
104        }">
105
106        <a href="/" class="flex items-center justify-start relative z-20 sm:p-2">
107
108  
109  <div class="flex-none transition-all duration-500 h-full" >
110    <img class="border-r-4 sm:border-[3.5px] block h-full transition-all duration-500" src="/images/clerk-headshot.webp" alt="Jace Ford, Clerk of Court and Comptroller of Dixie County, Florida" width="97"
111      v-bind:class="{
112        'w-24': scrollPosition <= 0,
113        'w-16': scrollPosition > 0,
114      }"
115    >
116  </div>
117
118  
119  <div class="py-1 pl-4">
120    <img class="block h-auto transition-all duration-500" src="/images/dixie-clerk-logo.svg" alt="Dixie County Clerk of Court &amp; Comptroller"
121      v-bind:class="{
122        'w-full': scrollPosition <= 0,
123        'w-56 py-1': scrollPosition > 0,
124      }" />
125  </div>
126
127</a>
128        <div class="flex items-center gap-8">
129          <nav class="hidden w-auto h-full xl:flex gap-4 transition">
130
131    
132          <div class="group h-full" @keydown.enter="toggleDropdown(0)"  x-data="{ open: false }" tabindex="0">
133
134        <a 
135
136  
137    role="button"
138  aria-label="Open menu of links within Departments &amp; Services"
139  
140  
141  
142  class="nav-link dark whitespace-nowrap"
143
144>
145  <span>Departments & Services</span>
146
147      <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" role="presentation" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
148  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
149</svg>
150
151  
152</a>
153
154        
155                  <div class="mega-menu-container dark max-h-[93vh] overflow-y-auto"
156            :class="{
157                'before:h-24': scrollPosition > 0,
158                'before:h-40': scrollPosition <= 0,
159            }">
160
161            <div class="w-full max-w-screen-2xl mx-auto grid grid-cols-8 p-8 pt-44 2xl:px-16 transition gap-8 relative z-10">
162
163              <div class="px-4 col-span-2">
164                <p class="mega-menu-title" tabindex="0">
165                  Departments & Services
166                </p>
167
168                
169              </div>
170
171              <div class="col-span-6 px-8 border-l-2 border-white/20 pl-16 grid grid-cols-3 gap-8">
172
173                                  <div class="relative">
174
175                    <a 
176                       href="https://dixieclerk.com/departments-services/court-services/"                        target=""                       
177                      class="group no-underline block hover:scale-105 transition-all duration-500"
178                    >
179                      <span class="mega-menu-child-title has-link">
180                        Court Services
181                      </span>
182                                          </a>
183
184                                          <div class="w-full top-0 flex-col mt-2 mb-4">
185                                                  <a 
186
187    href="https://dixieclerk.com/departments-services/court-services/traffic-department/"
188  
189  
190    target=""
191  
192  
193  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
194
195>
196  <span>Traffic Department</span>
197
198  
199</a>
200                                                  <a 
201
202    href="https://dixieclerk.com/departments-services/court-services/property-sales/"
203  
204  
205    target=""
206  
207  
208  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
209
210>
211  <span>Property Sales</span>
212
213  
214</a>
215                                                  <a 
216
217    href="https://dixieclerk.com/departments-services/court-services/foreclosure-sales/"
218  
219  
220    target=""
221  
222  
223  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
224
225>
226  <span>Foreclosure Sales</span>
227
228  
229</a>
230                                                  <a 
231
232    href="https://dixieclerk.com/departments-services/court-services/tax-deed-sales/"
233  
234  
235    target=""
236  
237  
238  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
239
240>
241  <span>Tax Deed Sales</span>
242
243  
244</a>
245                                                  <a 
246
247    href="https://dixieclerk.com/departments-services/court-services/lands-available-for-taxes/"
248  
249  
250    target=""
251  
252  
253  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
254
255>
256  <span>Lands Available for Taxes</span>
257
258  
259</a>
260                                                  <a 
261
262    href="https://dixieclerk.com/departments-services/court-services/jury-duty/"
263  
264  
265    target=""
266  
267  
268  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
269
270>
271  <span>Jury Duty</span>
272
273  
274</a>
275                                              </div>
276                    
277
278                  </div>
279                                  <div class="relative">
280
281                    <a 
282                                             target=""                       
283                      class="group no-underline block"
284                    >
285                      <span class="mega-menu-child-title">
286                        Clerk Services
287                      </span>
288                                          </a>
289
290                                          <div class="w-full top-0 flex-col mt-2 mb-4">
291                                                  <a 
292
293    href="https://dixieclerk.com/departments-services/clerk-services/board-minutes/"
294  
295  
296    target=""
297  
298  
299  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
300
301>
302  <span>Board Minutes</span>
303
304  
305</a>
306                                                  <a 
307
308    href="https://dixie-clerk.s3.amazonaws.com/uploads/2026/09/09090036/2026-Dixie-Count-BOCC-Meetings.pdf"
309  
310  
311    target="_blank"
312  
313    aria-label="Board Meeting Schedule opens in a new tab"
314  
315  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
316
317>
318  <span>Board Meeting Schedule</span>
319
320      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
321  
322</a>
323                                                  <a 
324
325    href="https://dixieclerk.com/departments-services/clerk-services/clerk-to-board/"
326  
327  
328    target=""
329  
330  
331  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
332
333>
334  <span>Clerk to the Board</span>
335
336  
337</a>
338                                                  <a 
339
340    href="https://dixieclerk.com/departments-services/clerk-services/emergency-orders/"
341  
342  
343    target=""
344  
345  
346  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
347
348>
349  <span>Emergency Orders</span>
350
351  
352</a>
353                                                  <a 
354
355    href="https://dixieclerk.com/departments-services/clerk-services/finance-department/"
356  
357  
358    target=""
359  
360  
361  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
362
363>
364  <span>Finance Department</span>
365
366  
367</a>
368                                                  <a 
369
370    href="https://dixieclerk.com/departments-services/clerk-services/marr
370iage-licenses/"
371  
372  
373    target=""
374  
375  
376  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
377
378>
379  <span>Marriage Licenses</span>
380
381  
382</a>
383                                                  <a 
384
385    href="https://dixieclerk.com/departments-services/clerk-services/value-adjustment-board/"
386  
387  
388    target=""
389  
390  
391  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
392
393>
394  <span>Value Adjustment Board</span>
395
396  
397</a>
398                                              </div>
399                    
400
401                  </div>
402                                  <div class="relative">
403
404                    <a 
405                                             target=""                       
406                      class="group no-underline block"
407                    >
408                      <span class="mega-menu-child-title">
409                        Online Services
410                      </span>
411                                          </a>
412
413                                          <div class="w-full top-0 flex-col mt-2 mb-4">
414                                                  <a 
415
416    href="https://trieshield.com/Agency?AgencyCode=12029"
417  
418  
419    target="_blank"
420  
421    aria-label="Property Fraud Alerts opens in a new tab"
422  
423  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
424
425>
426  <span>Property Fraud Alerts</span>
427
428      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
429  
430</a>
431                                                  <a 
432
433    href="https://dixieclerk.com/departments-services/online-services/fee-calculators/"
434  
435  
436    target=""
437  
438  
439  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
440
441>
442  <span>Fee Calculators</span>
443
444  
445</a>
446                                                  <a 
447
448    href="https://dixieclerk.com/departments-services/online-services/pay-online/"
449  
450  
451    target=""
452  
453  
454  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
455
456>
457  <span>Pay Online</span>
458
459  
460</a>
461                                                  <a 
462
463    href="https://paychoice.civiteksolutions.com/paychoice/county/AAA0CD105FC1415E936699999525075D"
464  
465  
466    target="_blank"
467  
468    aria-label="Pay Court Fines opens in a new tab"
469  
470  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
471
472>
473  <span>Pay Court Fines</span>
474
475      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
476  
477</a>
478                                                  <a 
479
480    href="https://paychoice.civiteksolutions.com/paychoice/county/AAA0CD105FC1415E936699999525075D"
481  
482  
483    target="_blank"
484  
485    aria-label="Pay Traffic Tickets opens in a new tab"
486  
487  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
488
489>
490  <span>Pay Traffic Tickets</span>
491
492      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 o
492pacity-90">
493  
494</a>
495                                                  <a 
496
497    href="https://www3.myfloridacounty.com/child_support/index.html"
498  
499  
500    target="_blank"
501  
502    aria-label="Pay Child Support opens in a new tab"
503  
504  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
505
506>
507  <span>Pay Child Support</span>
508
509      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
510  
511</a>
512                                              </div>
513                    
514
515                  </div>
516                                  <div class="relative">
517
518                    <a 
519                                             target=""                       
520                      class="group no-underline block"
521                    >
522                      <span class="mega-menu-child-title">
523                        Online Records
524                      </span>
525                                          </a>
526
527                                          <div class="w-full top-0 flex-col mt-2 mb-4">
528                                                  <a 
529
530    href="https://www.civitekflorida.com/ocrs/county/15/"
531  
532  
533    target="_blank"
534  
535    aria-label="Court Records Search opens in a new tab"
536  
537  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
538
539>
540  <span>Court Records Search</span>
541
542      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
543  
544</a>
545                                                  <a 
546
547    href="https://kofilequicklinks.com/DixieFL/"
548  
549  
550    target="_blank"
551  
552    aria-label="Official Records 1920-1983 opens in a new tab"
553  
554  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
555
556>
557  <span>Official Records 1920-1983</span>
558
559      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
560  
561</a>
562                                                  <a 
563
564    href="https://www.myfloridacounty.com/orisearch/15"
565  
566  
567    target="_blank"
568  
569    aria-label="Official Records 1983-Now opens in a new tab"
570  
571  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
572
573>
574  <span>Official Records 1983-Now</span>
575
576      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
577  
578</a>
579                                              </div>
580                    
581
582                  </div>
583                
584              </div>
585
586            </div>
587
588          </div>
589          
590        
591      </div>
592          <div class="group h-full" @keydown.enter="toggleDropdown(1)"  x-data="{ open: false }" tabindex="0">
593
594        <a 
595
596  
597    role="button"
598  aria-label="Open menu of links within Resources"
599  
600  
601  
602  class="nav-link dark whitespace-nowrap"
603
604>
605  <span>Resources</span>
606
607      <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" role="presentation" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
608  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
609</svg>
610
611  
612</a>
613
614        
615                  <div class="mega-menu-container dark max-h-[93vh] overflow-y-auto"
616            :class="{
617                'before:h-24': scrollPosition > 0,
618                'before:h-40': scrollPosition <= 0,
619            }">
620
621            <div class="w-full max-w-screen-2xl mx-auto grid grid-cols-8 p-8 pt-44 2xl:px-16 transition gap-8 relative z-10">
622
623              <div class="px-4 col-span-2">
624                <p class="mega-menu-title" tabindex="0">
625                  Resources
626                </p>
627
628                
629              </div>
630
631              <div class="col-span-6 px-8 border-l-2 border-white/20 pl-16 grid grid-cols-3 gap-8">
632
633                                  <div class="relative">
634
635                    <a 
636                                             target=""                       
637                      class="group no-underline block"
638                    >
639                      <span class="mega-menu-child-title">
640                        Local Links
641                      </span>
642                                          </a>
643
644                                          <div class="w-full top-0 flex-col mt-2 mb-4">
645                                                  <a 
646
647    href="https://dixiecounty.us/"
648  
649  
650    target="_blank"
651  
652    aria-label="Board of County Commissioners opens in a new tab"
653  
654  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
655
656>
657  <span>Board of County Commissioners</span>
658
659      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
660  
661</a>
662                                                  <a 
663
664    href="https://dixiecountychamber.org/"
665  
666  
667    target="_blank"
668  
669    aria-label="Chamber of Commerce opens in a new tab"
670  
671  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
672
673>
674  <span>Chamber of Commerce</span>
675
676      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
677  
678</a>
679                                                  <a 
680
681    href="http://www.visitdixie.com/"
682  
683  
684    target="_blank"
685  
686    aria-label="Tourist Development Council opens in a new tab"
687  
688  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
689
690>
691  <span>Tourist Development Council</span>
692
693      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
694  
695</a>
696                                                  <a 
697
698    href="http://www.qpublic.net/fl/dixie/"
699  
700  
701    target="_blank"
702  
703    aria-label="Property Appraiser opens in a new tab"
704  
705  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
706
707>
708  <span>Property Appraiser</span>
709
710      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
711  
712</a>
713                                                  <a 
714
715    href="http://www.dixie.k12.fl.us/"
716  
717  
718    target="_blank"
719  
720    aria-label="School Board opens in a new tab"
721  
722  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
723
724>
725  <span>School Board</span>
726
727      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
728  
729</a>
730                                                  <a 
731
732    href="http://www.dixiecountysheriff.com/"
733  
734  
735    target="_blank"
736  
737    aria-label="Sheriffs Office opens in a new tab"
738  
739  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
740
741>
742  <span>Sheriffs Office</span>
743
744      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 o
744pacity-90">
745  
746</a>
747                                                  <a 
748
749    href="https://dixietax.com/"
750  
751  
752    target="_blank"
753  
754    aria-label="Tax Collector opens in a new tab"
755  
756  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
757
758>
759  <span>Tax Collector</span>
760
761      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
762  
763</a>
764                                                  <a 
765
766    href="https://www.dixievotes.com/"
767  
768  
769    target="_blank"
770  
771    aria-label="Supervisior of Elections opens in a new tab"
772  
773  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
774
775>
776  <span>Supervisior of Elections</span>
777
778      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
779  
780</a>
781                                              </div>
782                    
783
784                  </div>
785                                  <div class="relative">
786
787                    <a 
788                                             target=""                       
789                      class="group no-underline block"
790                    >
791                      <span class="mega-menu-child-title">
792                        State Agencies
793                      </span>
794                                          </a>
795
796                                          <div class="w-full top-0 flex-col mt-2 mb-4">
797                                                  <a 
798
799    href="http://www.myflorida.com/"
800  
801  
802    target="_blank"
803  
804    aria-label="MyFlorida.com opens in a new tab"
805  
806  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
807
808>
809  <span>MyFlorida.com</span>
810
811      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
812  
813</a>
814                                                  <a 
815
816    href="http://floridarevenue.com/pages/default.aspx"
817  
818  
819    target="_blank"
820  
821    aria-label="Florida Department of Revenue opens in a new tab"
822  
823  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
824
825>
826  <span>Florida Department of Revenue</span>
827
828      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
829  
830</a>
831                                                  <a 
832
833    href="https://dos.myflorida.com/"
834  
835  
836    target="_blank"
837  
838    aria-label="Florida Department of State opens in a new tab"
839  
840  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
841
842>
843  <span>Florida Department of State</span>
844
845      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
846  
847</a>
848                                                  <a 
849
850    href="http://www.leg.state.fl.us/Welcome/index.cfm?CFID=115459569&amp;CFTOKEN=86832762"
851  
852  
853    target="_blank"
854  
855    aria-label="Florida Legislature opens in a new tab"
856  
857  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
858
859>
860  <span>Florida Legislature</span>
861
862      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 o
862pacity-90">
863  
864</a>
865                                                  <a 
866
867    href="https://www.flcourts.org/"
868  
869  
870    target="_blank"
871  
872    aria-label="Florida State Courts opens in a new tab"
873  
874  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
875
876>
877  <span>Florida State Courts</span>
878
879      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
880  
881</a>
882                                                  <a 
883
884    href="http://www.myfloridalegal.com/"
885  
886  
887    target="_blank"
888  
889    aria-label="Florida Attorney General opens in a new tab"
890  
891  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
892
893>
894  <span>Florida Attorney General</span>
895
896      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
897  
898</a>
899                                                  <a 
900
901    href="http://www.fdle.state.fl.us/"
902  
903  
904    target="_blank"
905  
906    aria-label="FLDE opens in a new tab"
907  
908  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
909
910>
911  <span>FLDE</span>
912
913      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
914  
915</a>
916                                                  <a 
917
918    href="https://www.floridadisaster.org/"
919  
920  
921    target="_blank"
922  
923    aria-label="Florida Disaster opens in a new tab"
924  
925  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
926
927>
928  <span>Florida Disaster</span>
929
930      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
931  
932</a>
933                                                  <a 
934
935    href="https://www.flhsmv.gov/"
936  
937  
938    target="_blank"
939  
940    aria-label="Florida Highway Safety opens in a new tab"
941  
942  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
943
944>
945  <span>Florida Highway Safety</span>
946
947      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
948  
949</a>
950                                                  <a 
951
952    href="http://floridavets.org/"
953  
954  
955    target="_blank"
956  
957    aria-label="Florida Veterans Affairs opens in a new tab"
958  
959  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
960
961>
962  <span>Florida Veterans Affairs</span>
963
964      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
965  
966</a>
967                                              </div>
968                    
969
970                  </div>
971                                  <div class="relative">
972
973                    <a 
974                                             target=""                       
975                      class="group no-underline block"
976                    >
977                      <span class="mega-menu-child-title">
978                        Federal Agencies
979                      </span>
980                                          </a>
981
982                                          <div class="w-full top-0 flex-col mt-2 mb-4">
983                                                  <a 
984
985    href="https://www.irs.gov/"
986  
987  
988    target="_blank"
989  
990    aria-label="Internal Revenue Service opens in a new tab"
991  
992  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
993
994>
995  <span>Internal Revenue Service</span>
996
997      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
998  
999</a>
1000                                                  <a 
1001
1002    href="https://travel.state.gov/content/travel/en/passports.html/passport_1738.html"
1003  
1004  
1005    target="_blank"
1006  
1007    aria-label="Passport Information opens in a new tab"
1008  
1009  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
1010
1011>
1012  <span>Passport Information</span>
1013
1014      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
1015  
1016</a>
1017                                                  <a 
1018
1019    href="https://www.usa.gov/"
1020  
1021  
1022    target="_blank"
1023  
1024    aria-label="USA.gov opens in a new tab"
1025  
1026  class="inline-flex gap-2 w-full my-1 text-left pl-4 font-medium text-white/90 hover:text-white/100 leading-tight underline underline-offset-4 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-white/20 hover:decoration-secondary-light"
1027
1028>
1029  <span>USA.gov</span>
1030
1031      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
1032  
1033</a>
1034                                              </div>
1035                    
1036
1037                  </div>
1038                
1039              </div>
1040
1041            </div>
1042
1043          </div>
1044          
1045        
1046      </div>
1047          <div class="group h-full" @keydown.enter="toggleDropdown(2)"  x-data="{ open: false }" tabindex="0">
1048
1049        <a 
1050
1051  
1052    role="button"
1053  aria-label="Open menu of links within About"
1054  
1055  
1056  
1057  class="nav-link dark whitespace-nowrap"
1058
1059>
1060  <span>About</span>
1061
1062      <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" role="presentation" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
1063  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
1064</svg>
1065
1066  
1067</a>
1068
1069        
1070                  <div class="mega-menu-container dark max-h-[93vh] overflow-y-auto"
1071            :class="{
1072                'before:h-24': scrollPosition > 0,
1073                'before:h-40': scrollPosition <= 0,
1074            }">
1075
1076            <div class="w-full max-w-screen-2xl mx-auto grid grid-cols-8 p-8 pt-44 2xl:px-16 transition gap-8 relative z-10">
1077
1078              <div class="px-4 col-span-2">
1079                <p class="mega-menu-title" tabindex="0">
1080                  About
1081                </p>
1082
1083                
1084              </div>
1085
1086              <div class="col-span-6 px-8 border-l-2 border-white/20 pl-16 grid grid-cols-3 gap-8">
1087
1088                                  <div class="relative">
1089
1090                    <a 
1091                       href="https://dixieclerk.com/announcements/"                        target=""                       
1092                      class="group no-underline block hover:scale-105 transition-all duration-500"
1093                    >
1094                      <span class="mega-menu-child-title has-link">
1095                        News &#038; Announcements
1096                      </span>
1097                                          </a>
1098
1099                    
1100
1101                  </div>
1102                                  <div class="relative">
1103
1104                    <a 
1105                       href="https://dixieclerk.com/about/meet-the-clerk/"                        target=""                       
1106                      class="group no-underline block hover:scale-105 transition-all duration-500"
1107                    >
1108                      <span class="mega-menu-child-title has-link">
1109                        Meet the Clerk
1110                      </span>
1111                                          </a>
1112
1113                    
1114
1115                  </div>
1116                                  <div class="relative">
1117
1118                    <a 
1119                       href="https://dixieclerk.com/about/duties-responsibilities/"                        target=""                       
1120                      class="group no-underline block hover:scale-105 transition-all duration-500"
1121                    >
1122                      <span class="mega-menu-child-title has-link">
1123                        Duties &#038; Responsibilities
1124                      </span>
1125                                          </a>
1126
1127                    
1128
1129                  </div>
1130                                  <div class="relative">
1131
1132                    <a 
1133                       href="https://dixieclerk.com/about/holiday-schedule/"                        target=""                       
1134                      class="group no-underline block hover:scale-105 transition-all duration-500"
1135                    >
1136                      <span class="mega-menu-child-title has-link">
1137                        Holiday Schedule
1138                      </span>
1139                                          </a>
1140
1141                    
1142
1143                  </div>
1144                
1145              </div>
1146
1147            </div>
1148
1149          </div>
1150          
1151        
1152      </div>
1153          <div class="group h-full" @keydown.enter="toggleDropdown(3)"  x-data="{ open: false }" tabindex="0">
1154
1155        <a 
1156
1157    href="https://dixieclerk.com/contact/"
1158  
1159  
1160    target=""
1161  
1162  
1163  class="nav-link dark whitespace-nowrap"
1164
1165>
1166  <span>Contact</span>
1167
1168  
1169</a>
1170
1171        
1172        
1173      </div>
1174    
1175  </nav>
1176
1177          <div class="sm:flex hidden lg:mr-2 relative z-20 items-center gap-4">
1178            <div class="hidden 2xl:flex">
1179              <form role="search" action="/" method="get"
1180  class="flex shadow-xl h-14 overflow-visible w-full text-primary-dark focus-within:lg:w-96 transition border-4 border-gray-200 bg-white gap-2">
1181  <input id="searchfield" ref="searchfield" type="text" name="s" placeholder="I'm looking for..."
1182    aria-label="Enter words to search for" value=""
1183    class="font-bold placeholder:font-medium text-[16px] lg:text-sm h-12 px-4 flex-grow focus:text-primary-dark placeholder:focus-within:text-primary outline-none placeholder:text-[#585858] focus-within:outline-primary/50 "
1184  >
1185  <button type="submit" class=" bg-accent flex h-12 w-12 items-center justify-center">
1186    <span class="sr-only">Search Website</span>
1187    <svg id="search" xmlns="http://www.w3.org/2000/svg" width="18.255" height="18.426" viewBox="0 0 18.255 18.426" role="presentation" class="fill-current w-5 h-5 self-center text-white">
1188  <g id="search" data-name="Icon feather-search" transform="translate(-3.5 -3.5)">
1189    <path id="Path_62" data-name="Path 62" d="M17.963,11.231A6.731,6.731,0,1,1,11.231,4.5a6.731,6.731,0,0,1,6.731,6.731Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1190    <path id="Path_63" data-name="Path 63" d="M28.81,28.808l-3.835-3.833" transform="translate(-8.47 -8.296)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1191  </g>
1192</svg>
1193  </button>
1194</form>
1195            </div>
1196
1197            <div v-cloak class="bg-white sm:bg-transparent divide-x-2 divide-gray-200 flex sm:gap-1 relative z-30 sm:mr-4 shadow">
1198
1199  
1200  <div role="button" tabindex="0" aria-label="Search"
1201    class="h-12 sm:w-12 bg-white sm:bg-accent sm:px-3 flex 2xl:hidden items-center group justify-center cursor-pointer w-1/2 sm:w-auto md:border-none group py-6 lg:px-6 transition lg:hover:bg-accent-dark"
1202    @click="toggleMenu('searchMenu')" @keyup.enter="toggleMenu('searchMenu')" @keyup.esc="toggleMenu"
1203    ref="searchBox_button">
1204
1205    <span v-if="openMenu == 'searchMenu'" ><svg xmlns="http://www.w3.org/2000/svg" width="14.561" height="14.561" viewB
1205ox="0 0 14.561 14.561" class="fill-current h-3.5 w-3.5 text-primary sm:text-white" role="presentation">
1206  <g transform="translate(-5853.086 73.914)">
1207    <line x1="16.592" transform="translate(5866.232 -60.767) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1208    <line x1="16.592" transform="translate(5854.5 -60.767) rotate(-45)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1209  </g>
1210</svg>
1211</span>
1212    <span v-else ><svg id="search" xmlns="http://www.w3.org/2000/svg" width="18.255" height="18.426" viewBox="0 0 18.255 18.426" role="presentation" class="fill-current h-4 w-4 text-primary sm:text-white">
1213  <g id="search" data-name="Icon feather-search" transform="translate(-3.5 -3.5)">
1214    <path id="Path_62" data-name="Path 62" d="M17.963,11.231A6.731,6.731,0,1,1,11.231,4.5a6.731,6.731,0,0,1,6.731,6.731Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1215    <path id="Path_63" data-name="Path 63" d="M28.81,28.808l-3.835-3.833" transform="translate(-8.47 -8.296)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1216  </g>
1217</svg>
1218</span>
1219
1220    <span class="mobile-menu-button text-primary-dark sm:hidden">Search</span>
1221    
1222  </div>
1223
1224  
1225  <div role="button" tabindex="0" aria-label="Mobile menu button"
1226    class="h-12 sm:px-3 bg-white flex gap-1 xl:hidden items-center justify-center cursor-pointer w-1/2 sm:w-auto md:border-none group lg:hover:bg-gray-200 py-6 lg:px-6 transition hover:bg-gray-100"
1227    @click="toggleMenu('mobileMenu')" @keyup.enter="toggleMenu('mobileMenu')" @keyup.esc="toggleMenu"
1228    ref="mobileMenu_button">
1229
1230    <svg xmlns="http://www.w3.org/2000/svg" width="23.732" height="20.093" viewBox="0 0 23.732 20.093" class="fill-current h-4 w-4 text-primary rotate-180" role="presentation">
1231    <path id="Path_112386" data-name="Path 112386" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -154.915)" fill="currentColor"/>
1232    <path id="Path_112387" data-name="Path 112387" d="M4720.672,157.915h-15.405a1.5,1.5,0,0,1,0-3h15.405a1.5,1.5,0,0,1,0,3Z" transform="translate(-4698.44 -146.368)" fill="currentColor"/>
1233    <path id="Path_112388" data-name="Path 112388" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -137.822)" fill="currentColor"/>
1234  </svg>
1235      <span class="mobile-menu-button text-primary-dark">Menu</span>
1236    
1237  </div>
1238
1239  
1240  
1241
1242</div>
1243          </div>
1244        </div>
1245
1246      </div>
1247    </div>
1248  </div>
1249
1250  <div class="sm:hidden">
1251    <div v-cloak class="bg-white sm:bg-transparent divide-x-2 divide-gray-200 flex sm:gap-1 relative z-30 sm:mr-4 shadow">
1252
1253  
1254  <div role="button" tabindex="0" aria-label="Search"
1255    class="h-12 sm:w-12 bg-white sm:bg-accent sm:px-3 flex 2xl:hidden items-center group justify-center cursor-pointer w-1/2 sm:w-auto md:border-none group py-6 lg:px-6 transition lg:hover:bg-accent-dark"
1256    @click="toggleMenu('searchMenu')" @keyup.enter="toggleMenu('searchMenu')" @keyup.esc="toggleMenu"
1257    ref="searchBox_button">
1258
1259    <span v-if="openMenu == 'searchMenu'" ><svg xmlns="http://www.w3.org/2000/svg" width="14.561" height="14.561" viewBox="0 0 14.561 14.561" class="fill-current h-3.5 w-3.5 text-primary sm:text-white" role="presentation">
1260  <g transform="translate(-5853.086 73.914)">
1261    <line x1="16.592" transform="translate(5866.232 -60.767) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1262    <line x1="16.592" transform="translate(5854.5 -60.767) rotate(-45)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1263  </g>
1264</svg>
1265</span>
1266    <span v-else ><svg id="search" xmlns="http://www.w3.org/2000/svg" width="18.255" height="18.426" viewBox="0 0 18.255 18.426" role="presentation" class="fill-current h-4 w-4 text-primary sm:text-white">
1267  <g id="search" data-name="Icon feather-search" transform="translate(-3.5 -3.5)">
1268    <path id="Path_62" data-name="Path 62" d="M17.963,11.231A6.731,6.731,0,1,1,11.231,4.5a6.731,6.731,0,0,1,6.731,6.731Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1269    <path id="Path_63" data-name="Path 63" d="M28.81,28.808l-3.835-3.833" transform="translate(-8.47 -8.296
1269)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1270  </g>
1271</svg>
1272</span>
1273
1274    <span class="mobile-menu-button text-primary-dark sm:hidden">Search</span>
1275    
1276  </div>
1277
1278  
1279  <div role="button" tabindex="0" aria-label="Mobile menu button"
1280    class="h-12 sm:px-3 bg-white flex gap-1 xl:hidden items-center justify-center cursor-pointer w-1/2 sm:w-auto md:border-none group lg:hover:bg-gray-200 py-6 lg:px-6 transition hover:bg-gray-100"
1281    @click="toggleMenu('mobileMenu')" @keyup.enter="toggleMenu('mobileMenu')" @keyup.esc="toggleMenu"
1282    ref="mobileMenu_button">
1283
1284    <svg xmlns="http://www.w3.org/2000/svg" width="23.732" height="20.093" viewBox="0 0 23.732 20.093" class="fill-current h-4 w-4 text-primary rotate-180" role="presentation">
1285    <path id="Path_112386" data-name="Path 112386" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -154.915)" fill="currentColor"/>
1286    <path id="Path_112387" data-name="Path 112387" d="M4720.672,157.915h-15.405a1.5,1.5,0,0,1,0-3h15.405a1.5,1.5,0,0,1,0,3Z" transform="translate(-4698.44 -146.368)" fill="currentColor"/>
1287    <path id="Path_112388" data-name="Path 112388" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -137.822)" fill="currentColor"/>
1288  </svg>
1289      <span class="mobile-menu-button text-primary-dark">Menu</span>
1290    
1291  </div>
1292
1293  
1294  
1295
1296</div>
1297  </div>
1298
1299
1300</header>
1301
1302<div v-cloak
1303  class="fixed xl:hidden w-full h-screen bg-cover bg-primary-dark/90 backdrop-blur-xl z-40 shadow-2xl items-center transition-all duration-500 lg:max-w-sm lg:border-l-2  mt-auto lg:right-0 border-primary top-0"
1304  tabindex="0"
1305  :class="{
1306    '-translate-y-full lg:translate-y-0 lg:translate-x-full': openMenu != 'mobileMenu',
1307    'translate-y-none lg:translate-x-none': openMenu == 'mobileMenu',
1308  }">
1309  <div class="h-full overflow-y-auto relative z-20">
1310
1311    <div class="pt-36 md:pt-44 px-6">
1312      
1313    </div>
1314
1315    <nav v-if="openMenu == 'mobileMenu'" class="pb-24 pt-8" >
1316
1317              
1318        <div class="w-full px-6 ">
1319          <div class="flex items-center py-3 gap-8 border-b border-white/10 w-full">
1320
1321            
1322                          <span class="mobile-nav-item" @click="openSubMenu(0)">
1323                Departments & Services
1324              </span>
1325            
1326                          <span class="grow flex" @click="openSubMenu(0)">
1327                <span class="transition w-8 h-8 flex justify-center items-center flex-none rounded-full border border-white/30 ml-auto"
1328                  :class="{
1329                    'rotate-45': !subMenus.includes(0)
1330                  }">
1331                  <svg xmlns="http://www.w3.org/2000/svg" width="14.561" height="14.561" viewBox="0 0 14.561 14.561" class="fill-current h-3 w-3 text-accent-light group-hover:text-primary transition" role="presentation">
1332  <g transform="translate(-5853.086 73.914)">
1333    <line x1="16.592" transform="translate(5866.232 -60.767) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1334    <line x1="16.592" transform="translate(5854.5 -60.767) rotate(-45)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1335  </g>
1336</svg>
1337                </span>
1338              </span>
1339            
1340          </div>
1341
1342                      <div v-if="subMenus.includes(0)" class="flex flex-col pt-4 pb-6 pl-3 pr-6 transition">
1343                              <a class="mobile-nav-child " href="https://dixieclerk.com/departments-services/court-services/"
1344                  title="Departments &amp; Services" >
1345                  Court Services
1346                                  </a>
1347                
1348                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1349                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/court-services/traffic-department/"
1350                        >
1351                        Traffic Department
1352                                              </a>
1353                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/court-services/property-sales/"
1354                        >
1355                        Property Sales
1356                                              </a>
1357                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/court-services/foreclosure-sales/"
1358                        >
1359                        Foreclosure Sales
1360                                              </a>
1361                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/court-services/tax-deed-sales/"
1362                        >
1363                        Tax Deed Sales
1364                                              </a>
1365                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/court-services/lands-available-for-taxes/"
1366                        >
1367                        Lands Available for Taxes
1368                                              </a>
1369                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/court-services/jury-duty/"
1370                        >
1371                        Jury Duty
1372                                              </a>
1373                                      </div>
1374                                              <a class="mobile-nav-child " href="#"
1375                  title="Departments &amp; Services" >
1376                  Clerk Services
1377                                  </a>
1378                
1379                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1380                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/clerk-services/board-minutes/"
1381                        >
1382                        Board Minutes
1383                                              </a>
1384                                          <a class="mobile-nav-grandchild gap-2" href="https://dixie-clerk.s3.amazonaws.com/uploads/2026/09/09090036/2026-Dixie-Count-BOCC-Meetings.pdf"
1385                         target="_blank" >
1386                        Board Meeting Schedule
1387                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation">
1387<path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1388                                              </a>
1389                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/clerk-services/clerk-to-board/"
1390                        >
1391                        Clerk to the Board
1392                                              </a>
1393                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/clerk-services/emergency-orders/"
1394                        >
1395                        Emergency Orders
1396                                              </a>
1397                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/clerk-services/finance-department/"
1398                        >
1399                        Finance Department
1400                                              </a>
1401                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/clerk-services/marriage-licenses/"
1402                        >
1403                        Marriage Licenses
1404                                              </a>
1405                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/clerk-services/value-adjustment-board/"
1406                        >
1407                        Value Adjustment Board
1408                                              </a>
1409                                      </div>
1410                                              <a class="mobile-nav-child " href="#"
1411                  title="Departments &amp; Services" >
1412                  Online Services
1413                                  </a>
1414                
1415                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1416                                          <a class="mobile-nav-grandchild gap-2" href="https://trieshield.com/Agency?AgencyCode=12029"
1417                         target="_blank" >
1418                        Property Fraud Alerts
1419                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1420                                              </a>
1421                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/online-services/fee-calculators/"
1422                        >
1423                        Fee Calculators
1424                                              </a>
1425                                          <a class="mobile-nav-grandchild " href="https://dixieclerk.com/departments-services/online-services/pay-online/"
1426                        >
1427                        Pay Online
1428                                              </a>
1429                                          <a class="mobile-nav-grandchild gap-2" href="https://paychoice.civiteksolutions.com/paychoice/county/AAA0CD105FC1415E936699999525075D"
1430                         target="_blank" >
1431                        Pay Court Fines
1432                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation">
1432<path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1433                                              </a>
1434                                          <a class="mobile-nav-grandchild gap-2" href="https://paychoice.civiteksolutions.com/paychoice/county/AAA0CD105FC1415E936699999525075D"
1435                         target="_blank" >
1436                        Pay Traffic Tickets
1437                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1438                                              </a>
1439                                          <a class="mobile-nav-grandchild gap-2" href="https://www3.myflorid
1439acounty.com/child_support/index.html"
1440                         target="_blank" >
1441                        Pay Child Support
1442                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1443                                              </a>
1444                                      </div>
1445                                              <a class="mobile-nav-child " href="#"
1446                  title="Departments &amp; Services" >
1447                  Online Records
1448                                  </a>
1449                
1450                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1451                                          <a class="mobile-nav-grandchild gap-2" href="https://www.civitekflorida.com/ocrs/county/15/"
1452                         target="_blank" >
1453                        Court Records Search
1454                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1455                                              </a>
1456                                          <a class="mobile-nav-grandchild gap-2" href="https://kofilequicklinks.com/DixieFL/"
1457                         target="_blank" >
1458                        Official Records 1920-1983
1459                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1460                                              </a>
1461                                          <a class="mobile-nav-grandchild gap-2" href="https://www.myfloridacounty.com/orisearch/15"
1462                         target="_blank" >
1463                        Official Records 1983-Now
1464                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1465                                              </a>
1466                                      </div>
1467                                          </div>
1468                  </div>
1469              
1470        <div class="w-full px-6 ">
1471          <div class="flex items-center py-3 gap-8 border-b border-white/10 w-full">
1472
1473            
1474                          <span class="mobile-nav-item" @click="openSubMenu(1)">
1475                Resources
1476              </span>
1477            
1478                          <span class="grow flex" @click="openSubMenu(1)">
1479                <span class="transition w-8 h-8 flex justify-center items-center flex-none rounded-full border border-white/30 ml-auto"
1480                  :class="{
1481                    'rotate-45': !subMenus.includes(1)
1482                  }">
1483                  <svg xmlns="http://www.w3.org/2000/svg" width="14.561" height="14.561" viewBox="0 0 14.561 14.561" class="fill-current h-3 w-3 text-accent-light group-hover:text-primary transition" role="presentation">
1484  <g transform="translate(-5853.086 73.914)">
1485    <line x1="16.592" transform="translate(5866.232 -60.767) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1486    <line x1="16.592" transform="translate(5854.5 -60.767) rotate(-45)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1487  </g>
1488</svg>
1489                </span>
1490              </span>
1491            
1492          </div>
1493
1494                      <div v-if="subMenus.includes(1)" class="flex flex-col pt-4 pb-6 pl-3 pr-6 transition">
1495                              <a class="mobile-nav-child " href="#"
1496                  title="Resources" >
1497                  Local Links
1498                                  </a>
1499                
1500                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1501                                          <a class="mobile-nav-grandchild gap-2" href="https://dixiecounty.us/"
1502                         target="_blank" >
1503                        Board of County Commissioners
1504                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1505                                              </a>
1506                                          <a class="mobile-nav-grandchild gap-2" href="https://dixiecountychamber.org/"
1507                         target="_blank" >
1508                        Chamber of Commerce
1509                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1510                                              </a>
1511                                          <a class="mobile-nav-grandchild gap-2" href="http://www.visitdixie.com/"
1512                         target="_blank" >
1513                        Tourist Development Council
1514                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1515                                              </a>
1516                                          <a class="mobile-nav-grandchild gap-2" href="http://www.qpublic.net/fl/dixie/"
1517                         target="_blank" >
1518                        Property Appraiser
1519                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation">
1519<path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1520                                              </a>
1521                                          <a class="mobile-nav-grandchild gap-2" href="http://www.dixie.k12.fl.us/"
1522                         target="_blank" >
1523                        School Board
1524                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1525                                              </a>
1526                                          <a class="mobile-nav-grandchild gap-2" href="http://www.dixiecountysheriff.com/"
1527                         target="_blank" >
1528                        Sheriffs Office
1529                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1530                                              </a>
1531                                          <a class="mobile-nav-grandchild gap-2" href="https://dixietax.com/"
1532                         target="_blank" >
1533                        Tax Collector
1534                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1535                                              </a>
1536                                          <a class="mobile-nav-grandchild gap-2" href="https://www.dixievotes.com/"
1537                         target="_blank" >
1538                        Supervisior of Elections
1539                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1540                                              </a>
1541                                      </div>
1542                                              <a class="mobile-nav-child " href="#"
1543                  title="Resources" >
1544                  State Agencies
1545                                  </a>
1546                
1547                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1548                                          <a class="mobile-nav-grandchild gap-2" href="http://www.myflorid
1548a.com/"
1549                         target="_blank" >
1550                        MyFlorida.com
1551                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1552                                              </a>
1553                                          <a class="mobile-nav-grandchild gap-2" href="http://floridarevenue.com/pages/default.aspx"
1554                         target="_blank" >
1555                        Florida Department of Revenue
1556                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1557                                              </a>
1558                                          <a class="mobile-nav-grandchild gap-2" href="https://dos.myflorida.com/"
1559                         target="_blank" >
1560                        Florida Department of State
1561                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1562                                              </a>
1563                                          <a class="mobile-nav-grandchild gap-2" href="http://www.leg.state.fl.us/Welcome/index.cfm?CFID=115459569&amp;CFTOKEN=86832762"
1564                         target="_blank" >
1565                        Florida Legislature
1566                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1567                                              </a>
1568                                          <a class="mobile-nav-grandchild gap-2" href="https://www.flcourts.org/"
1569                         target="_blank" >
1570                        Florida State Courts
1571                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1572                                              </a>
1573                                          <a class="mobile-nav-grandchild gap-2" href="http://www.myflorid
1573alegal.com/"
1574                         target="_blank" >
1575                        Florida Attorney General
1576                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1577                                              </a>
1578                                          <a class="mobile-nav-grandchild gap-2" href="http://www.fdle.state.fl.us/"
1579                         target="_blank" >
1580                        FLDE
1581                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1582                                              </a>
1583                                          <a class="mobile-nav-grandchild gap-2" href="https://www.floridadisaster.org/"
1584                         target="_blank" >
1585                        Florida Disaster
1586                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1587                                              </a>
1588                                          <a class="mobile-nav-grandchild gap-2" href="https://www.flhsmv.gov/"
1589                         target="_blank" >
1590                        Florida Highway Safety
1591                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1592                                              </a>
1593                                          <a class="mobile-nav-grandchild gap-2" href="http://floridavets.org/"
1594                         target="_blank" >
1595                        Florida Veterans Affairs
1596                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1597                                              </a>
1598                                      </div>
1599                                              <a class="mobile-nav-child " href="#"
1600                  title="Resources" >
1601                  Federal Agencies
1602                                  </a>
1603                
1604                                  <div class="w-full flex-col pb-3 mb-4 px-4">
1605                                          <a class="mobile-nav-grandchild gap-2" href="https://www.irs.gov/"
1606                         target="_blank" >
1607                        Internal Revenue Service
1608                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation">
1608<path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1609                                              </a>
1610                                          <a class="mobile-nav-grandchild gap-2" href="https://travel.state.gov/content/travel/en/passports.html/passport_1738.html"
1611                         target="_blank" >
1612                        Passport Information
1613                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1614                                              </a>
1615                                          <a class="mobile-nav-grandchild gap-2" href="https://www.usa.gov/"
1616                         target="_blank" >
1617                        USA.gov
1618                                                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current text-white/70 h-4 w-3 my-auto" role="presentation"><path fill="currentColor" d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
1619                                              </a>
1620                                      </div>
1621                                          </div>
1622                  </div>
1623              
1624        <div class="w-full px-6 ">
1625          <div class="flex items-center py-3 gap-8 border-b border-white/10 w-full">
1626
1627            
1628                          <span class="mobile-nav-item" @click="openSubMenu(2)">
1629                About
1630              </span>
1631            
1632                          <span class="grow flex" @click="openSubMenu(2)">
1633                <span class="transition w-8 h-8 flex justify-center items-center flex-none rounded-full border border-white/30 ml-auto"
1634                  :class="{
1635                    'rotate-45': !subMenus.includes(2)
1636                  }">
1637                  <svg xmlns="http://www.w3.org/2000/svg" width="14.561" height="14.561" viewBox="0 0 14.561 14.561" class="fill-current h-3 w-3 text-accent-light group-hover:text-primary transition" role="presentation">
1638  <g transform="translate(-5853.086 73.914)">
1639    <line x1="16.592" transform="translate(5866.232 -60.767) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1640    <line x1="16.592" transform="translate(5854.5 -60.767) rotate(-45)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2.5"/>
1641  </g>
1642</svg>
1643                </span>
1644              </span>
1645            
1646          </div>
1647
1648                      <div v-if="subMenus.includes(2)" class="flex flex-col pt-4 pb-6 pl-3 pr-6 transition">
1649                              <a class="mobile-nav-child " href="https://dixieclerk.com/announcements/"
1650                  title="About" >
1651                  News &#038; Announcements
1652                                  </a>
1653                
1654                                              <a class="mobile-nav-child " href="https://dixieclerk.com/about/meet-the-clerk/"
1655                  title="About" >
1656                  Meet the Clerk
1657                                  </a>
1658                
1659                                              <a class="mobile-nav-child " href="https://dixieclerk.com/about/duties-responsibilities/"
1660                  title="About" >
1661                  Duties &#038; Responsibilities
1662                                  </a>
1663                
1664                                              <a class="mobile-nav-child " href="https://dixieclerk.com/about/holiday-schedule/"
1665                  title="About" >
1666                  Holiday Schedule
1667                                  </a>
1668                
1669                                          </div>
1670                  </div>
1671              
1672        <div class="w-full px-6 ">
1673          <div class="flex items-center py-3 gap-8 border-b border-white/10 w-full">
1674
1675            
1676                          <a href="https://dixieclerk.com/contact/" title="Contact"
1677                 class="mobile-nav-link dark">
1678                Contact
1679              </a>
1680            
1681            
1682          </div>
1683
1684                  </div>
1685          </nav>
1686  </div>
1687</div>
1688<div
1689  v-cloak
1690  v-if="openMenu == 'searchMenu'"
1691  class="block w-full right-0 lg:right-2 fixed z-50 h-auto sm:p-4 lg:pr-12 sm:max-w-xs md:max-w-sm"
1692  :class="{
1693    'top-44 -mt-4 sm:top-28 ': scrollPosition <= 0,
1694    'hidden': scrollPosition > 0
1695  }">
1696  <div class="relative z-20">
1697    <form role="search" action="/" method="get"
1698  class="flex shadow-xl h-14 overflow-visible w-full text-primary-dark focus-within:lg:w-96 transition border-4 border-gray-200 bg-white gap-2">
1699  <input id="searchfield" ref="searchfield" type="text" name="s" placeholder="I'm looking for..."
1700    aria-label="Enter words to search for" value=""
1701    class="font-bold placeholder:font-medium text-[16px] lg:text-sm h-12 px-4 flex-grow focus:text-primary-dark placeholder:focus-within:text-primary outline-none placeholder:text-[#585858] focus-within:outline-primary/50 "
1702  >
1703  <button type="submit" class=" bg-accent flex h-12 w-12 items-center justify-center">
1704    <span class="sr-only">Search Website</span>
1705    <svg id="search" xmlns="http://www.w3.org/2000/svg" width="18.255" height="18.426" viewBox="0 0 18.255 18.426" role="presentation" class="fill-current w-5 h-5 self-center text-white">
1706  <g id="search" data-name="Icon feather-search" transform="translate(-3.5 -3.5)">
1707    <path id="Path_62" data-name="Path 62" d="M17.963,11.231A6.731,6.731,0,1,1,11.231,4.5a6.731,6.731,0,0,1,6.731,6.731Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1708    <path id="Path_63" data-name="Path 63" d="M28.81,28.808l-3.835-3.833" transform="translate(-8.47 -8.296)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1709  </g>
1710</svg>
1711  </button>
1712</form>
1713  </div>
1714</div>
1715
1716      
1717      <div class="h-20 sm:h-0"></div>
1718
1719      <div id="content" class="relative z-20 bg-[#f8f8f8]" aria-label="Page Content" role="main">
1720          <div class="relative z-0 mx-auto">
1721
1722    <section class="w-full aspect-landscape lg:aspect-[24/9] relative lg:static" >
1723
1724  <div class="absolute w-full h-full lg:h-auto lg:aspect-[2/1] top-0 left-0 z-0 transition-all duration-500" >
1725
1726    <div class="absolute top-0 w-full h-[200px] xl:h-80 bg-gradient-to-b from-primary-dark/90 from-25% lg:from-0% lg:from-primary-dark/95 z-40 transition-all duration-500"></div>
1727    <div class="absolute top-0 w-full h-[100px] bg-gradient-to-b from-primary-dark/90 z-40 transition-all duration-500"></div>
1728
1729        <div
1730  class="relative top-0 w-full h-full lg:hidden bg-cover bg-center z-0"
1731    style="background-image: url('https://dixie-clerk.s3.amazonaws.com/uploads/2025/08/26103505/dixie-hero-e1755194337430.webp')"
1732  role="img"
1733  aria-label="River surrounded by palm trees and dense greenery"
1734  alt="River surrounded by palm trees and dense greenery"
1735  ></div>
1736
1737
1738<div
1739  class="relative top-0 w-full h-full hidden lg:block bg-cover bg-center z-0"
1740    style="background-image: url('https://dixie-clerk.s3.amazonaws.com/uploads/2025/08/26104253/Dixie-home-page-compressed.webp')"
1741  role="img"
1742  aria-label="'River surrounded by palm trees and dense greenery" 
1743  ></div>
1744
1745      <slider
1746      :images="[{&quot;ID&quot;:1810,&quot;id&quot;:1810,&quot;title&quot;:&quot;Dixie-home-page-compressed&quot;,&quot;filename&quot;:&quot;Dixie-home-page-compressed.webp&quot;,&quot;filesize&quot;:228714,&quot;url&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed.webp&quot;,&quot;link&quot;:&quot;https:\/\/dixieclerk.com\/home\/dixie-home-page-compressed\/&quot;,&quot;alt&quot;:&quot;River surrounded by palm trees and dense greenery&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;dixie-home-page-compressed&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:6,&quot;date&quot;:&quot;2025-08-26 14:42:51&quot;,&quot;modified&quot;:&quot;2026-02-27 21:40:11&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/webp&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;webp&quot;,&quot;icon&quot;:&quot;https:\/\/dixieclerk.com\/wordpress\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:2200,&quot;height&quot;:758,&quot;sizes&quot;:{&quot;thumbnail&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-300x300.webp&quot;,&quot;thumbnail-width&quot;:300,&quot;thumbnail-height&quot;:300,&quot;medium&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-600x207.webp&quot;,&quot;medium-width&quot;:600,&quot;medium-height&quot;:207,&quot;medium_large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-768x265.webp&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:265,&quot;large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-1200x413.webp&quot;,&quot;large-width&quot;:1200,&quot;large-height&quot;:413,&quot;1536x1536&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-1536x529.webp&quot;,&quot;1536x1536-width&quot;:1536,&quot;1536x1536-height&quot;:529,&quot;2048x2048&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-2048x706.webp&quot;,&quot;2048x2048-width&quot;:2048,&quot;2048x2048-height&quot;:706}},{&quot;ID&quot;:1812,&quot;id&quot;:1812,&quot;title&quot;:&quot;Header Photo 3 copy 2&quot;,&quot;filename&quot;:&quot;Header-Photo-3-copy-2.webp&quot;,&quot;filesize&quot;:218402,&quot;url&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2.webp&quot;,&quot;link&quot;:&quot;https:\/\/dixieclerk.com\/home\/header-photo-3-copy-2\/&quot;,&quot;alt&quot;:&quot;Welcome sign for Horseshoe Beach by the beach&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;header-photo-3-copy-2&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:6,&quot;date&quot;:&quot;2025-08-26 14:50:04&quot;,&quot;modified&quot;:&quot;2026-02-27 21:39:03&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/webp&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;webp&quot;,&quot;icon&quot;:&quot;https:\/\/dixieclerk.com\/wordpress\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:1900,&quot;height&quot;:1123,&quot;sizes&quot;:{&quot;thumbnail&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-300x300.webp&quot;,&quot;thumbnail-width&quot;:300,&quot;thumbnail-height&quot;:300,&quot;medium&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-600x355.webp&quot;,&quot;medium-width&quot;:600,&quot;medium-height&quot;:355,&quot;medium_large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-768x454.webp&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:454,&quot;large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-1200x709.webp&quot;,&quot;large-width&quot;:1200,&quot;large-height&quot;:709,&quot;1536x1536&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-1536x908.webp&quot;,&quot;1536x1536-width&quot;:1536,&quot;1536x1536-height&quot;:908,&quot;2048x2048&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2.webp&quot;,&quot;2048x2048-width&quot;:1900,&quot;2048x2048-height&quot;:1123}},{&quot;ID&quot;:1813,&quot;id&quot;:1813,&quot;title&quot;:&quot;Header Photo 1 copy 2&quot;,&quot;filename&quot;:&quot;Header-Photo-1-copy-2.webp&quot;,&quot;filesize&quot;:244608,&quot;url&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2.webp&quot;,&quot;link&quot;:&quot;https:\/\/dixieclerk.com\/home\/header-photo-1-copy-2\/&quot;,&quot;alt&quot;:&quot;Marina with docked boats and rainbow overhead&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;header-photo-1-copy-2&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:6,&quot;date&quot;:&quot;2025-08-26 14:50:06&quot;,&quot;modified&quot;:&quot;2026-02-27 21:37:38&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/webp&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;webp&quot;,&quot;icon&quot;:&quot;https:\/\/dixieclerk.com\/wordpress\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:1700,&quot;height&quot;:1304,&quot;sizes&quot;:{&quot;thumbnail&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-300x300.webp&quot;,&quot;thumbnail-width&quot;:300,&quot;thumbnail-height&quot;:300,&quot;medium&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-600x460.webp&quot;,&quot;medium-width&quot;:600,&quot;medium-height&quot;:460,&quot;medium_large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-768x589.webp&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:589,&quot;large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-1200x920.webp&quot;,&quot;large-width&quot;:1200,&quot;large-height&quot;:920,&quot;1536x1536&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-1536x1178.webp&quot;,&quot;1536x1536-width&quot;:1536,&quot;1536x1536-height&quot;:1178,&quot;2048x2048&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2.webp&quot;,&quot;2048x2048-width&quot;:1700,&quot;2048x2048-height&quot;:1304}}]"
1747      class="absolute top-0 w-full h-full lg:hidden z-10"
1748    ></slider>
1749  
1750      <slider
1751      :images="[{&quot;ID&quot;:1810,&quot;id&quot;:1810,&quot;title&quot;:&quot;Dixie-home-page-compressed&quot;,&quot;filename&quot;:&quot;Dixie-home-page-compressed.webp&quot;,&quot;filesize&quot;:228714,&quot;url&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed.webp&quot;,&quot;link&quot;:&quot;https:\/\/dixieclerk.com\/home\/dixie-home-page-compressed\/&quot;,&quot;alt&quot;:&quot;River surrounded by palm trees and dense greenery&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;dixie-home-page-compressed&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:6,&quot;date&quot;:&quot;2025-08-26 14:42:51&quot;,&quot;modified&quot;:&quot;2026-02-27 21:40:11&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/webp&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;webp&quot;,&quot;icon&quot;:&quot;https:\/\/dixieclerk.com\/wordpress\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:2200,&quot;height&quot;:758,&quot;sizes&quot;:{&quot;thumbnail&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-300x300.webp&quot;,&quot;thumbnail-width&quot;:300,&quot;thumbnail-height&quot;:300,&quot;medium&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-600x207.webp&quot;,&quot;medium-width&quot;:600,&quot;medium-height&quot;:207,&quot;medium_large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-768x265.webp&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:265,&quot;large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-1200x413.webp&quot;,&quot;large-width&quot;:1200,&quot;large-height&quot;:413,&quot;1536x1536&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-1536x529.webp&quot;,&quot;1536x1536-width&quot;:1536,&quot;1536x1536-height&quot;:529,&quot;2048x2048&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26104253\/Dixie-home-page-compressed-2048x706.webp&quot;,&quot;2048x2048-width&quot;:2048,&quot;2048x2048-height&quot;:706}},{&quot;ID&quot;:1813,&quot;id&quot;:1813,&quot;title&quot;:&quot;Header Photo 1 copy 2&quot;,&quot;filename&quot;:&quot;Header-Photo-1-copy-2.webp&quot;,&quot;filesize&quot;:244608,&quot;url&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2.webp&quot;,&quot;link&quot;:&quot;https:\/\/dixieclerk.com\/home\/header-photo-1-copy-2\/&quot;,&quot;alt&quot;:&quot;Marina with docked boats and rainbow overhead&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;header-photo-1-copy-2&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:6,&quot;date&quot;:&quot;2025-08-26 14:50:06&quot;,&quot;modified&quot;:&quot;2026-02-27 21:37:38&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/webp&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;webp&quot;,&quot;icon&quot;:&quot;https:\/\/dixieclerk.com\/wordpress\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:1700,&quot;height&quot;:1304,&quot;sizes&quot;:{&quot;thumbnail&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-300x300.webp&quot;,&quot;thumbnail-width&quot;:300,&quot;thumbnail-height&quot;:300,&quot;medium&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-600x460.webp&quot;,&quot;medium-width&quot;:600,&quot;medium-height&quot;:460,&quot;medium_large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-768x589.webp&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:589,&quot;large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-1200x920.webp&quot;,&quot;large-width&quot;:1200,&quot;large-height&quot;:920,&quot;1536x1536&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2-1536x1178.webp&quot;,&quot;1536x1536-width&quot;:1536,&quot;1536x1536-height&quot;:1178,&quot;2048x2048&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105007\/Header-Photo-1-copy-2.webp&quot;,&quot;2048x2048-width&quot;:1700,&quot;2048x2048-height&quot;:1304}},{&quot;ID&quot;:1812,&quot;id&quot;:1812,&quot;title&quot;:&quot;Header Photo 3 copy 2&quot;,&quot;filename&quot;:&quot;Header-Photo-3-copy-2.webp&quot;,&quot;filesize&quot;:218402,&quot;url&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2.webp&quot;,&quot;link&quot;:&quot;https:\/\/dixieclerk.com\/home\/header-photo-3-copy-2\/&quot;,&quot;alt&quot;:&quot;Welcome sign for Horseshoe Beach by the beach&quot;,&quot;author&quot;:&quot;1&quot;,&quot;description&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;name&quot;:&quot;header-photo-3-copy-2&quot;,&quot;status&quot;:&quot;inherit&quot;,&quot;uploaded_to&quot;:6,&quot;date&quot;:&quot;2025-08-26 14:50:04&quot;,&quot;modified&quot;:&quot;2026-02-27 21:39:03&quot;,&quot;menu_order&quot;:0,&quot;mime_type&quot;:&quot;image\/webp&quot;,&quot;type&quot;:&quot;image&quot;,&quot;subtype&quot;:&quot;webp&quot;,&quot;icon&quot;:&quot;https:\/\/dixieclerk.com\/wordpress\/wp-includes\/images\/media\/default.png&quot;,&quot;width&quot;:1900,&quot;height&quot;:1123,&quot;sizes&quot;:{&quot;thumbnail&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-300x300.webp&quot;,&quot;thumbnail-width&quot;:300,&quot;thumbnail-height&quot;:300,&quot;medium&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-600x355.webp&quot;,&quot;medium-width&quot;:600,&quot;medium-height&quot;:355,&quot;medium_large&quot;:&quo
1751t;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-768x454.webp&quot;,&quot;medium_large-width&quot;:768,&quot;medium_large-height&quot;:454,&quot;large&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-1200x709.webp&quot;,&quot;large-width&quot;:1200,&quot;large-height&quot;:709,&quot;1536x1536&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2-1536x908.webp&quot;,&quot;1536x1536-width&quot;:1536,&quot;1536x1536-height&quot;:908,&quot;2048x2048&quot;:&quot;https:\/\/dixie-clerk.s3.amazonaws.com\/uploads\/2025\/08\/26105005\/Header-Photo-3-copy-2.webp&quot;,&quot;2048x2048-width&quot;:1900,&quot;2048x2048-height&quot;:1123}}]"
1752      class="absolute top-0 w-full h-full hidden lg:block z-10"
1753    ></slider>
1754  
1755    <div class="absolute -bottom-1 w-full aspect-[24/4] bg-gradient-to-t from-white z-40 transition-all duration-500"></div>
1756
1757  </div>
1758</section>
1759
1760    <section class="relative z-40 mx-auto p-2 md:pb-12 md:px-12 lg:px-12 -mt-8 md:-mt-40">
1761            <div class="w-full max-w-screen-2xl mx-auto relative z-40 p-2 md:p-6 bg-primary border-8 md:border-8 border-primary-dark/80">
1762        <div class="hidden lg:block absolute inset-0 bg-cover bg-no-repeat mix-blend-multiply bg-top z-0"
1763      v-lazy:background-image="'/images/bg-footer.svg'"></div>
1764
1765      <div class="grid md:grid-cols-2 xl:grid-cols-4 gap-2 lg:gap-6">
1766                  
1767            <a href="https://www.civitekflorida.com/ocrs/county/15/"
1768              class="group feature-buttons-stack-center bg-cover bg-white"
1769              title=""
1770               target="_blank"
1771                aria-label=" opens in a new tab" >
1772
1773              
1774              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1775                                  <img src="/icons/brand/records-search.svg"
1776                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1777                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1778                              </div>
1779
1780              
1781              <div class="z-20 px-2 md:pb-2 grow">
1782                <div class="feature-button-title pb-1" role="heading">
1783                  Records Search
1784                </div>
1785
1786                                  <div class="feature-button-subtitle">
1787                    Court & Official
1788                  </div>
1789                              </div>
1790
1791              
1792              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1793
1794              
1795              
1796
1797            </a>
1798                            
1799            <a href="/departments-services/online-services/pay-online/"
1800              class="group feature-buttons-stack-center bg-cover bg-white"
1801              title=""
1802              >
1803
1804              
1805              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1806                                  <img src="/icons/brand/pay-online.svg"
1807                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1808                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1809                              </div>
1810
1811              
1812              <div class="z-20 px-2 md:pb-2 grow">
1813                <div class="feature-button-title pb-1" role="heading">
1814                  Pay Online
1815                </div>
1816
1817                                  <div class="feature-button-subtitle">
1818                    Traffic, Child Support, Court Fees
1819                  </div>
1820                              </div>
1821
1822              
1823              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1824
1825              
1826              
1827
1828            </a>
1829                            
1830            <a href="https://www.myflcourtaccess.com/authority/"
1831              class="group feature-buttons-stack-center bg-cover bg-white"
1832              title=""
1833               target="_blank"
1834                aria-label=" opens in a new tab" >
1835
1836              
1837              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1838                                  <img src="/icons/brand/laptop.svg"
1839                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1840                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1841                              </div>
1842
1843              
1844              <div class="z-20 px-2 md:pb-2 grow">
1845                <div class="feature-button-title pb-1" role="heading">
1846                  E-File
1847                </div>
1848
1849                                  <div class="feature-button-subtitle">
1850                    File Court Documents Online
1851                  </div>
1852                              </div>
1853
1854              
1855              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1856
1857              
1858              
1859
1860            </a>
1861                            
1862            <a href="/departments-services/court-services/jury-duty/"
1863              class="group feature-buttons-stack-center bg-cover bg-white"
1864              title="Jury Duty"
1865              >
1866
1867              
1868              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1869                                  <img src="/icons/brand/jury-duty.svg"
1870                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1871                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1872                              </div>
1873
1874              
1875              <div class="z-20 px-2 md:pb-2 grow">
1876                <div class="feature-button-title pb-1" role="heading">
1877                  Jury Duty
1878                </div>
1879
1880                                  <div class="feature-button-subtitle">
1881                    Jury Information & Excusals
1882                  </div>
1883                              </div>
1884
1885              
1886              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1887
1888              
1889              
1890
1891            </a>
1892                            
1893            <a href="/departments-services/court-services/property-sales/"
1894              class="group feature-buttons-stack-center bg-cover bg-white"
1895              title="Property Sales"
1896              >
1897
1898              
1899              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1900                                  <img src="/icons/brand/sales.svg"
1901                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1902                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1903                              </div>
1904
1905              
1906              <div class="z-20 px-2 md:pb-2 grow">
1907                <div class="feature-button-title pb-1" role="heading">
1908                  Property Sales
1909                </div>
1910
1911                                  <div class="feature-button-subtitle">
1912                    Tax Deeds & Foreclosure Sales
1913                  </div>
1914                              </div>
1915
1916              
1917              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1918
1919              
1920              
1921
1922            </a>
1923                            
1924            <a href="https://trieshield.com/Agency?AgencyCode=12029"
1925              class="group feature-buttons-stack-center bg-cover bg-white"
1926              title=""
1927               target="_blank"
1928                aria-label=" opens in a new tab" >
1929
1930              
1931              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1932                                  <img src="/icons/brand/caution.svg"
1933                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1934                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1935                              </div>
1936
1937              
1938              <div class="z-20 px-2 md:pb-2 grow">
1939                <div class="feature-button-title pb-1" role="heading">
1940                  Property Fraud Alerts
1941                </div>
1942
1943                                  <div class="feature-button-subtitle">
1944                    Sign Up for Alerts Online
1945                  </div>
1946                              </div>
1947
1948              
1949              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1950
1951              
1952              
1953
1954            </a>
1955                            
1956            <a href="/departments-services/clerk-services/marriage-licenses/"
1957              class="group feature-buttons-stack-center bg-cover bg-white"
1958              title="Marriage Licenses"
1959              >
1960
1961              
1962              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1963                                  <img src="/icons/brand/marriage.svg"
1964                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1965                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1966                              </div>
1967
1968              
1969              <div class="z-20 px-2 md:pb-2 grow">
1970                <div class="feature-button-title pb-1" role="heading">
1971                  Marriage Licenses
1972                </div>
1973
1974                                  <div class="feature-button-subtitle">
1975                    Information & Forms
1976                  </div>
1977                              </div>
1978
1979              
1980              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
1981
1982              
1983              
1984
1985            </a>
1986                            
1987            <a href="https://legalatoms.com/dixie/"
1988              class="group feature-buttons-stack-center bg-cover bg-white"
1989              title=""
1990               target="_blank"
1991                aria-label=" opens in a new tab" >
1992
1993              
1994              <div class="relative z-20 h-16 w-16 md:h-20 md:w-20 mx-auto flex-none flex flex-col justify-center items-center">
1995                                  <img src="/icons/brand/internal-audit.svg"
1996                    class="h-12 w-auto max-w-14 group-hover:scale-125 transition-all duration-300" alt="" role="presentation"/>
1997                    <div class="hidden lg:block w-36 h-[3px] bg-accent mt-4 mb-2"></div>
1998                              </div>
1999
2000              
2001              <div class="z-20 px-2 md:pb-2 grow">
2002                <div class="feature-button-title pb-1" role="heading">
2003                  DIY Forms / Filings
2004                </div>
2005
2006                                  <div class="feature-button-subtitle">
2007                    Injunctions, Divorce, etc.
2008                  </div>
2009                              </div>
2010
2011              
2012              <div class="opacity-0 xl:group-hover:opacity-100 mix-blend-multiply inset-0 absolute z-0 bg-gray-950/5 ring-4 ring-inset ring-accent transition-opacity duration-500" ></div>
2013
2014              
2015              
2016
2017            </a>
2018                        </div>
2019    </div>
2020      </section>
2021
2022          <lazy-section class="relative flex-grow bg-gradient-to-t from-primary to-primary-light bg-cover bg-top" >
2023      <div class="hidden lg:block absolute inset-0 bg-cover bg-no-repeat mix-blend-multiply bg-top z-0"
2024      v-lazy:background-image="'/images/fishing-net.svg'"></div>
2025  <div class="relative z-30 w-full max-w-screen-xl mx-auto px-4 py-12">
2026
2027
2028    
2029    <div class="flex flex-1 text-center items-center md:text-left justify-between gap-4 lg:mb-8 pb-4 lg:pb-0 w-full flex-wrap md:flex-nowrap border-b-[3px] border-accent-light mb-8">
2030
2031      
2032
2033      <div class="flex flex-col md:flex-row gap-8" >
2034        <span tabindex="0" class="text-3xl md:text-4xl font-semibold text-white uppercase font-heading tracking-wide" >Announcements</span>
2035      </div>
2036
2037      
2038            <div class="hidden md:block flex-shrink-0 uppercase md:mb-4">
2039        <div class=" w-full flex flex-wrap gap-2 md:gap-4 xl:gap-4 mt-4 md:mt-6 justify-start">
2040                  <a href="/announcements/"
2041    
2042    class="group relative z-10 flex items-center btn-accent-outlined"
2043
2044          target=""
2045    
2046        
2047    >
2048    View all Announcements
2049      </a>
2050            </div>
2051      </div>
2052      
2053    </div>
2054
2055    
2056    <div class="not-prose grid grid-cols-1">
2057      <a href="https://dixieclerk.com/announcements/lpa-meeting-10-08-2026-1000-am/" role="link" aria-label="Read full announcement, LPA Meeting 10/08/2026 10:00 AM"
2058  class="relative w-full mx-auto p-4 bg-white md:px-6 md:py-4 lg:px-12 xl:px-20 mb-4 lg:mb-8 group text-center md:text-left lg:hover:scale-105 transition-all group duration-300 flex flex-col md:flex-row items-center justify-between relative shadow-xl lg:pr-20">
2059
2060  <div class="relative z-10 sm:pr-12 py-4">
2061
2062    <span role="heading"
2063      class="text-primary-dark font-heading font-semibold text-2xl md:text-3xl pb-2 text-center md:text-left relative subpixel-antialiased">
2064      LPA Meeting 10/08/2026 10:00 AM
2065    </span>
2066
2067    <div class="flex flex-col sm:flex-row sm:divide-x-2 divide-accent gap-4">
2068      <span class="text-[#028cf0] text-lg font-bold uppercase leading-none">October 2, 2026</span>
2069      <span class="text-primary uppercase font-bold sm:pl-4 leading-none">Read Full Announcement</span>
2070    </div>
2071
2072  </div>
2073
2074  <div class="hidden md:block top-0 right-0 absolute z-0 h-full w-28 bg-accent" >
2075    <span class="block h-full w-full flex justify-center items-center">
2076      <svg xmlns="http://www.w3.org/2000/svg" width="21.225" height="19.92" viewBox="0 0 21.225 19.92" class="h-6 w-6 fill-current text-white mx-auto my-auto" role="presentation">
2077  <path id="Icon_akar-arrow-right" data-name="Icon akar-arrow-right" d="M6,15.692H24.725M16.533,7.5l8.192,8.192-8.192,8.192" transform="translate(-4.75 -5.732)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"/>
2078</svg>
2079    </span>
2080  </div>
2081</a>
2082      <a href="https://dixieclerk.com/announcements/board-of-county-commissioners-workshop-10-01-2026-100-pm/" role="link" aria-label="Read full announcement, Board of County Commissioners Workshop 10/01/2026 1:00 PM"
2083  class="relative w-full mx-auto p-4 bg-white md:px-6 md:py-4 lg:px-12 xl:px-20 mb-4 lg:mb-8 group text-center md:text-left lg:hover:scale-105 transition-all group duration-300 flex flex-col md:flex-row items-center justify-between relative shadow-xl lg:pr-20">
2084
2085  <div class="relative z-10 sm:pr-12 py-4">
2086
2087    <span role="heading"
2088      class="text-primary-dark font-heading font-semibold text-2xl md:text-3xl pb-2 text-center md:text-left relative subpixel-antialiased">
2089      Board of County Commissioners Workshop 10/01/2026 1:00 PM
2090    </span>
2091
2092    <div class="flex flex-col sm:flex-row sm:divide-x-2 divide-accent gap-4">
2093      <span class="text-[#028cf0] text-lg font-bold uppercase leading-none">September 30, 2026</span>
2094      <span class="text-primary uppercase font-bold sm:pl-4 leading-none">Read Full Announcement</span>
2095    </div>
2096
2097  </div>
2098
2099  <div class="hidden md:block top-0 right-0 absolute z-0 h-full w-28 bg-accent" >
2100    <span class="block h-full w-full flex justify-center items-center">
2101      <svg xmlns="http://www.w3.org/2000/svg" width="21.225" height="19.92" viewBox="0 0 21.225 19.92" class="h-6 w-6 fill-current text-white mx-auto my-auto" role="presentation">
2102  <path id="Icon_akar-arrow-right" data-name="Icon akar-arrow-right" d="M6,15.692H24.725M16.533,7.5l8.192,8.192-8.192,8.192" transform="translate(-4.75 -5.732)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"/>
2103</svg>
2104    </span>
2105  </div>
2106</a>
2107      <a href="https://dixieclerk.com/announcements/board-of-county-commissioners-regular-meeting-10-01-2026-1000-am/" role="link" aria-label="Read full announcement, Board of County Commissioners Regular Meeting 10/01/2026 10:00 AM"
2108  class="relative w-full mx-auto p-4 bg-white md:px-6 md:py-4 lg:px-12 xl:px-20 mb-4 lg:mb-8 group text-center md:text-left lg:hover:scale-105 transition-all group duration-300 flex flex-col md:flex-row items-center justify-between relative shadow-xl lg:pr-20">
2109
2110  <div class="relative z-10 sm:pr-12 py-4">
2111
2112    <span role="heading"
2113      class="text-primary-dark font-heading font-semibold text-2xl md:text-3xl pb-2 text-center md:text-left relative subpixel-antialiased">
2114      Board of County Commissioners Regular Meeting 10/01/2026 10:00 AM
2115    </span>
2116
2117    <div class="flex flex-col sm:flex-row sm:divide-x-2 divide-accent gap-4">
2118      <span class="text-[#028cf0] text-lg font-bold uppercase leading-none">September 18, 2026</span>
2119      <span class="text-primary uppercase font-bold sm:pl-4 leading-none">Read Full Announcement</span>
2120    </div>
2121
2122  </div>
2123
2124  <div class="hidden md:block top-0 right-0 absolute z-0 h-full w-28 bg-accent" >
2125    <span class="block h-full w-full flex justify-center items-center">
2126      <svg xmlns="http://www.w3.org/2000/svg" width="21.225" height="19.92" viewBox="0 0 21.225 19.92" class="h-6 w-6 fill-current text-white mx-auto my-auto" role="presentation">
2127  <path id="Icon_akar-arrow-right" data-name="Icon akar-arrow-right" d="M6,15.692H24.725M16.533,7.5l8.192,8.192-8.192,8.192" transform="translate(-4.75 -5.732)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5"/>
2128</svg>
2129    </span>
2130  </div>
2131</a>
2132  </div>
2133
2134        <div class="block md:hidden px-6 uppercase">
2135      <div class=" w-full flex flex-wrap gap-2 md:gap-4 xl:gap-4 mt-4 md:mt-6 justify-start">
2136                  <a href="/announcements/"
2137    
2138    class="group relative z-10 flex items-center btn-accent-outlined"
2139
2140          target=""
2141    
2142        
2143    >
2144    View all Announcements
2145      </a>
2146            </div>
2147    </div>
2148    
2149  </div>
2150
2151</lazy-section>
2152    
2153    
2154    <lazy-section class="relative z-30 flex-grow mt-4">
2155  
2156
2157  <div class="w-full max-w-screen-2xl mx-auto pb-12 p-4 md:p-8 lg:py-16 grid relative z-20 gap-4 lg:gap-12 lg:stack lg:grid-cols-2 items-center">
2158
2159          <div class="relative z-10 aspect-landscape bg-center bg-cover h-full overflow-hidden border-[10px] border-white shadow-2xl w-full "
2160        v-lazy:background-image="'https://dixieclerk.com/uploads/2025/07/Dixie-about.webp'">
2161      </div>
2162    
2163    <div class="relative z-20 flex flex-col justify-center px-4 lg:px-12 h-full lg:stack  ">
2164
2165
2166              <span class="uppercase font-bold text-primary text-lg md:text-[22px] tracking-wide pt-2 pb-2">Dixie County, Florida</span>
2167                
2168              <h1 tabindex="0" class="uppercase font-semibold font-heading text-3xl text-primary-dark pl-4 border-l-[3px] border-accent"> Clerk of the Circuit Court & Comptroller </h1>
2169      
2170
2171      
2172              <div tabindex="0" class="prose md:prose-lg w-full lg:pr-8 text-pretty prose-p:max-w-none pt-4">
2173          <p><span role="heading"><strong>Barbie Higginbotham, Clerk of the Circuit Court &amp; Comptroller for Dixie County, Florida</strong></span> was elected as the Clerk of the Circuit Court &amp; Comptroller on November 2020. The Clerk of the Circuit Court is an elected office established according to the Florida Constitution for the purpose of serving the citizens of each county as a public trustee. As an elected official, the Clerk of the Circuit Court helps provide for the system of “checks and balances” that is the very foundation of the American form of government.</p>
2174
2175        </div>
2176      
2177      <div class=" w-full flex flex-wrap gap-2 md:gap-4 xl:gap-4 mt-4 md:mt-6 justify-start">
2178                  <a href="/about/meet-the-clerk/"
2179    
2180    class="group relative z-10 flex items-center btn-accent-outlined"
2181
2182          target=""
2183    
2184        
2185    >
2186    Meet Your Clerk
2187      </a>
2188            </div>
2189
2190    </div>
2191      
2192  </div>
2193  
2194
2195
2196</lazy-section>
2197
2198          <lazy-section class="relative z-40 flex-grow bg-cover" role="presentation">
2199  <div class="absolute w-full h-full bg-gradient-to-b from-primary to-primary-light z-10  backdrop-blur"></div>
2200  <div class="w-full max-w-screen-xl mx-auto p-4 md:p-8 md:py-12 relative z-20">
2201
2202          <h2 tabindex="0" class="text-3xl md:text-4xl font-semibold text-white uppercase font-heading tracking-wide text-center mt-4 ">
2203        Stay Up to Date
2204      </h2>
2205      <div class="w-48 h-[3px] bg-secondary mx-auto mt-4 mb-8"></div>
2206    
2207          <div class="flex flex-col lg:flex-row py-4 lg:py-8 items-center justify-center">
2208  
2209  <div class="w-full lg:w-1/2 lg:-mr-8 z-10">
2210    <div
2211      class="p-4 md:pt-16 lg:pl-10 lg:pr-12 flex flex-col items-center justify-center py-8 lg:pb-14 bg-secondary-light border-8 border-white shadow-xl">
2212      <div class="flex w-full items-center">
2213
2214  
2215  <div class="w-20 aspect-square rounded-full flex items-center justify-center" tabindex="0">
2216    <img v-lazy="'/images/logo-seal.svg'" alt="Dixie Clerk logo" role="presentation" class="w-20">
2217  </div>
2218
2219  
2220  <div class="ml-4" tabindex="0">
2221      <p class="font-semibold text-primary-dark md:text-xl leading-tight" role="heading">Dixie County Clerk of Court</p>
2222      <p class="text-primary mt-1 font-extrabold text-sm tracking-wide">
2223        October 2, 2026
2224      </p>
2225  </div>
2226
2227</div>
2228      <div class="relative grow overflow-hidden w-full" >
2229    <div class="w-full px-4 py-6 prose md:prose-lg dark:prose-invert max-w-none text-pretty break-words"
2230      tabindex="0">
2231                 
2232      
2233      <p>We're proud to announce our "Time to Shine" team member for October is Lisa Marie McKinney.<br />
2234She is the smiling face that greets you in our main office and directs you to the right person to assist you. <br />
2235She was presented with a basket full of goodies to enjoy.</p>
2236
2237          </div>
2238  </div>
2239      <div class="mr-auto mt-2 px-4">
2240    <a href="https://www.facebook.com/1119007293665725/posts/1441333321433119" target="_blank" rel="noopener" title="View post on Facebook"
2241      class=" text-primary uppercase font-extrabold tracking-wide  inline-flex group">
2242      View Post on Facebook <span class="sr-only" >(opens in a new tab)</span>
2243      <div class="fb-button-arrow">
2244        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 448 512" class="h-4 h-4 fill-current text-accent" role="presentation"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>
2245      </div>
2246    </a>
2247  </div>
2248    </div>
2249  </div>
2250
2251  
2252  <div class="w-full lg:w-1/2 lg:mt-0 md:p-6 overflow-hidden">
2253    <div class="w-full lg:h-full relative">
2254
2255    
2256    
2257      
2258      
2259      
2260      
2261      
2262              <a href="https://www.facebook.com/1119007293665725/posts/1441333321433119" target="_blank" class="block min-w-full max-w-3xl" rel="noopener noreferrer" aria-label="View link on Facebook">
2263  
2264  <img v-lazy="'https://scontent.xx.fbcdn.net/v/t39.30808-6/829586236_1441333171433134_5384621148623428686_n.jpg?stp=dst-jpg_p720x720_tt6&amp;_nc_cat=100&amp;ccb=1-7&amp;_nc_sid=833d8c&amp;_nc_ohc=kYpNnjbMLUcQ7kNvwGwkdeS&amp;_nc_oc=AdoMqR9mkGesPNEMs5BTW014Ns78i7mk2w-g6GGGDP_lAKbdetjMDdb_CRD2Ep-VOGw&amp;_nc_zt=23&amp;_nc_ht=scontent.xx&amp;edm=AKIiGfEEAAAA&amp;
2264_nc_gid=vo1k8A7bhWvrEYmsEbbg0w&amp;_nc_tpa=Q5bMBQIJnZ5foawtZhGhf8SyyslBBAAUdKRVap2w-vr3oANf-AAf5TAPoPl8cEdh5TZLOP92TJCTdKAg&amp;oh=00_AQM7Ra5Py6xtlN95Z9MxjV32MfVaymqFocuPH0sKbb6kSQ&amp;oe=6AC5F243'" class="w-full shadow-[0_4px_20px_rgba(0,0,0,0.3)]"
2265    alt="Photos from Dixie County Clerk of Court and Comptroller&#039;s post" 
2266    height="720"
2267    width="822" >
2268  
2269      </a>
2270  
2271      
2272      
2273      
2274      
2275      
2276      
2277              <div class="h-10 w-14 bg-white rounded-xl border shadow-lg absolute z-20 right-4 bottom-4 font-bold text-primary flex items-center justify-center" >2 <img src="/icons/fa/photo-video.svg" class="opacity-50 h-5 w-5 ml-2" alt="media items" /></div>
2278            
2279      </div>
2280  </div>
2281  </div>
2282
2283    
2284
2285  </div>
2286</lazy-section>
2287    
2288  </div>
2289      </div>
2290
2291      <footer class="relative z-20 overflow-hidden bg-primary">
2292
2293  
2294  <div class="w-full max-w-screen-2xl mx-auto z-30">
2295    <div class="block absolute inset-0 bg-cover bg-no-repeat mix-blend-multiply bg-top z-0"
2296      v-lazy:background-image="'/images/bg-footer.svg'"></div>
2297      <div class="block absolute inset-0 bg-gradient-to-r from-primary to-transparent bg-top z-0"></div>
2298
2299    <div class="w-full grid lg:grid-cols-6 md:gap-12 p-8 z-10">
2300
2301      
2302      <div class="flex flex-col justify-center items-center lg:row-span-1 lg:py-4 gap-8 z-40">
2303        <img src="/images/logo-seal.svg" class="block mx-auto w-48 md:w-60" width="180" height="180"
2304          alt="Dixie Clerk logo" role="presentation" tabindex="0" />
2305        
2306      </div>
2307
2308      
2309      <div class="py-2 xl:pt-4 2xl:pt-8 lg:col-span-2 z-30 mx-auto lg:ml-0">
2310        <img src="/images/dixie-clerk-logo.svg" class="block w-60 md:w-80"
2311          width="180" height="180"
2312          alt="Dixie Clerk logo" role="presentation" tabindex="0" />
2313
2314        
2315        <div class="w-full grid sm:grid-cols-2 md:gap-16 lg:py-8 mx-auto max-w-md lg:max-w-none z-40 justify-center sm:justify-start text-center sm:text-left pt-4 md:pt-0">
2316
2317          
2318          <div class="md:mb-2 pt-4 md:pb-4">
2319            <div>
2320            <p class="footer-headline">Physical Address <br>(FedEx & UPS):</p>
2321            <a href="https://www.google.com/maps/search/?api=1&query=214+NE+Highway+351%0D%0ACross+City%2C+Florida+32628" tabindex="0" target="_blank"
2322    aria-label="Directions to 214 NE Highway 351
2323Cross City, Florida 32628 opens in a new tab" rel="nofollow" class="footer-link leading-tight">
2324    214 NE Highway 351<br />
2325Cross City, Florida 32628</a>
2326            </div>
2327            
2328            <div class="mb-2 py-4">
2329              <p class="footer-headline">Courthouse Hours:</p>
2330              <div class="text-white text-[16px] 2xl:text-lg cursor-default" tabindex="0" role="button" aria-label="office hours">Monday - Friday <br />
23318:30 AM to 5:00 PM</div>
2332            </div>
2333          </div>
2334
2335          <div class="mb-2 md:py-4">
2336            
2337            <div class="md:pb-8">
2338              <p class="footer-headline">Mailing Address:</p>
2339              <span tabindex="0" target="_blank" class="text-white text-[16px] 2xl:text-lg">P.O. Box 1206<br />
2340Cross City, Florida 32628</span>
2341            </div>
2342            
2343            <div class="mb-2 py-4">
2344              <p class="footer-headline">Phone Number:</p>
2345              <a href="tel:3524981200" rel="nofollow" tabindex="0" class="footer-link">(352) 498-1200</a>
2346            </div>
2347          </div>
2348
2349        </div>
2350
2351        
2352      </div>
2353
2354    <div class="lg:col-span-3 z-10 items-center justify-center flex flex-col gap-4">
2355
2356      <div class="flex md:hidden justify-center items-center xl:pt-4 2xl:pt-8">
2357        <a href="/pay-online/"
2358          class="btn-accent-outlined text-primary">
2359          Make a Payment
2360        </a>
2361      </div>
2362
2363      
2364      <div class="w-full lg:col-span-3 grid grid-cols-2 xl:grid-cols-4 gap-4 p-8 z-10">
2365        <a href="https://www.dixiecounty.us/dixie-county-commissioners/" target="_blank"
2366          aria-label="Open Dixie County BOCC website in a new tab."
2367          title="County BOCC"
2368          class="lg:hover:scale-110 transition-all duration-300 rounded-full">
2369          <img src="/images/dixie-comission.svg" alt="County Florida Clerk of Court and Comptroller logo" class="max-w-[130px] w-full h-auto mx-auto" /></a>
2370
2371          <a href="https://thirdcircuitfl.org/" target="_blank"
2372          aria-label="Open 3rd Judicial Circuit Court website in a new tab."
2373          class="lg:hover:scale-105 transition-all duration-300 rounded-full">
2374          <img src="/images/tjc-seal.svg" alt="3rd Judicial Circuit Court logo" class="max-w-[130px] w-full h-auto mx-auto" /></a>
2375
2376        <a href="https://flccoc.org/" target="_blank"
2377          aria-label="Open Florida Clerks of Court Operations Corporation website in a new tab."
2378          class="lg:hover:scale-105 transition-all duration-300 rounded-full">
2379          <img src="/images/ccoc-seal.svg" alt="Florida Clerks of Court Operations Corporation logo" class="max-w-[130px] w-full h-auto mx-auto" /></a>
2380
2381        <a href="https://www.flclerks.com/" target="_blank"
2382          aria-label="Open Florida Court Clerks and Comptrollers website in a new tab."
2383          class="lg:hover:scale-105 transition-all duration-300 rounded-full">
2384          <img src="/images/fcoc-seal.svg" alt="Florida Court Clerks and Comptrollers logo" class="max-w-[130px] w-full h-auto mx-auto" /></a>
2385      </div>
2386
2387      <div class="hidden md:flex justify-center items-center xl:pt-4 2xl:pt-8">
2388        <a href="/pay-online/"
2389          class="btn-accent-outlined text-primary">
2390          Make a Payment
2391        </a>
2392      </div>
2393
2394
2395    </div>
2396
2397
2398    </div>
2399  </div>
2400
2401  
2402  <div class="w-full p-4 lg:px-8 bg-primary-dark dark relative z-30 border-t-4 border-accent">
2403
2404    <div class="w-full max-w-screen-2xl mx-auto flex flex-wrap items-center justify-center xl:justify-start gap-8">
2405      <p tabindex="0" class="text-center dark:text-white text-sm ">
2406        &copy;2026 Dixie County Clerk of Court &amp; Comptroller.
2407        All&nbsp;rights&nbsp;reserved.
2408      </p>
2409
2410              <div class="w-full lg:w-auto flex flex-col sm:flex-row grow justify-center lg:justify-end gap-x-6 gap-y-2">
2411                      <a class="legal-link" href="/sitemap.xml">Site Map</a>
2412                      <a class="legal-link" href="/privacy-policy/">Privacy Policy</a>
2413                      <a class="legal-link" href="/accessibility-policy/">Accessibility Policy</a>
2414                  </div>
2415            <p class="hidden xl:block text-white">|</p>
2416      <a href="https://keriganmarketing.com" target="_blank" rel="noopener" aria-label="Site by KMA (link opens in a new tab)"
2417  class="flex items-center gap-2 antialiased font-semibold uppercase tracking-wide duration-300 transition-2s hover:text-accent-light hover:underline text-sm text-white">
2418    Site&nbsp;by&nbsp;KMA
2419    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
2420    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" height="14" width="20"
2421    viewBox="0 0 12.5 8.7" style="enable-background:new 0 0 12.5 8.7;"
2422    xml:space="preserve" class="">
2423    <path fill="currentColor"
2424    d="M6.4,0.1c0,0,0.1,0.3,0.2,0.9c1,3,3,5.6,5.7,7.2l-0.1,0.5c0,0-0.4-0.2-1-0.4C7.7,7,3.7,7,0.2,8.5L0.1,8.1 c2.8-1.5,4.8-4.2,5.7-7.2C6,0.4,6.1,0.1,6.1,0.1H6.4L6.4,0.1z"></path>
2425  </svg>
2426</a>
2427    </div>
2428
2429  </div>
2430
2431
2432</footer>
2433
2434      <div v-cloak id="popup-target" class="static z-[999]"></div>
2435
2436
2437    </main>
2438  </div>
2439
2440  
2440<script src="/scripts/app.js?id=0891ad98ee55db97fc5db867dc46e020"></script>
2440
2441
2442  
2443     
2443<script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init(); }; h.appendChild(s); })(); </script>
2443 
2444    
2445  
2446  
2446<script type="speculationrules">
2447{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wordpress/wp-*.php","/wordpress/wp-admin/*","/uploads/*","/*","/plugins/*","/themes/kmatailwind/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2448</script>
2448
2449
2450
2451<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d61460692d814e5ca0b93b59b398c5df","r":1,"spa":2}' crossorigin="anonymous"></script>
2451
2452</body>
2453</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.