<style id="codex-avonmarine-site-lock-style">
/* Codex Avon Marine v8 */
:root{
  --mist-turquoise:#dff2f6;
  --mist-aqua:#d4edf3;
  --mist-sky:#c5d8e7;
  --mist-lilac:#cdbfe3;
  --mist-orchid:#b699d1;
  --mist-rose:#e4d5e8;
  --surface-strong:rgba(250,253,255,.82);
  --surface-soft:rgba(242,248,255,.62);
  --surface-card:linear-gradient(135deg, rgba(252,254,255,.88) 0%, rgba(210,236,243,.64) 23%, rgba(194,211,233,.7) 56%, rgba(206,191,228,.68) 82%, rgba(236,215,235,.62) 100%);
  --surface-card-strong:linear-gradient(135deg, rgba(253,255,255,.92) 0%, rgba(214,240,245,.74) 22%, rgba(196,214,235,.78) 56%, rgba(207,191,228,.76) 82%, rgba(240,219,237,.7) 100%);
  --line:rgba(122,144,174,.24);
  --text:#5b6c87;
  --heading:#485876;
  --accent-a:#74ceda;
  --accent-b:#6daac8;
  --accent-c:#9e8fd6;
  --accent-d:#cf67b9;
  --cta:linear-gradient(135deg, #6fd2dd 0%, #72adca 31%, #9f8fd6 68%, #cf67b9 100%);
  --cta-hover:linear-gradient(135deg, #86dee7 0%, #86bcda 31%, #b29ee2 68%, #df79c5 100%);
  --more-cta:linear-gradient(135deg, #ff5aa8 0%, #e84297 48%, #c52c7d 100%);
  --more-cta-hover:linear-gradient(135deg, #ff73b7 0%, #f055a2 48%, #d13a88 100%);
  --shadow:0 24px 58px rgba(117,132,168,.18);
}

body{
  background:
    radial-gradient(circle at 12% 0, rgba(116,206,218,.46), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(158,143,214,.34), transparent 25%),
    radial-gradient(circle at 72% 18%, rgba(207,103,185,.18), transparent 16%),
    linear-gradient(135deg, var(--mist-turquoise) 0%, var(--mist-aqua) 22%, var(--mist-sky) 52%, var(--mist-lilac) 78%, var(--mist-rose) 100%) !important;
  color:var(--text) !important;
  padding:0 !important;
  text-shadow:none !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 28%),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.18), transparent 22%);
  pointer-events:none;
  z-index:-1;
}

#pagewrap{
  overflow:hidden;
}

#site-logo span{
  display:none !important;
}

#site-logo a{
  display:flex !important;
  align-items:center !important;
  padding:10px 16px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(215,240,245,.76) 46%, rgba(232,218,241,.76));
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  box-shadow:0 16px 30px rgba(117,132,168,.18);
}

#site-logo img.site-logo-image{
  max-height:56px !important;
  width:auto !important;
  display:block !important;
  filter:drop-shadow(0 12px 20px rgba(109, 140, 182, .2));
}

#headerwrap{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(115deg, rgba(35,61,96,.16) 0%, rgba(35,61,96,0) 34%, rgba(158,143,214,.14) 70%, rgba(207,103,185,.16) 100%),
    linear-gradient(180deg, rgba(248,252,255,.12), rgba(248,252,255,0) 38%, rgba(72,90,122,.2) 100%),
    url("https://avonmarine.com/wp-content/uploads/2026/03/Untitled-design-4-scaled.png") center/cover no-repeat !important;
  border-bottom:1px solid rgba(255,255,255,.5) !important;
  box-shadow:0 20px 44px rgba(109,124,159,.2) !important;
  min-height:236px;
}

#headerwrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 32%);
  pointer-events:none;
  z-index:0;
}

#headerwrap::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:38px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(246,250,255,.96)),
    linear-gradient(90deg, rgba(116,206,218,.28), rgba(158,143,214,.28), rgba(207,103,185,.22));
  box-shadow:0 14px 28px rgba(138,151,184,.14);
  pointer-events:none;
  z-index:0;
}

#header{
  color:var(--heading) !important;
  min-height:224px !important;
  padding:28px 0 40px !important;
  position:relative;
  z-index:3;
}

@media (min-width:901px){
  #header{
    display:grid !important;
    grid-template-columns:auto auto 1fr auto;
    align-items:center !important;
    column-gap:22px;
    padding:34px 22px 58px !important;
  }

  #header .hgroup{
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  #site-logo{
    margin:0 !important;
    align-self:center !important;
  }

  #main-nav-wrap{
    position:static !important;
    align-self:center !important;
    justify-self:start !important;
    margin:0 !important;
    transform:none !important;
  }

  #social-wrap{
    position:static !important;
    align-self:center !important;
    justify-self:end !important;
    margin:0 0 0 auto !important;
    top:auto !important;
    right:auto !important;
  }
}

