.elementor-kit-5{--e-global-color-primary:#003087;--e-global-color-secondary:#000000;--e-global-color-text:#1A1A1A;--e-global-color-accent:#FF6600;--e-global-color-3b9251c:#F8FAFC;--e-global-color-cc37e57:#FFFFFF;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --navy:#071A2D;
  --ocean:#0D4D8B;
  --gold:#C9A44C;
  --bg:#F8FAFC;
  --card:#FFFFFF;
  --text:#33475B;
  --shadow-soft:0 10px 30px rgba(7,26,45,0.08);
  --shadow-lift:0 20px 40px rgba(7,26,45,0.18);
  --ease:cubic-bezier(.22,1,.36,1);
}

body{
  background:var(--bg) !important;
  color:var(--text);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title,.um-account-title,.um-field-label label{
  font-family:'Space Grotesk','Manrope',sans-serif !important;
  color:var(--navy);
  letter-spacing:-0.01em;
}
a{ color:var(--ocean); transition:color .25s var(--ease); }
a:hover{ color:var(--gold); }
::selection{ background:var(--gold); color:#fff; }
html{ scroll-behavior:smooth; }

/* ============ HEADER ============ */
.site-header{
  position:sticky; top:0; z-index:999;
  background:rgba(248,250,252,0.85) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(7,26,45,0.06);
  box-shadow:0 4px 24px rgba(7,26,45,0.05);
  padding:14px 32px !important;
  transition:box-shadow .3s var(--ease);
}
.site-branding .site-title a{
  font-family:'Space Grotesk',sans-serif !important; font-weight:700 !important; color:var(--navy) !important;
  letter-spacing:.02em;
}
.main-navigation a{
  font-family:'Inter',sans-serif !important; font-weight:500 !important; color:var(--navy) !important;
  padding:8px 18px !important; border-radius:999px !important;
  transition:all .25s var(--ease) !important;
}
.main-navigation a:hover, .main-navigation a:focus{
  background:var(--navy) !important; color:#fff !important;
}

/* ============ FOOTER ============ */
.site-footer{
  background:var(--navy) !important;
  color:#cfd8e3 !important;
  padding:64px 32px 32px !important;
  margin-top:80px;
}
.site-footer a{ color:#cfd8e3 !important; }
.site-footer a:hover{ color:var(--gold) !important; }
.site-footer .site-name, .site-footer .site-info{
  font-family:'Space Grotesk',sans-serif !important; letter-spacing:.02em;
}

/* ============ BUTTONS ============ */
.elementor-button,
.um-button,
.wp-element-button,
button[type="submit"],
input[type="submit"]{
  background:var(--ocean) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:14px 32px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  transition:all .3s var(--ease) !important;
  box-shadow:0 8px 20px rgba(13,77,139,0.25);
}
.elementor-button:hover,
.um-button:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  background:var(--gold) !important;
  color:var(--navy) !important;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(201,164,76,0.35);
}

/* ============ FORM FIELDS (site-wide + UM) ============ */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="url"], input[type="number"],
textarea, select,
.um-field-area input, .um-field-area textarea, .um-field-area select{
  border:1.5px solid rgba(7,26,45,0.12) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  font-family:'Inter',sans-serif !important;
  background:#fff !important;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease) !important;
}
input:focus, textarea:focus, select:focus{
  border-color:var(--ocean) !important;
  box-shadow:0 0 0 4px rgba(13,77,139,0.12) !important;
  outline:none !important;
}
.um-field-label label{ font-weight:600 !important; color:var(--navy) !important; }

/* ============ ULTIMATE MEMBER — LOGIN / REGISTER / PASSWORD RESET ============ */
body.page-id-567 .entry-header,
body.page-id-568 .entry-header,
body.page-id-561 .entry-header{
  display:none !important;
}
body.page-id-567, body.page-id-568, body.page-id-561{
  background:linear-gradient(180deg, rgba(7,26,45,.6), rgba(7,26,45,.7)),
    url('https://catamaranplan.com/wp-content/uploads/2026/07/royal-huisman-sky-exterior-sunset-resize_1763021847.png') center/cover no-repeat !important;
  background-attachment:fixed;
}
@media (max-width:800px){
  body.page-id-567, body.page-id-568, body.page-id-561{ background-attachment:scroll !important; }
}
body.page-id-567 .site-content, body.page-id-568 .site-content, body.page-id-561 .site-content{
  min-height:100vh; display:flex; align-items:center; justify-content:center; padding:60px 20px;
}
body.page-id-567 .um, body.page-id-568 .um, body.page-id-561 .um{
  background:rgba(255,255,255,0.9) !important;
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-radius:24px !important;
  box-shadow:0 30px 80px rgba(7,26,45,0.4) !important;
  border:1px solid rgba(255,255,255,0.6) !important;
  padding:48px !important;
  max-width:460px; margin:0 auto;
  animation:fadeSlideUp .6s var(--ease);
}
body.page-id-567 .um-button, body.page-id-568 .um-button, body.page-id-561 .um-button{
  width:100% !important;
}
body.page-id-567 .site-footer, body.page-id-568 .site-footer, body.page-id-561 .site-footer{
  display:none !important;
}

/* ============ ACCOUNT PAGE ============ */
.um-account{ gap:32px !important; }
.um-account-side{
  background:var(--card) !important; border-radius:20px !important; box-shadow:var(--shadow-soft) !important;
  padding:24px !important; border:none !important;
}
.um-account-link{ border-radius:12px !important; transition:all .2s var(--ease) !important; }
.um-account-link:hover, .um-account-link.current{
  background:rgba(13,77,139,0.08) !important;
}
.um-account-main{
  background:var(--card) !important; border-radius:20px !important; box-shadow:var(--shadow-soft) !important;
  padding:32px !important; border:none !important;
}
.um-account-name{ font-family:'Space Grotesk',sans-serif !important; color:var(--navy) !important; }

/* ============ MEMBERS DIRECTORY ============ */
body.page-id-564 .um-members{ gap:20px; }

/* ============ CONTACT / GENERAL ELEMENTOR WIDGETS ============ */
.elementor-widget-image img,
.elementor-widget-theme-post-featured-image img{
  border-radius:16px;
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}

/* ============ MICRO ANIMATIONS ============ */
@keyframes fadeSlideUp{
  from{ opacity:0; transform:translateY(24px); }
  to{ opacity:1; transform:translateY(0); }
}
@keyframes fadeIn{ from{opacity:0;} to{opacity:1;} }

/* ============ SCROLLBAR ============ */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:rgba(7,26,45,0.25); border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background:var(--ocean); }

