.elementor-kit-2567{--e-global-color-primary:#0B2A2E;--e-global-color-secondary:#0E8FC4;--e-global-color-text:#0A5F87;--e-global-color-accent:#1BA179;--e-global-color-648d868:#5E7679;--e-global-color-7e229aa:#E3EFFA;--e-global-color-d95d241:#FBF6EC;--e-global-color-89c32f5:#0B7FC0;--e-global-color-d97237a:#16AECF;--e-global-color-759813e:#FFFFFFE0;--e-global-color-2ed430a:#FFFFFFB8;--e-global-color-b78011c:#FFFFFF;--e-global-color-f887a24:#5E7679B3;--e-global-color-ac4f7b5:#0E7A57;--e-global-color-8bd43c8:#9A6A12;--e-global-color-4a17d8f:#8A9A9A;--e-global-color-03df774:#9AABAB;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-size:75px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-size:44px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Fraunces";--e-global-typography-text-font-size:28px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:26px;--e-global-typography-ed515f0-font-family:"Inter";--e-global-typography-ed515f0-font-size:16px;--e-global-typography-ed515f0-font-weight:500;--e-global-typography-998a20d-font-family:"Inter";--e-global-typography-998a20d-font-size:14px;--e-global-typography-998a20d-font-weight:700;--e-global-typography-998a20d-line-height:19px;--e-global-typography-4c5c76e-font-family:"Inter";--e-global-typography-4c5c76e-font-size:12px;--e-global-typography-4c5c76e-font-weight:600;--e-global-typography-4c5c76e-text-transform:uppercase;--e-global-typography-4c5c76e-line-height:16px;--e-global-typography-4c5c76e-letter-spacing:1.68px;--e-global-typography-d56d41a-font-family:"Inter";--e-global-typography-d56d41a-font-size:13px;--e-global-typography-d56d41a-font-weight:600;--e-global-typography-d56d41a-line-height:16px;--e-global-typography-9fef53f-font-family:"Inter";--e-global-typography-9fef53f-font-size:18px;--e-global-typography-9fef53f-font-weight:400;--e-global-typography-9fef53f-line-height:28px;--e-global-typography-6a2a504-font-family:"Inter";--e-global-typography-6a2a504-font-size:14px;--e-global-typography-6a2a504-font-weight:400;--e-global-typography-6a2a504-line-height:24px;--e-global-typography-e7795f8-font-family:"Inter";--e-global-typography-e7795f8-font-size:14px;--e-global-typography-e7795f8-font-weight:600;--e-global-typography-6dc0160-font-family:"Inter";--e-global-typography-6dc0160-font-size:12px;--e-global-typography-6dc0160-font-weight:700;--e-global-typography-6dc0160-text-transform:uppercase;--e-global-typography-6dc0160-letter-spacing:1.68px;--e-global-typography-b109523-font-family:"Inter";--e-global-typography-b109523-font-size:15px;--e-global-typography-b109523-font-weight:600;--e-global-typography-1913c7e-font-family:"Inter";--e-global-typography-1913c7e-font-size:16px;--e-global-typography-1913c7e-font-weight:600;--e-global-typography-69e3c53-font-family:"Fraunces";--e-global-typography-69e3c53-font-size:20px;--e-global-typography-69e3c53-font-weight:500;--e-global-typography-e0c60f7-font-family:"Fraunces";--e-global-typography-e0c60f7-font-size:20px;--e-global-typography-e0c60f7-font-weight:600;--e-global-typography-a174c5d-font-family:"Inter";--e-global-typography-a174c5d-font-size:11px;--e-global-typography-a174c5d-font-weight:500;--e-global-typography-0e6843e-font-family:"Fraunces";--e-global-typography-0e6843e-font-size:52px;--e-global-typography-0e6843e-font-weight:600;--e-global-typography-91c9f2f-font-family:"Inter";--e-global-typography-91c9f2f-font-size:12px;--e-global-typography-91c9f2f-font-weight:400;--e-global-typography-ed45db8-font-family:"Fraunces";--e-global-typography-ed45db8-font-size:25px;--e-global-typography-ed45db8-font-weight:600;--e-global-typography-a47bce4-font-family:"Inter";--e-global-typography-a47bce4-font-size:11px;--e-global-typography-a47bce4-font-weight:400;--e-global-typography-a47bce4-text-transform:uppercase;--e-global-typography-88b6716-font-family:"Inter";--e-global-typography-88b6716-font-size:10px;--e-global-typography-88b6716-font-weight:400;--e-global-typography-95b7ace-font-family:"Inter";--e-global-typography-95b7ace-font-size:12px;--e-global-typography-95b7ace-font-weight:700;--e-global-typography-6c69dc2-font-family:"Inter";--e-global-typography-6c69dc2-font-size:16px;--e-global-typography-6c69dc2-font-weight:700;--e-global-typography-b883cf0-font-family:"Fraunces";--e-global-typography-b883cf0-font-size:66px;--e-global-typography-b883cf0-font-weight:600;--e-global-typography-e446b23-font-family:"Inter";--e-global-typography-e446b23-font-size:19px;--e-global-typography-e446b23-font-weight:600;--e-global-typography-079ee37-font-family:"Inter";--e-global-typography-079ee37-font-size:11px;--e-global-typography-079ee37-font-weight:700;--e-global-typography-11e1929-font-family:"Inter";--e-global-typography-11e1929-font-size:13px;--e-global-typography-11e1929-font-weight:700;--e-global-typography-11e1929-text-transform:uppercase;background-color:#FFFFFF;color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-2567 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2567 a:hover{color:var( --e-global-color-primary );}.elementor-kit-2567 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-2567 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-2567 h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-2567{--e-global-typography-9fef53f-font-size:18px;font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-2567 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-2567 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-2567 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2567{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-2567 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-2567 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-2567 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================================
   S.E.A. Kayaking — site-wide custom CSS for Elementor
   Paste into: Elementor → Site Settings → Custom CSS
   The class names below must be added to widgets/containers in
   Advanced → CSS Classes (see CLAUDE.md §B2).
   Starting point taken from the approved mockup — check each rule in
   the editor on staging.
   ===================================================================== */

:root{
  --ink:#0B2A2E;--muted:#5E7679;--line:#E1EAF2;
  --sea:#0E8FC4;--sea-deep:#0A5F87;
  --mist:#E3EFFA;--mist2:#F2F8FD;--sand:#FBF6EC;
  /* animated brand gradient: extra stops + wide size so the sea-blue drifts */
  --grad:linear-gradient(120deg,#0A5F87 0%,#0B7FC0 35%,#16AECF 65%,#0B7FC0 100%);
  --shadow:0 18px 50px -20px rgba(11,42,46,.28);
  --shadow-sm:0 6px 22px -12px rgba(11,42,46,.25);
}

/* premium: brand blue drifts slowly (used by Book Now, primary buttons, contact button) */
@keyframes seaGradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.sea-grad,
.nav-contact .elementor-button,
.btn-solid .elementor-button{
  background:var(--grad);background-size:220% 220%;
  animation:seaGradShift 9s ease-in-out infinite;
}

/* ---------- Header (container class: sea-header) ---------- */
.sea-header{transition:background-color .35s, box-shadow .35s}
.sea-header .elementor-nav-menu--main .elementor-item{white-space:nowrap}
/* after scrolling (Elementor adds elementor-sticky--effects past the Effects Offset) */
.sea-header.elementor-sticky--effects{
  background:rgba(255,255,255,.95)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 1px 0 var(--line);
}
.sea-header.elementor-sticky--effects .elementor-nav-menu--main .elementor-item{color:var(--ink)}
.sea-header.elementor-sticky--effects .sea-logo img{filter:brightness(0)}
/* tighter spacing between the hamburger breakpoint and full desktop */
@media (min-width:1041px) and (max-width:1200px){
  .sea-header .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;letter-spacing:1.2px}
  .nav-contact .elementor-button{padding:11px 20px}
}

/* ---------- Book Now (Button widget class: nav-contact) ---------- */
.nav-contact .elementor-button{
  background:var(--grad);color:#fff;border:none;border-radius:100px;
  font-family:'Inter',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;padding:12px 27px;
  box-shadow:0 7px 18px -6px rgba(14,143,196,.6);transition:.25s;
}
.nav-contact .elementor-button:hover,
.nav-contact .elementor-button:focus-visible{
  background:#fff;color:var(--ink);transform:translateY(-1px);animation:none;
}
.nav-contact .elementor-button:focus-visible{outline:2px solid var(--sea);outline-offset:3px}

/* ---------- Buttons ---------- */
.btn-solid .elementor-button{background:var(--grad);color:#fff;box-shadow:0 10px 26px -10px rgba(15,160,180,.7);transition:.25s}
.btn-solid .elementor-button:hover{transform:translateY(-2px)}
.btn-line .elementor-button{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-line .elementor-button:hover{border-color:var(--sea);color:var(--sea-deep)}

/* ---------- Eyebrow label (class: ey) ---------- */
.ey,.ey .elementor-heading-title,.ey p{
  font-family:'Inter',sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--sea-deep);
}

/* ---------- Cards (container class: tcard, set HTML Tag = a) ---------- */
.tcard{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#fff;transition:.28s;cursor:pointer;color:inherit}
.tcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tcard .tcard-img{overflow:hidden}
.tcard .tcard-img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.5s}
.tcard:hover .tcard-img img{transform:scale(1.06)}
/* level badge (class: lvl, Position absolute) — must stay above the zooming image */
.tcard .lvl{
  position:absolute;top:12px;left:12px;z-index:2;pointer-events:none;
  background:rgba(255,255,255,.92);border-radius:100px;padding:5px 11px;
}
.tcard .lvl,.tcard .lvl .elementor-heading-title,.tcard .lvl p{font-size:11px;font-weight:700;color:var(--ink);margin:0}
.tcard:focus-visible{outline:2px solid var(--sea);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .tcard,.tcard .tcard-img img,.nav-contact .elementor-button,.btn-solid .elementor-button{transition:none}
  .sea-grad,.nav-contact .elementor-button,.btn-solid .elementor-button{animation:none;background-size:100% 100%}
}

/* =====================================================================
   Cookie Notice bar — full brand redesign (plugin: Cookie Notice & Compliance)
   Set in the plugin first (Settings -> Cookie Notice): Bar #0B2A2E,
   Text #E8F1F6, Button #0E8FC4. This CSS then restyles the buttons + X.
   Contrast (measured): body text #E8F1F6 on #0B2A2E = 12.7:1; Ok button
   #fff on --sea-deep = 7.0:1 -> both pass WCAG AA.
   ===================================================================== */
#cookie-notice{
  background:#0B2A2E!important;
  box-shadow:0 -1px 0 rgba(255,255,255,.08), 0 -14px 40px -24px rgba(11,42,46,.9);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
#cookie-notice .cookie-notice-container{
  display:flex;align-items:center;justify-content:center;gap:18px 22px;flex-wrap:wrap;
  max-width:1160px;margin:0 auto;padding:16px 22px;
}
#cookie-notice #cn-notice-text{
  font-family:'Inter',sans-serif;font-size:14px;line-height:1.55;
  color:#E8F1F6!important;padding:0;margin:0;flex:1 1 320px;
}
#cookie-notice #cn-notice-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
/* all buttons: pill, Inter, no plugin pink */
#cookie-notice .cn-button{
  font-family:'Inter',sans-serif!important;font-size:13px!important;font-weight:700!important;
  letter-spacing:.02em;border-radius:100px!important;padding:11px 22px!important;
  margin:0!important;min-width:auto;text-shadow:none!important;transition:.2s;cursor:pointer;
  border:1.5px solid transparent!important;line-height:1;
}
/* Ok = primary, deep-sea solid (guaranteed AA with white) */
#cookie-notice #cn-accept-cookie{
  background:var(--sea-deep)!important;color:#fff!important;
  box-shadow:0 8px 20px -8px rgba(10,95,135,.7);
}
#cookie-notice #cn-accept-cookie:hover{background:var(--sea)!important;transform:translateY(-1px)}
/* No = ghost on the dark bar */
#cookie-notice #cn-refuse-cookie{
  background:transparent!important;color:#E8F1F6!important;
  border-color:rgba(255,255,255,.35)!important;
}
#cookie-notice #cn-refuse-cookie:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.6)!important}
/* Read more = quiet text link */
#cookie-notice .cn-more-info{
  background:transparent!important;color:#AFC7CC!important;border-color:transparent!important;
  padding:11px 10px!important;text-decoration:underline;text-underline-offset:3px;
}
#cookie-notice .cn-more-info:hover{color:#fff!important}
#cookie-notice .cn-button:focus-visible{outline:2px solid var(--sea);outline-offset:3px}
/* X close: borderless, subtle */
#cookie-notice .cn-close-icon{
  border:none!important;opacity:.6;transition:.2s;
}
#cookie-notice .cn-close-icon:hover{opacity:1}
#cookie-notice .cn-close-icon::before,#cookie-notice .cn-close-icon::after{background:#E8F1F6!important}
/* mobile: stack text over buttons, keep clear of the floating contact button */
@media (max-width:600px){
  #cookie-notice .cookie-notice-container{padding:14px 18px 18px;gap:12px}
  #cookie-notice #cn-notice-buttons{width:100%;justify-content:flex-start}
  #cookie-notice #cn-accept-cookie,#cookie-notice #cn-refuse-cookie{flex:1 1 auto;text-align:center;padding:12px 18px!important}
}

.sea-sched-tab:hover,.sea-sched-tab:focus{background:var(--mist2)!important;color:var(--sea-deep)!important}
.sea-sched-tab.is-active,.sea-sched-tab.is-active:hover,.sea-sched-tab.is-active:focus{background:var(--ink)!important;color:#fff!important}
.sea-sched-tab:focus-visible{outline:2px solid var(--sea);outline-offset:2px}/* End custom CSS */