#main-nav-wrap{
  margin-left:18px;
}

#main-nav a{
  background:linear-gradient(135deg, rgba(252,254,255,.76), rgba(213,238,244,.58) 44%, rgba(230,218,242,.58));
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  color:var(--heading) !important;
  font-family:Signika,Arial,sans-serif !important;
  font-size:.9em !important;
  font-weight:600 !important;
  letter-spacing:.16em;
  padding:10px 14px !important;
  text-transform:uppercase;
}

#main-nav .menu-item-object-category a{
  background:var(--cta) !important;
  border-color:transparent !important;
  box-shadow:0 12px 28px rgba(127,126,185,.26);
  color:#fff !important;
}

#main-nav .menu-item-object-category a:hover{
  background:var(--cta-hover) !important;
  color:#fff !important;
}

#main-nav .current-menu-item a,
#main-nav .current_page_item a,
#main-nav a:hover{
  background:linear-gradient(135deg, rgba(116,206,218,.94), rgba(109,170,200,.92) 42%, rgba(158,143,214,.92)) !important;
  border-color:transparent !important;
  box-shadow:0 12px 26px rgba(126,138,178,.2);
  color:#41536d !important;
}

#social-wrap{
  top:18px !important;
}

#searchform-wrap{
  display:none !important;
}

#header #searchform{
  display:none !important;
}

#header #searchform #s{
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(255,255,255,.68) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74), 0 8px 20px rgba(151,158,195,.12) !important;
  color:var(--heading) !important;
  font-family:Signika,Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  height:32px !important;
  letter-spacing:.14em;
  line-height:32px !important;
  min-width:92px;
  padding:0 14px !important;
  text-align:center !important;
  text-transform:uppercase !important;
}

#header #searchform #s::placeholder{
  color:#7a7996 !important;
  letter-spacing:.14em;
  opacity:1;
  text-align:center;
  text-transform:uppercase;
}

#search-icon{
  align-items:center !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(255,255,255,.68) !important;
  border-radius:999px !important;
  box-shadow:0 8px 20px rgba(151,158,195,.12) !important;
  color:var(--heading) !important;
  display:none !important;
  gap:6px;
  min-height:30px;
  padding:0 10px !important;
  width:auto !important;
}

#search-icon .codex-search-label{
  color:#7a7996 !important;
  font-family:Signika,Arial,sans-serif !important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
}

.social-widget .wp-block-social-links{
  gap:6px !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  position:relative;
  z-index:7;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.social-widget .wp-block-social-links .wp-block-social-link{
  width:26px !important;
  height:26px !important;
  margin:0 !important;
  overflow:visible !important;
  border-radius:999px !important;
}

.social-widget .wp-block-social-link .wp-block-social-link-anchor{
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:inherit !important;
  box-shadow:none !important;
  color:inherit !important;
  display:flex !important;
  height:26px !important;
  justify-content:center !important;
  padding:5px !important;
  width:26px !important;
}

.social-widget .wp-social-link-youtube{
  background:#ff0000 !important;
  color:#fff !important;
}

.social-widget .wp-social-link-tiktok{
  background:#000 !important;
  color:#fff !important;
}

.social-widget .wp-social-link-instagram{
  background:linear-gradient(135deg, #f9ce34 0%, #ee2a7b 55%, #6228d7 100%) !important;
  color:#fff !important;
}

.social-widget .wp-block-social-link-anchor svg{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  color:inherit !important;
  fill:currentColor !important;
}

.social-widget .wp-block-social-link-label,
.rss,
.post-author,
.post-meta .post-author,
.footer-text .two{
  display:none !important;
}

.social-widget{
  position:relative !important;
  z-index:7 !important;
  isolation:isolate;
}

.social-widget .widget{
  position:relative;
  z-index:7;
}

#body{
  padding:48px 0 66px !important;
}

#layout{
  display:grid !important;
  width:min(calc(100% - 30px), 1400px) !important;
  max-width:1400px !important;
  margin:0 auto !important;
  grid-template-columns:204px minmax(0,1fr) 216px;
  gap:20px;
  align-items:start;
}

body.single-post #layout{
  width:min(calc(100% - 30px), 1320px) !important;
  max-width:1320px !important;
  grid-template-columns:minmax(0,1fr) 244px !important;
  gap:40px;
  align-items:start;
}

#content,
#sidebar,
#codex-left-rail{
  float:none !important;
  width:auto !important;
  min-width:0;
}