/* ============ AUTH PAGES: HIDE THEME HEADER, ADD BRAND MARK ============ */
body.page-id-567 .site-header, body.page-id-568 .site-header, body.page-id-561 .site-header{
  display:none !important;
}
body.page-id-567 .um-login:before, body.page-id-568 .um-register:before, body.page-id-561 .um-password:before{
  content:'CATAMARAN PLAN';
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:15px;
  letter-spacing:.14em;
  color:var(--navy);
  text-align:center;
  margin-bottom:28px;
}
body.page-id-567 .um-field-area, body.page-id-568 .um-field-area, body.page-id-561 .um-field-area{
  margin-bottom:18px;
}



/* === Blue Primary + Orange Accent === */
:root {
  --ocean: #003087 !important;
  --e-global-color-primary: #003087 !important;
  --e-global-color-accent: #FF6600 !important;
  --e-global-color-secondary: #000000 !important;
}
.elementor-button {
  background-color: #003087 !important;
  background: #FF6600 !important;
  transition: background .2s !important;
}
.elementor-button:hover {
  background: #FF6600 !important;
  background-color: #FF6600 !important;
}
/* Orange accents on section headings */
.elementor-heading-widget h1,
.elementor-heading-widget h2,
.elementor-heading-widget h3 {
  color: #003087;
}
/* Orange underline accent for headings in portal pages */
.e-con .elementor-heading-widget h2::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: #FF6600;
  margin-top: 8px;
}


/* === Catamaran Plan Styles === */
:root {
  --ocean: #003087 !important;
  --e-global-color-primary: #003087 !important;
  --e-global-color-accent: #FF6600 !important;
  --e-global-color-secondary: #000000 !important;
}
/* Icon circles keep Astro Blue */
.elementor-icon { color: #003087 !important; background-color: #003087 !important; }
/* Buttons are Orange */
.elementor-button,
.elementor-widget-button .elementor-button {
  background-color: #FF6600 !important;
  background: #FF6600 !important;
}
.elementor-button:hover,
.elementor-widget-button .elementor-button:hover {
  background-color: #cc5200 !important;
  background: #cc5200 !important;
}/* End custom CSS */