#codex-left-rail,
#sidebar{
  align-self:start;
  padding-top:0 !important;
}

body.single-post #codex-left-rail{
  display:none !important;
}

#codex-left-rail{
  display:flex;
  flex-direction:column;
  gap:20px;
}

#codex-left-rail .widget,
#codex-left-rail .widget .widget_custom_html,
#codex-left-rail .widget.widget_block,
#sidebar .widget,
#sidebar .widget .widget_custom_html,
#sidebar .widget.widget_block{
  background:var(--surface-card) !important;
  border:1px solid var(--line) !important;
  border-radius:24px !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
  padding:20px 20px 18px !important;
}

#codex-left-rail .widgettitle,
#codex-left-rail .wp-block-heading,
#sidebar .widgettitle,
#sidebar .wp-block-heading{
  color:var(--heading) !important;
  font-family:Signika,Arial,sans-serif !important;
  font-size:1.03em !important;
  letter-spacing:.14em;
  margin:0 0 14px !important;
  text-transform:uppercase;
}

#sidebar .widgettitle{
  margin-bottom:14px !important;
}

#codex-left-rail .widget:has(> .widgettitle:only-child),
#sidebar .widget:has(> .widgettitle:only-child){
  display:none !important;
}

#codex-left-rail .widget li,
#sidebar .widget li{
  border-color:rgba(147,160,194,.18) !important;
}

#codex-left-rail .widget a,
#sidebar .widget a{
  color:#687593 !important;
  font-weight:600;
}

#codex-left-rail .widget a:hover,
#sidebar .widget a:hover{
  color:#7d7aa1 !important;
}

#sidebar .widget .codex-tiktok-wrap{
  max-width:300px;
  margin:0 auto;
  overflow:hidden;
  border-radius:18px;
}

#sidebar .widget blockquote.tiktok-embed,
#sidebar .widget .tiktok-embed,
#sidebar .widget iframe{
  max-width:100% !important;
  min-width:0 !important;
  margin:0 auto !important;
}

#sidebar .widget a > img{
  display:block;
  width:100% !important;
  height:auto !important;
  border-radius:18px;
}

#sidebar .codex-banner-wrap svg{
  border-radius:18px;
  filter:hue-rotate(165deg) saturate(.82) brightness(1.03);
}

#codex-feature-slider{
  position:relative;
  margin:0 0 34px !important;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(223,242,246,.84), rgba(197,216,231,.72) 34%, rgba(205,191,227,.7) 72%, rgba(236,214,235,.72));
  border:1px solid rgba(255,255,255,.46);
  box-shadow:0 30px 64px rgba(117,132,168,.2);
}

#codex-feature-slider .codex-slide{
  display:none;
  position:relative;
  min-height:340px;
  color:#fff;
}

#codex-feature-slider .codex-slide.is-active{
  display:block;
}

#codex-feature-slider .codex-slide img{
  display:block;
  width:100%;
  height:100%;
  min-height:340px;
  max-height:500px;
  object-fit:cover;
  filter:brightness(.72) saturate(1.02);
}

#codex-feature-slider .codex-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(116,206,218,.08) 0%, rgba(121,153,197,.18) 34%, rgba(190,143,214,.3) 70%, rgba(207,103,185,.22) 100%);
  pointer-events:none;
}

#codex-feature-slider .codex-slide-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:30px 34px;
  background:linear-gradient(180deg, rgba(94,124,170,0) 0%, rgba(94,124,170,.28) 40%, rgba(125,122,187,.62) 72%, rgba(180,116,180,.86) 100%);
}

#codex-feature-slider .codex-slide-kicker{
  display:inline-block;
  margin-bottom:12px;
  padding:7px 12px;
  background:var(--cta);
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#fff;
  font-size:11px;
  font-weight:700;
  box-shadow:0 12px 24px rgba(117,132,168,.28);
  letter-spacing:.24em;
  text-transform:uppercase;
}

#codex-feature-slider .codex-slide-title{
  margin:0 0 12px;
  max-width:14ch;
  color:#fff;
  font-family:Signika,Arial,sans-serif !important;
  font-size:clamp(30px,4.2vw,46px);
  line-height:1.05;
}

#codex-feature-slider .codex-slide-link{
  display:inline-block;
  padding:11px 20px;
  background:var(--more-cta);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  box-shadow:0 16px 28px rgba(197,44,125,.28);
  color:#fff;
  font-weight:700;
  text-decoration:none;
}

#codex-feature-slider .codex-slide-link:hover{
  background:var(--more-cta-hover);
  color:#fff;
}

#codex-feature-slider .codex-slider-dots{
  position:absolute;
  right:24px;
  bottom:22px;
  display:flex;
  gap:8px;
  z-index:3;
}

#codex-feature-slider .codex-slider-dot{
  width:11px;
  height:11px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  cursor:pointer;
}

#codex-feature-slider .codex-slider-dot.is-active{
  background:#fff;
}

.timeline .loops-timeline{
  padding-right:0 !important;
}

.timeline .timeline-wrap{
  min-width:0;
}

#codex-left-rail .codex-archive-widget,
#sidebar .codex-archive-widget{
  padding:18px 18px 16px !important;
}

#codex-left-rail .codex-archive-widget .widgettitle,
#sidebar .codex-archive-widget .widgettitle{
  margin:0 0 14px !important;
}

#codex-left-rail .codex-archive-box,
#sidebar .codex-archive-box{
  border-radius:20px;
}

#codex-left-rail .codex-archive-box{
  max-height:560px;
  overflow:auto;
  padding-right:4px;
}

#codex-left-rail .codex-archive-box::-webkit-scrollbar{
  width:7px;
}

#codex-left-rail .codex-archive-box::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(116,206,218,.92), rgba(109,170,200,.84), rgba(207,103,185,.78));
  border-radius:999px;
}

#codex-left-rail .codex-archive-widget .timeline-nav-wrap,
#sidebar .codex-archive-widget .timeline-nav-wrap{
  margin:0 !important;
  position:static !important;
  right:auto !important;
  top:auto !important;
  z-index:auto !important;
}

#codex-left-rail .codex-archive-widget .timeline-nav,
#sidebar .codex-archive-widget .timeline-nav{
  background:rgba(248,252,255,.38) !important;
  border:1px solid rgba(147,160,194,.16) !important;
  border-radius:20px !important;
  box-shadow:none !important;
  line-height:100%;
  margin:0 !important;
  max-width:none !important;
  min-width:0 !important;
  padding:14px 0 !important;
}

#codex-left-rail .codex-archive-widget .timeline-nav a,
#sidebar .codex-archive-widget .timeline-nav a{
  color:#727694 !important;
  text-shadow:none !important;
}

#codex-left-rail .codex-archive-widget .timeline-nav-year,
#sidebar .codex-archive-widget .timeline-nav-year{
  font-family:Signika,Arial,sans-serif !important;
  font-size:.86em !important;
  font-weight:700 !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#codex-left-rail .codex-archive-widget .timeline-nav ul,
#sidebar .codex-archive-widget .timeline-nav ul{
  background:rgba(248,252,255,.46) !important;
  box-shadow:none !important;
}

#codex-left-rail .codex-archive-widget .timeline-nav ul a,
#sidebar .codex-archive-widget .timeline-nav ul a{
  color:#7b7ca2 !important;
}

.post{
  margin-bottom:28px !important;
}

body.single-post #content{
  max-width:none !important;
  box-sizing:border-box;
  padding-right:26px;
}

body.single-post #content > .post,
body.single-post #content .post-inner,
body.single-post #content .post-content{
  max-width:none !important;
}

body.single-post #content > .post{
  width:min(100%, 860px) !important;
  margin-right:auto !important;
}

body.single-post #content .post-inner,
body.single-post #content .post-content{
  width:100% !important;
}

body.single-post #content .post-inner{
  background:var(--surface-card-strong) !important;
  border:1px solid var(--line) !important;
  border-radius:30px !important;
  box-shadow:var(--shadow) !important;
  padding:34px !important;
}

.post-title{
  color:var(--heading) !important;
  font-family:Signika,Arial,sans-serif !important;
  font-size:clamp(24px,2.8vw,34px) !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
}

.post-title a{
  color:var(--heading) !important;
}

body.single-post .post-title{
  font-size:clamp(34px,4.5vw,54px) !important;
  max-width:18ch;
}

.post-meta,
.post-meta a{
  color:#8b8baa !important;
  font-size:.74em !important;
  font-weight:700 !important;
  letter-spacing:.12em;
  text-transform:uppercase !important;
}

.post-category{
  display:inline-flex;
  margin-left:8px;
}

.post-category a{
  color:#8b8baa !important;
  font-size:.74em !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-decoration:none !important;
  text-shadow:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.post-category a:hover{
  color:#7d7aa1 !important;
}

.post-image{
  margin:14px 0 18px !important;
}

.post-image img{
  border-radius:22px !important;
  box-shadow:0 16px 34px rgba(151,158,195,.14);
}

.entry-content{
  color:#68758f;
  font-size:1.02em;
  line-height:1.72;
}

body.single-post .entry-content{
  font-size:1.08em;
  line-height:1.86;
}

body.single-post .entry-content p{
  max-width:none !important;
}

body.single-post .entry-content img{
  display:block;
  float:none !important;
  width:min(100%, 460px) !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 0 20px !important;
  border-radius:20px;
  box-shadow:0 16px 34px rgba(151,158,195,.16);
}

body.single-post #sidebar{
  grid-column:2;
  display:flex;
  flex-direction:column;
  gap:18px;
  position:sticky;
  top:18px;
}

body.single-post #sidebar .widget{
  height:auto;
  width:100%;
}

.codex-archive-preview p{
  margin:0 0 12px !important;
}

.codex-archive-preview .codex-more-link,
.more-link{
  display:inline-block;
  background:var(--more-cta) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:999px !important;
  box-shadow:0 14px 28px rgba(197,44,125,.26) !important;
  color:#fff !important;
  font-size:.78em !important;
  font-weight:700;
  letter-spacing:.16em;
  padding:10px 16px !important;
  text-decoration:none;
  text-transform:uppercase;
}

.codex-archive-preview .codex-more-link:hover,
.more-link:hover{
  background:var(--more-cta-hover) !important;
  color:#fff !important;
}

body.codex-force-archive-preview .loops-timeline .set-month{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  align-items:start;
}

body.codex-force-archive-preview .loops-timeline .timeline-month{
  grid-column:1 / -1;
  margin:0 0 10px !important;
  padding:0 !important;
  text-align:left !important;
}

body.codex-force-archive-preview .loops-timeline .timeline-month span{
  background:transparent !important;
  border-bottom:2px solid rgba(184,166,203,.24);
  box-shadow:none !important;
  color:#8b8bae !important;
  display:inline-block;
  letter-spacing:.2em;
  padding:0 0 8px !important;
}

body.codex-force-archive-preview .loops-timeline .set-month > .post{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:auto !important;
  margin:0 !important;
}

body.codex-force-archive-preview .loops-timeline .set-month > .post-load-queue{
  display:none !important;
}

body.codex-force-archive-preview .loops-timeline .timeline-content{
  height:auto !important;
}

body.codex-force-archive-preview .loops-timeline .post-inner{
  background:var(--surface-card) !important;
  border:1px solid var(--line) !important;
  border-radius:26px !important;
  box-shadow:var(--shadow) !important;
  margin:0 !important;
  padding:26px !important;
  transition:transform .25s ease, box-shadow .25s ease;
}

body.codex-force-archive-preview .loops-timeline .post:hover .post-inner{
  box-shadow:0 28px 60px rgba(117,132,168,.24) !important;
  transform:translateY(-3px);
}

.timeline .post-date{
  position:static !important;
  left:auto !important;
  margin:0 0 14px !important;
  text-align:left !important;
  top:auto !important;
  width:auto !important;
}

.timeline .post-date span{
  background:linear-gradient(135deg, rgba(116,206,218,.92), rgba(109,170,200,.9) 42%, rgba(158,143,214,.92)) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  color:#696580 !important;
  display:inline-block;
  font-weight:700;
  letter-spacing:.14em;
  padding:7px 12px !important;
}

.timeline .post-arrow,
.timeline .post-dot,
.timeline .timeline-bar,
.timeline .timeline-start-dot{
  display:none !important;
}

body.sidebar-none #content{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:28px;
  align-items:start;
}

body.sidebar-none #content > *{
  min-width:0;
}

body.sidebar-none #content > :not(#codex-feature-slider):not(#codex-extra-sidebar){
  grid-column:1;
}

body.sidebar-none #codex-feature-slider{
  grid-column:1 / -1;
}

body.sidebar-none #codex-extra-sidebar{
  grid-column:2;
  grid-row:2;
  position:sticky;
  top:20px;
  display:flex;
  flex-direction:column;
  gap:18px;
  align-self:start;
}

body.sidebar-none #codex-extra-sidebar .codex-widget{
  background:var(--surface-card-strong);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 12px 28px rgba(117,132,168,.14);
  padding:18px;
}

body.sidebar-none #codex-extra-sidebar .codex-widget h3{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.1;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.sidebar-none #codex-extra-sidebar .codex-recent-list{
  margin:0;
  padding:0;
  list-style:none;
}

body.sidebar-none #codex-extra-sidebar .codex-recent-list li + li{
  margin-top:10px;
}

body.sidebar-none #codex-extra-sidebar .codex-recent-list a{
  font-weight:700;
  line-height:1.45;
  text-decoration:none;
}

body.sidebar-none #codex-extra-sidebar .codex-banner{
  overflow:hidden;
  padding:0;
}

body.sidebar-none #codex-extra-sidebar .codex-banner a{
  display:block;
}

body.sidebar-none #codex-extra-sidebar .codex-banner img{
  display:block;
  width:100%;
  height:auto;
}

body.sidebar-none #codex-extra-sidebar .codex-widget .codex-tiktok-wrap{
  max-width:100%;
  margin:0 auto;
  overflow:hidden;
  border-radius:12px;
}

@media (max-width:1180px){
  #layout{
    width:min(calc(100% - 24px), 1240px) !important;
    grid-template-columns:188px minmax(0,1fr) 196px;
    gap:16px;
  }

  body.single-post #layout{
    width:min(calc(100% - 24px), 1160px) !important;
    grid-template-columns:minmax(0,1fr) 220px !important;
  }

  body.sidebar-none #content{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.sidebar-none #codex-extra-sidebar{
    grid-column:1;
    grid-row:auto;
    position:static;
  }
}

@media (max-width:900px){
  body{
    padding-top:0 !important;
  }

  #headerwrap{
    min-height:204px;
  }

  #header{
    display:block !important;
    min-height:192px !important;
    padding:26px 0 34px !important;
  }

  #body{
    padding:34px 0 60px !important;
  }

  #main-nav-wrap{
    margin-left:22px !important;
  }

  #searchform-wrap{
    display:none !important;
  }

  #search-icon{
    display:none !important;
  }

  #header #searchform{
    display:none !important;
  }

  #header #searchform #s{
    min-width:108px;
    width:108px !important;
  }

  #layout{
    width:calc(100% - 18px) !important;
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.single-post #layout{
    width:calc(100% - 10px) !important;
    max-width:none !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
  }

  #content{
    grid-row:1 !important;
  }

  body.single-post #content,
  body.single-post #content > .post,
  body.single-post #content .post-inner,
  body.single-post #content .post-content{
    width:100% !important;
    max-width:none !important;
  }

  #codex-left-rail{
    grid-row:2 !important;
  }

  #sidebar{
    grid-row:3 !important;
  }

  #codex-left-rail,
  #sidebar{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:18px;
  }

  body.single-post #sidebar{
    display:grid;
    width:100% !important;
    grid-column:auto;
    grid-template-columns:repeat(2, minmax(0,1fr));
    position:static;
    top:auto;
  }

  body.single-post #content .post-inner{
    box-sizing:border-box;
    padding:24px 22px !important;
  }

  body.single-post #content{
    padding-right:0;
  }

  body.single-post #content > .post{
    width:100% !important;
  }
}

@media (max-width:768px){
  #headerwrap{
    min-height:176px;
  }

  #header{
    min-height:168px !important;
    padding:22px 0 28px !important;
  }

  #body{
    padding:24px 0 46px !important;
  }

  #layout{
    width:calc(100% - 12px) !important;
    max-width:none !important;
    gap:16px !important;
  }

  body.single-post #layout{
    width:calc(100% - 4px) !important;
    gap:14px !important;
  }

  #content{
    width:100% !important;
  }

  #site-logo img.site-logo-image{
    max-height:48px !important;
  }

  #codex-feature-slider{
    margin:0 0 26px !important;
    border-radius:24px !important;
  }

  #codex-feature-slider .codex-slide,
  #codex-feature-slider .codex-slide img{
    min-height:240px;
    max-height:340px;
  }

  #codex-feature-slider .codex-slide-copy{
    padding:22px 22px 56px;
  }

  body.codex-force-archive-preview .loops-timeline .set-month{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.codex-force-archive-preview .loops-timeline .post-inner{
    padding:20px 18px !important;
    border-radius:22px !important;
  }

  #codex-left-rail,
  #sidebar{
    grid-template-columns:minmax(0,1fr);
  }

  #content{
    grid-row:1 !important;
  }

  #codex-left-rail{
    grid-row:2 !important;
  }

  #sidebar{
    grid-row:3 !important;
  }

  body.single-post #sidebar{
    grid-template-columns:minmax(0,1fr);
  }

  body.single-post #content .post-inner{
    padding:20px 16px !important;
  }

  body.single-post .post-title{
    font-size:clamp(28px,8vw,40px) !important;
  }
}

@media (max-width:600px){
  #layout{
    width:calc(100% - 8px) !important;
  }

  body.codex-force-archive-preview .loops-timeline .post-inner{
    padding:18px 16px !important;
  }

  body.single-post #layout{
    width:100% !important;
  }

  body.single-post #content .post-inner{
    padding:18px 12px !important;
    border-radius:18px !important;
  }
}
</style><?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://avonmarine.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://avonmarine.com/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://avonmarine.com/wp-sitemap-posts-post-2.xml</loc></sitemap><sitemap><loc>https://avonmarine.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://avonmarine.com/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://avonmarine.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
<script id="codex-avonmarine-site-lock-script">
(function () {
  var forceArchivePreview = true;
  var linkPolicyObserverStarted = false;

  function isSameOrigin(href) {
    try {
      return new URL(href, window.location.href).origin === window.location.origin;
    } catch (error) {
      return true;
    }
  }

  function setExternalRel(link) {
    var tokens = (link.getAttribute('rel') || '').split(/\s+/).filter(Boolean).map(function (token) {
      return token.toLowerCase();
    });
    ['nofollow', 'noopener', 'noreferrer', 'external'].forEach(function (token) {
      if (tokens.indexOf(token) === -1) {
        tokens.push(token);
      }
    });
    link.setAttribute('rel', tokens.join(' '));
  }

  function removeThemeCredit(link) {
    var exactWrapper = link.closest('.two');
    if (exactWrapper) {
      exactWrapper.remove();
      return;
    }

    var wrapper = link.closest('p, li, span, div');
    if (wrapper && /powered by|wordpress|themify/i.test(wrapper.textContent || '')) {
      wrapper.remove();
      return;
    }
    link.remove();
  }

  function applyLinkPolicy() {
    Array.from(document.querySelectorAll('a[href]')).forEach(function (link) {
      var href = link.getAttribute('href');
      if (!href || /^(#|mailto:|tel:|javascript:|data:)/i.test(href)) {
        return;
      }

      if (/wordpress\.org|themify\.me/i.test(href)) {
        removeThemeCredit(link);
        return;
      }

      if (isSameOrigin(href)) {
        return;
      }

      setExternalRel(link);
    });
  }

  function initLinkPolicy() {
    applyLinkPolicy();
    window.setTimeout(applyLinkPolicy, 500);
    window.setTimeout(applyLinkPolicy, 1500);
    window.setTimeout(applyLinkPolicy, 3000);

    if (!linkPolicyObserverStarted && window.MutationObserver) {
      linkPolicyObserverStarted = true;
      var queued = false;
      var observer = new MutationObserver(function () {
        if (queued) {
          return;
        }
        queued = true;
        window.requestAnimationFrame(function () {
          queued = false;
          applyLinkPolicy();
        });
      });
      observer.observe(document.documentElement, { childList: true, subtree: true });
    }
  }

  function boot() {
    if (forceArchivePreview) {
      document.body.classList.add('codex-force-archive-preview');
    }

    function collectPosts(limit) {
      return Array.from(document.querySelectorAll('article.post')).map(function (post) {
        var link = post.querySelector('h2 a');
        var image = post.querySelector('.post-image img');
        var category = post.querySelector('.post-category a');
        if (!link || !image) return null;
        return {
          title: link.textContent.trim(),
          href: link.href,
          image: image.getAttribute('data-tf-src') || image.getAttribute('data-src') || image.getAttribute('src'),
          category: category ? category.textContent.trim() : 'Guide'
        };
      }).filter(Boolean).slice(0, limit);
    }

    function moveArchiveToSidebar() {
      var sidebar = document.querySelector('#sidebar');
      var archiveWrap = document.querySelector('.timeline-nav-wrap');
      if (!sidebar || !archiveWrap || archiveWrap.dataset.codexMoved === '1') {
        return;
      }

      var widget = document.createElement('section');
      widget.className = 'widget codex-archive-widget';

      var title = document.createElement('h3');
      title.className = 'widgettitle';
      title.textContent = 'Archive';

      var inner = document.createElement('div');
      inner.className = 'codex-archive-box';
      inner.appendChild(archiveWrap);

      widget.appendChild(title);
      widget.appendChild(inner);

      sidebar.insertBefore(widget, sidebar.firstChild);
      archiveWrap.dataset.codexMoved = '1';
    }

    function splitSidebarColumns() {
      var layout = document.querySelector('#layout');
      var content = document.querySelector('#content');
      var sidebar = document.querySelector('#sidebar');
      var recentWidget = document.querySelector('#block-3');
      var archiveWidget = document.querySelector('.codex-archive-widget');
      if (!layout || !content || !sidebar || !recentWidget || !archiveWidget) {
        return;
      }

      var leftRail = document.getElementById('codex-left-rail');
      if (!leftRail) {
        leftRail = document.createElement('aside');
        leftRail.id = 'codex-left-rail';
        leftRail.setAttribute('aria-label', 'Recent posts and archive');
        layout.insertBefore(leftRail, content);
      }

      leftRail.appendChild(recentWidget);
      leftRail.appendChild(archiveWidget);
      document.body.classList.add('codex-split-sidebars');
    }

    var logoLink = document.querySelector('#site-logo a');
    if (logoLink && !logoLink.querySelector('img')) {
      logoLink.innerHTML = '<img data-tf-not-load="1" width="1200" height="260" decoding="async" src="https://avonmarine.com/wp-content/uploads/2026/03/avonmarine-logo-11.png" alt="Avon Marine" class="site-logo-image" fetchpriority="high">';
    }

    var navWrap = document.querySelector('#main-nav-wrap') || document.querySelector('nav[itemscope]');
    var navList = document.querySelector('#main-nav');
    if (navWrap && (!navList || !navList.children.length)) {
      if (!navList) {
        navList = document.createElement('ul');
        navList.id = 'main-nav';
        navList.className = 'main-nav';
        navWrap.appendChild(navList);
      }
      navList.innerHTML = '<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://avonmarine.com">Home</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="https://avonmarine.com/category/guide/">Guide</a></li>';
    }

    if (!document.getElementById('codex-feature-slider')) {
      var posts = collectPosts(4);

      if (posts.length > 1) {
        var slider = document.createElement('section');
        slider.id = 'codex-feature-slider';
        slider.innerHTML = '<div class="codex-slider-slides"></div><div class="codex-slider-dots"></div>';
        var slides = slider.querySelector('.codex-slider-slides');
        var dots = slider.querySelector('.codex-slider-dots');

        posts.forEach(function (item, index) {
          var slide = document.createElement('article');
          slide.className = 'codex-slide' + (index === 0 ? ' is-active' : '');
          slide.innerHTML = '<a href="' + item.href + '"><img loading="lazy" decoding="async" src="' + item.image + '" alt="' + item.title.replace(/"/g, '&quot;') + '"></a><div class="codex-slide-copy"><span class="codex-slide-kicker">' + item.category + '</span><h2 class="codex-slide-title">' + item.title + '</h2><a class="codex-slide-link" href="' + item.href + '">Read More</a></div>';
          slides.appendChild(slide);

          var dot = document.createElement('button');
          dot.className = 'codex-slider-dot' + (index === 0 ? ' is-active' : '');
          dot.type = 'button';
          dot.setAttribute('aria-label', 'Go to slide ' + (index + 1));
          dot.addEventListener('click', function () { setActive(index); resetTimer(); });
          dots.appendChild(dot);
        });

        var target = document.querySelector('main#content');
        if (target) {
          target.insertBefore(slider, target.firstChild);
        }

        var active = 0;
        var slideNodes = Array.from(slider.querySelectorAll('.codex-slide'));
        var dotNodes = Array.from(slider.querySelectorAll('.codex-slider-dot'));
        var timer = null;

        function setActive(index) {
          active = index;
          slideNodes.forEach(function (node, i) { node.classList.toggle('is-active', i === index); });
          dotNodes.forEach(function (node, i) { node.classList.toggle('is-active', i === index); });
        }

        function resetTimer() {
          window.clearInterval(timer);
          timer = window.setInterval(function () {
            setActive((active + 1) % slideNodes.length);
          }, 4500);
        }

        resetTimer();
      }
    }

    moveArchiveToSidebar();
    splitSidebarColumns();

    if (forceArchivePreview && (document.querySelector('.loops-timeline') || document.querySelector('.loops-wrapper'))) {
      Array.from(document.querySelectorAll('article.post')).forEach(function (post) {
        var content = post.querySelector('.entry-content');
        var postLink = post.querySelector('h2 a');
        if (!content || !postLink || content.dataset.codexPreviewDone === '1') {
          return;
        }

        Array.from(content.querySelectorAll('img,figure,iframe,video,script,style,noscript,.wp-caption,.gallery,.blocks-gallery-grid,blockquote.instagram-media')).forEach(function (node) {
          node.remove();
        });

        var text = (content.textContent || '').replace(/\s+/g, ' ').trim();
        if (!text) {
          return;
        }

        var words = text.split(' ');
        var snippet = words.slice(0, 42).join(' ');
        if (words.length > 42) {
          snippet += '...';
        }

        content.innerHTML = '<div class="codex-archive-preview"><p>' + snippet.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</p><p><a class="codex-more-link" href="' + postLink.href + '">More</a></p></div>';
        content.dataset.codexPreviewDone = '1';
      });

      window.setTimeout(function () {
        window.dispatchEvent(new Event('resize'));
        if (window.jQuery) {
          window.jQuery(window).trigger('resize');
        }
      }, 120);
    }

    initLinkPolicy();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot);
  } else {
    boot();
  }
})();
</script>